.staff-menu .staff-popover{position:absolute;top:calc(100% + 1px);right:0;z-index:9999;width:430px;max-width:calc(100vw - 20px);padding:0;background:rgba(7,10,14,.985);border:1px solid rgba(200,146,58,.58);border-top:2px solid var(--gold);box-shadow:0 22px 55px rgba(0,0,0,.72);color:#eee6dc}
.staff-popover>header{min-height:70px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(200,146,58,.2);background:linear-gradient(115deg,rgba(200,146,58,.11),transparent 62%)}
.staff-popover>header div{display:flex;flex-direction:column;gap:6px}.staff-popover>header small{color:var(--gold);font:800 9px/1 Arial,sans-serif;letter-spacing:.15em}.staff-popover>header strong{color:#fff;font:900 14px/1 Arial,sans-serif;letter-spacing:.06em}.staff-popover>header>span{display:flex;align-items:center;gap:6px;color:#9c9082;font:700 9px/1 Arial,sans-serif;letter-spacing:.09em;white-space:nowrap}
.staff-clock{width:16px;height:16px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.staff-list{display:block}.staff-member{min-height:67px;padding:0 18px;display:grid;grid-template-columns:10px minmax(100px,1fr) 72px 82px;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.065)}
.staff-member:hover{background:rgba(200,146,58,.055)}.staff-state{width:8px;height:8px;border-radius:50%;background:#e04b4b;box-shadow:0 0 0 3px rgba(224,75,75,.1),0 0 9px rgba(224,75,75,.46)}.staff-state.online{background:#35d789;box-shadow:0 0 0 3px rgba(53,215,137,.1),0 0 9px rgba(53,215,137,.5)}
.staff-member>div{display:flex;flex-direction:column;gap:5px;min-width:0}.staff-member>div b{margin:0;overflow:hidden;text-overflow:ellipsis;color:#eee7de;font:800 12px/1 Arial,sans-serif;letter-spacing:.04em}.staff-member>div small{color:var(--gold);font:700 8px/1 Arial,sans-serif;letter-spacing:.12em}.staff-state-label{color:#e06464;font:800 9px/1 Arial,sans-serif;letter-spacing:.08em}.staff-member[data-online="1"] .staff-state-label{color:#35d789}.staff-today{text-align:right;color:#fff;font:800 12px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}
.staff-empty{margin:0;padding:24px 18px;color:#8e857a;font:600 11px/1.5 Arial,sans-serif;text-align:center}.staff-popover>footer{padding:10px 18px;color:#6f675e;font:600 8px/1 Arial,sans-serif;letter-spacing:.06em;text-align:right}.staff-menu[open]>summary b{transform:rotate(180deg)}
@media(max-width:560px){.staff-menu .staff-popover{position:fixed;top:138px;left:10px;right:10px;width:auto}.staff-member{padding:0 12px;grid-template-columns:9px minmax(78px,1fr) 60px 74px;gap:8px}.staff-popover>header{padding:13px 14px}.staff-popover>header strong{font-size:12px}.staff-today{font-size:11px}}