.staff-directory-tools{display:flex;align-items:center;gap:12px;min-width:min(48vw,650px)}
.staff-directory-tools>.button{min-height:50px;white-space:nowrap;padding-inline:20px}
.staff-directory-search{display:flex;align-items:center;gap:11px;min-width:200px;flex:1;height:50px;padding:0 15px;border:1px solid #40333b;border-radius:12px;background:#1b171a;color:#9d8f98}
.staff-directory-search:focus-within{border-color:#995360;box-shadow:0 0 0 3px #bd687417}
.staff-directory-search span{font-size:22px;line-height:1}
.staff-directory-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f4eff1;font:inherit;font-size:14px}
.staff-directory-search input::placeholder{color:#897d85}
.staff-directory-filters{display:flex;align-items:center;gap:10px;margin:3px 0 26px}
.staff-directory-filters>span{margin-right:2px;color:#a3949d;font-size:12px;font-weight:800;letter-spacing:.13em}
.staff-filter-chip{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid #42363d;border-radius:11px;background:#1c181b;color:#e4dadd;font-size:13px;font-weight:650;cursor:pointer;transition:.16s ease}
.staff-filter-chip>i{position:relative;width:30px;height:17px;border-radius:99px;background:#3b3036;transition:.16s ease}
.staff-filter-chip>i:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#95858e;transition:.16s ease}
.staff-filter-chip.active{border-color:#6d424b;background:#281d22}
.staff-filter-chip.active>i{background:#aa5e69}
.staff-filter-chip.active>i:after{left:16px;background:#fff}
.staff-filter-chip.active.warning{color:#e5b16e}
.staff-filter-chip.active.reprimand{color:#e18491}
.staff-filter-clear{border:0;background:transparent;color:#c98b94;font:inherit;font-size:12px;cursor:pointer}
.staff-list-heading{display:flex;align-items:center;gap:18px;margin-bottom:13px}
.staff-list-heading:after{content:"";height:1px;flex:1;background:#3a3036}
.staff-list-heading h2{margin:0;font-size:clamp(20px,2vw,28px);letter-spacing:-.025em}
.staff-list-heading>span{order:1;white-space:nowrap;color:#b2a5ad;font-weight:700;font-size:13px}
.staff-directory-wrap{overflow:hidden;border:1px solid #493840;border-radius:16px;background:#1b171a;box-shadow:0 12px 36px #0002}
.staff-directory-scroll{width:100%;overflow:auto}
.staff-directory{width:100%;min-width:960px;border-collapse:collapse;text-align:left}
.staff-directory thead{border-top:2px solid #9b4b59;background:#211a1e}
.staff-directory th{height:54px;padding:0 14px;color:#b7aab1;font-size:12px;font-weight:750;white-space:nowrap}
.staff-directory th:first-child{width:56px;padding-left:15px}
.staff-directory th:nth-child(2){min-width:220px}
.staff-directory th:nth-child(3),.staff-directory th:nth-child(4){min-width:132px}
.staff-directory th:nth-child(5),.staff-directory th:nth-child(6){min-width:140px}
.staff-directory th:last-child{min-width:205px}
.staff-directory .warning-head{color:#d9a364}
.staff-directory .reprimand-head{color:#dd8190}
.staff-directory tbody>tr:not(.staff-detail-row){border-top:1px solid #352b31;transition:background .16s ease}
.staff-directory tbody>tr:not(.staff-detail-row):hover{background:#211b1f}
.staff-directory td{padding:14px;vertical-align:middle;color:#e6dfe2;font-size:13px}
.staff-directory td:first-child{padding-left:14px}
.staff-row-expand{width:36px;height:36px;border:1px solid #483840;border-radius:10px;background:#241d21;color:#d68a95;font-size:18px;cursor:pointer;transition:.16s ease}
.staff-row-expand:hover,.staff-row-expand.expanded{border-color:#96525d;background:#3a2229;color:#f0a2ac}
.staff-row-expand.expanded{transform:rotate(180deg)}
.staff-person{display:flex;align-items:center;gap:10px;min-width:195px}
.staff-person-avatar{position:relative;display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #49343c;border-radius:12px;background:#2b2025;color:#df8995;font-size:14px;font-weight:800}
.staff-person-avatar>i{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border:2px solid #1b171a;border-radius:50%;background:#746b70}
.staff-person-avatar>i.online{background:#5cc995}
.staff-person>div{min-width:0}
.staff-person>div>b{display:block;max-width:245px;overflow:hidden;color:#eae2e5;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.staff-person>div>small{display:block;max-width:245px;margin-top:4px;overflow:hidden;color:#a89ba3;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.medcard-indicator{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid #81444f;border-radius:7px;color:#e18c97;font-size:15px}
.staff-no-data{color:#81757d;font-size:12px}
.staff-sanctions{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.staff-sanctions i{width:10px;height:10px;border:2px solid #53414a;border-radius:50%}
.staff-sanctions i.filled{border-color:#e2aa64;background:#e2aa64}
.staff-sanctions.reprimand i{border-radius:3px}
.staff-sanctions.reprimand i.filled{border-color:#df7787;background:#df7787}
.staff-sanctions small{margin-left:4px;color:#a89ca4;font-size:11px}
.warning-cell{background:#d39a2310}
.reprimand-cell{background:#ba455414}
.warning-cell .staff-sanctions small{color:#d8a463}
.reprimand-cell .staff-sanctions small{color:#df8290}
.staff-course-list{display:grid;gap:4px;min-width:185px;color:#b9adb4;font-size:11px;line-height:1.3}
.staff-detail-row>td{padding:0 12px 12px!important;background:#211a1e}
.staff-detail{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) minmax(320px,1.7fr);align-items:start;gap:14px;padding:15px;border:1px solid #70424b;border-radius:13px;background:#1b171a}
.staff-detail>span{display:grid;gap:7px;color:#d8cdd2;font-size:12px;line-height:1.5}
.staff-detail>span>b{color:#ad9da6;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.staff-detail-sanctions{grid-column:1/-1;grid-template-columns:1fr!important;padding-top:11px;border-top:1px solid #392e34}
.staff-medcard-editor{grid-row:span 2;padding:15px;border:1px solid #77424d;border-radius:12px;background:#211a1e}
.staff-medcard-editor header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.staff-medcard-editor header>b{color:#e48a96;font-size:14px}
.staff-medcard-editor header>small{color:#a99aa2;font-size:11px;white-space:nowrap}
.staff-medcard-editor>label{display:grid;gap:8px;color:#aa9ca4;font-size:10px;font-weight:800;letter-spacing:.12em}
.staff-medcard-editor input[type=date]{width:min(100%,300px);height:43px;padding:0 12px;border:1px solid #74434d;border-radius:9px;background:#1a1619;color:#f1e9ec;font:inherit;font-size:13px;color-scheme:dark}
.staff-medcard-editor input[type=date]:focus{outline:0;border-color:#cf737f;box-shadow:0 0 0 3px #bd687417}
.staff-medcard-actions{display:flex;gap:8px;margin-top:11px}
.staff-medcard-actions .button{min-height:38px;padding:0 12px;font-size:12px}
.staff-medcard-actions .button.primary{background:#cb6673;border-color:#d78089;color:#fff}
.staff-sync-note{display:block;margin-top:11px;color:#897b84;font-size:10px;line-height:1.45}
.staff-directory-note{margin-top:12px}
@media(max-width:1000px){.page-heading:has(.staff-directory-tools){align-items:flex-start;flex-direction:column}.staff-directory-tools{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.staff-directory-tools>.button{width:100%;min-height:46px;padding-inline:13px}.staff-detail{grid-template-columns:1fr 1fr}.staff-medcard-editor{grid-column:1/-1;grid-row:auto}.staff-detail-sanctions{grid-column:1/-1}}
@media(max-width:520px){.staff-directory-filters{flex-wrap:wrap;gap:7px;margin-bottom:20px}.staff-directory-filters>span{width:100%}.staff-filter-chip{font-size:11px}.staff-list-heading h2{font-size:20px}.staff-detail{grid-template-columns:1fr}.staff-medcard-editor header{align-items:flex-start;flex-direction:column}}