.staff-period,.staff-tabs{display:flex;gap:8px;flex-wrap:wrap}.staff-period button,.staff-tabs button{border:1px solid #30273d;background:#0d0b12;color:#aaa1b5;border-radius:10px;padding:10px 14px;cursor:pointer}.staff-period button.active,.staff-tabs button.active{background:#6f3fe7;border-color:#8b5cf6;color:#fff}.staff-tabs{margin-bottom:20px}.staff-panel{display:none}.staff-panel.active{display:block}.staff-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.staff-summary-grid article{padding:20px;border:1px solid #2c2438;border-radius:14px;background:#0e0c13}.staff-summary-grid span{display:block;color:#8f859b;font-size:11px}.staff-summary-grid strong{display:block;font-size:28px;margin-top:7px}.staff-two-column{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);gap:18px}.staff-search{width:280px}.staff-table{width:100%;border-collapse:collapse}.staff-table th,.staff-table td{padding:14px 12px;text-align:left;border-bottom:1px solid #251f2e;font-size:12px}.staff-table th{color:#82778e;font-size:10px;text-transform:uppercase}.staff-user{display:flex;align-items:center;gap:10px}.staff-user img{width:36px;height:36px;border-radius:50%}.staff-user button{border:0;background:none;color:#fff;cursor:pointer;text-align:left}.score-badge{display:inline-flex;min-width:44px;justify-content:center;border-radius:20px;background:#24163d;color:#c8a8ff;padding:6px 9px;font-weight:700}.staff-list-card,.department-card,.staff-profile-card{border:1px solid #2a2334;background:#0e0c13;border-radius:13px;padding:16px;margin-bottom:10px}.staff-list-card header,.department-card header{display:flex;justify-content:space-between;gap:12px}.staff-list-card p,.department-card p{color:#9a90a5;font-size:12px}.staff-list-actions{display:flex;gap:7px;flex-wrap:wrap}.staff-list-actions button{border:1px solid #392e49;background:#17121f;color:#ddd3ea;border-radius:8px;padding:7px 10px;cursor:pointer}.staff-list-actions button.good{background:#123324;border-color:#225b40}.staff-list-actions button.bad{background:#36191e;border-color:#6b2c37}.department-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.department-card strong{font-size:27px}.department-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.department-metrics span{font-size:11px;color:#9a90a5}.staff-profile-card{margin-top:18px}.staff-profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.staff-profile-metrics div{background:#15111c;border-radius:10px;padding:12px}.staff-profile-metrics small,.staff-profile-metrics b{display:block}.staff-profile-metrics small{color:#8f859b}.staff-profile-metrics b{margin-top:5px}.record-json{white-space:pre-wrap;max-height:360px;overflow:auto;background:#09080d;padding:14px;border-radius:10px;color:#bbaec8;font-size:11px}@media(max-width:1000px){.staff-summary-grid,.department-grid{grid-template-columns:repeat(2,1fr)}.staff-two-column{grid-template-columns:1fr}}@media(max-width:650px){.staff-summary-grid,.department-grid,.staff-profile-metrics{grid-template-columns:1fr}.staff-search{width:100%}.staff-table-wrap{overflow-x:auto}}
.live-support-admin-grid{align-items:start}.live-support-admin-grid .settings-card{min-height:320px}
.live-staff-row header>span{font-size:12px;color:#b7a8c8}.presence-dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:#667085}.presence-dot.online{background:#23be78;box-shadow:0 0 10px rgba(35,190,120,.6)}.presence-dot.idle{background:#f0a51a}.presence-dot.dnd{background:#ed4245}.presence-dot.offline{background:#667085}