.employee-cabinet-picker {min-width:0;margin:20px 0 0;padding:20px 0 0;border:0;border-top:1px solid var(--line);transition:opacity 200ms ease}
.employee-cabinet-picker:disabled {opacity:.55}
.employee-cabinet-picker legend {padding:0 8px 0 0;font-size:14px;font-weight:650;color:var(--ink)}
.employee-cabinet-heading {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:12px;color:var(--muted)}
.employee-cabinet-heading>div {display:flex;gap:6px}
.employee-cabinet-heading button {min-height:36px;padding:7px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:12px;transition:background 160ms ease,opacity 160ms ease}
.employee-cabinet-heading button:disabled {opacity:.4;cursor:default}
.employee-cabinet-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.employee-cabinet-choice {display:block;position:relative;min-width:0;cursor:pointer}
.employee-cabinet-choice input {position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.employee-cabinet-tile {display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:11px;min-height:70px;padding:13px;border:1px solid var(--line);border-radius:19px;background:var(--surface);color:var(--ink);font-size:14px;line-height:1.4;font-weight:500;transition:background 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.employee-cabinet-tile>span:nth-child(2) {overflow-wrap:anywhere}
.employee-cabinet-symbol {display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--pearl);color:var(--muted);transition:background 180ms ease,color 180ms ease}
.employee-cabinet-symbol svg {width:20px;height:20px}
.employee-cabinet-check {display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;color:transparent;transform:scale(.85);transition:transform 180ms ease,background 180ms ease,color 180ms ease,border-color 180ms ease}
.employee-cabinet-choice input:checked+.employee-cabinet-tile {border-color:#7d9eaa;background:linear-gradient(115deg,#e8e4f1,#dcedf2);box-shadow:inset 0 0 0 1px #92a8b222}
.employee-cabinet-choice input:checked+.employee-cabinet-tile .employee-cabinet-check {transform:scale(1);background:#384a51;border-color:#384a51;color:#fff}
.employee-cabinet-choice input:checked+.employee-cabinet-tile .employee-cabinet-symbol {background:#ffffff70;color:#384a51}
.employee-cabinet-choice input:focus-visible+.employee-cabinet-tile {outline:2px solid var(--focus);outline-offset:3px}
.employee-cabinet-picker .field-hint {margin-top:12px;font-size:12px;line-height:1.6}
.employee-cabinet-summary {display:block;margin-top:8px;color:var(--muted);line-height:1.5}
html[data-theme="dark"] .employee-cabinet-choice input:checked+.employee-cabinet-tile {background:linear-gradient(115deg,#303044,#203b43);border-color:#6d94a5}
html[data-theme="dark"] .employee-cabinet-choice input:checked+.employee-cabinet-tile .employee-cabinet-check {background:#c1dceb;border-color:#c1dceb;color:#172d36}
html[data-theme="dark"] .employee-cabinet-choice input:checked+.employee-cabinet-tile .employee-cabinet-symbol {background:#acc8e11a;color:#c1dceb}
@media (hover:hover) {.employee-cabinet-choice input:not(:disabled):hover+.employee-cabinet-tile {transform:translateY(-2px);border-color:#7d9eaa}}
@media (max-width:600px) {.employee-cabinet-grid {grid-template-columns:1fr}.employee-cabinet-tile {min-height:64px}.employee-cabinet-heading>div {margin-left:auto}.employee-cabinet-heading button {min-height:44px}}
@media (prefers-reduced-motion:reduce) {.employee-cabinet-picker,.employee-cabinet-tile,.employee-cabinet-symbol,.employee-cabinet-check,.employee-cabinet-heading button {transition:none}.employee-cabinet-choice input:not(:disabled):hover+.employee-cabinet-tile {transform:none}}
