/* Staff workspace: isolated from the owner console. */
html body[data-page="staff"] #page-staff {width:100%;max-width:1500px;margin:0 auto;color:#f6e5ed;}
#page-staff [hidden] {display:none!important;}
html body[data-page="staff"] #page-staff .staff-hero {display:block!important;position:relative;padding:48px 24px 28px!important;min-height:220px;height:auto!important;text-align:center;border:1px solid #936879;border-radius:18px;background:linear-gradient(#080b1666,#080b16b8),url('../images/ui/admin-lantern-terrace-v10481.png') center/cover!important;}
html body[data-page="staff"] #page-staff .staff-hero h1 {max-width:none!important;width:100%;margin:12px 0!important;font:600 clamp(32px,4vw,46px)/1.15 Georgia,serif!important;color:#f5d6dc;}
html body[data-page="staff"] #page-staff .staff-hero p {max-width:none!important;margin:0;color:#ebd6df;}
#page-staff .staff-kicker {font-size:11px;letter-spacing:2px;color:#edb6d2;}
#page-staff .staff-badge {display:inline-block;margin-top:18px;padding:5px 13px;border:1px solid #bd84a3;border-radius:20px;background:#281826;font-size:12px;}
#page-staff .staff-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;}
#page-staff .staff-toolbar p {font-size:13px;color:#cfbdcd;line-height:1.5;}
#page-staff .button {min-height:44px;border:1px solid #ab6b92;border-radius:10px;background:linear-gradient(120deg,#58263e,#251728);color:#fae4ee;padding:10px 16px;font-size:14px;}
#page-staff .button:disabled {opacity:.45;}
#page-staff .button:focus-visible {outline:2px solid #f1bbd8;outline-offset:3px;}
#page-staff .staff-notice {padding:14px;border:1px solid #9b7d52;border-radius:12px;color:#eed6b3;background:#2a2019;font-size:13px;line-height:1.5;}
#page-staff .staff-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0;}
#page-staff .staff-metrics article,#page-staff .staff-panel {min-width:0;padding:20px;border:1px solid #885869;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#50233645,transparent 65%),#0e0e19;}
#page-staff .staff-metrics span {display:block;color:#cbb6c7;font-size:13px;}
#page-staff .staff-metrics strong {display:block;margin-top:8px;font:30px Georgia,serif;}
#page-staff .staff-grid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;}
#page-staff .staff-panel header {display:flex;align-items:center;justify-content:space-between;gap:12px;}
#page-staff h2 {margin:0;font:600 23px/1.3 Georgia,serif;color:#f3cfdb;}
#page-staff .staff-panel p {font-size:13px;line-height:1.6;color:#c4b3c5;}
#page-staff .staff-side {display:grid;align-content:start;gap:18px;}
#page-staff #staffDirectory {max-height:480px;overflow:auto;display:grid;gap:10px;padding:2px;}
#page-staff .staff-member {padding:14px;border:1px solid #79536c70;background:#090c15;border-radius:12px;}
#page-staff .staff-member h3 {font-size:16px;margin:0 0 12px;overflow-wrap:anywhere;}
#page-staff dl {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;}
#page-staff dl>div {min-width:0;}
#page-staff dt {font-size:11px;color:#bba6ba;margin-bottom:4px;}
#page-staff dd {font-size:13px;margin:0;overflow-wrap:anywhere;}
#page-staff .staff-pagination {display:flex;justify-content:space-between;gap:12px;margin-top:14px;}
#page-staff #staffPageCount {font-size:12px;color:#bba6ba;}
#page-staff .staff-roadmap>div {display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:14px 0;border-bottom:1px solid #78445955;font-size:13px;}
#page-staff .staff-roadmap span {color:#bba6ba;font-size:12px;}
@media(max-width:900px) {#page-staff .staff-grid{grid-template-columns:1fr;}}
@media(max-width:600px) {
 html body[data-page="staff"] #page-staff .staff-hero {padding:36px 16px 24px!important;}
 #page-staff .staff-toolbar {align-items:stretch;flex-direction:column;gap:8px;}
 #page-staff .staff-toolbar p {margin:0;}
 #page-staff .staff-metrics {grid-template-columns:1fr 1fr;gap:10px;}
 #page-staff .staff-metrics article:last-child {grid-column:1/-1;}
 #page-staff .staff-metrics article,#page-staff .staff-panel {padding:15px;}
 #page-staff .staff-panel header {flex-wrap:wrap;}
 #page-staff #staffDirectory {max-height:540px;}
}
