.staff-main{

max-width:1200px;

margin:auto;

padding:
180px 20px 80px;

display:flex;

flex-direction:column;

gap:24px;
}

.staff-header{

display:flex;

flex-direction:column;

gap:16px;
}

.staff-header h1{

font-size:3rem;

color:#00ff99;

text-shadow:
0 0 24px rgba(0,255,153,0.2);
}

.staff-header p{

color:#cfcfcf;

line-height:1.7;
}

/* TICKET LIST */

.staff-ticket-list{

display:flex;

flex-direction:column;

gap:20px;
}

.staff-ticket{

padding:
24px;

border-radius:24px;

background:
rgba(255,255,255,0.03);

border:
1px solid rgba(255,255,255,0.08);

display:flex;

flex-direction:column;

gap:18px;
}

/* TOP */

.staff-ticket-top{

display:flex;

align-items:center;

justify-content:space-between;

gap:20px;

flex-wrap:wrap;
}

.staff-ticket-title{

font-size:1.4rem;

font-weight:700;

color:white;
}

/* PRIORITY */

.staff-priority{

padding:
8px 14px;

border-radius:999px;

font-size:0.85rem;

font-weight:700;
}

.priority-1{

background:
rgba(255,255,255,0.08);

color:#d0d0d0;
}

.priority-2{

background:
rgba(0,255,153,0.14);

color:#00ff99;
}

.priority-3{

background:
rgba(59,130,246,0.14);

color:#60a5fa;
}

.priority-5{

background:
rgba(251,146,60,0.14);

color:#fb923c;
}

.priority-10{

background:
rgba(239,68,68,0.14);

color:#f87171;
}

/* INFO */

.staff-ticket-info{

display:flex;

flex-direction:column;

gap:8px;

color:#b8b8b8;
}

/* ACTIONS */

.staff-ticket-actions{

display:flex;

flex-wrap:wrap;

gap:14px;
}

.staff-button{

padding:
12px 18px;

border:none;

border-radius:16px;

font-weight:700;

cursor:pointer;

transition:0.25s;
}

.staff-open{

background:
rgba(255,255,255,0.06);

border:
1px solid rgba(255,255,255,0.08);

color:white;
}

.staff-claim{

background:
linear-gradient(
135deg,
#00ff99,
#00d47f
);

color:black;
}

.staff-button:hover{

transform:
translateY(-2px);
}

/* MOBILE */

.mobile-navbar-toggle{

display:none;
}

@media(max-width:768px){

.mobile-navbar-toggle{

position:fixed;

top:16px;
right:16px;

display:flex;

align-items:center;
justify-content:center;

padding:
14px 18px;

border-radius:18px;

background:
rgba(0,0,0,0.82);

border:
1px solid rgba(255,255,255,0.08);

color:#00ff99;

font-weight:700;

z-index:100000;
}

.dashboard-navbar.hidden-navbar{

opacity:0;

pointer-events:none;
}

.staff-main{

padding:
120px 18px 70px;
}

.staff-header h1{

font-size:2.3rem;
}

}