#dc-employees .employee-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,1.15fr);gap:24px;align-items:start}#dc-employees .employee-directory{padding:22px}#dc-employees .employee-filters{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:12px;margin-top:5px}#dc-employees .employee-filters label{margin-bottom:0}#dc-employees .employee-filters input,#dc-employees .employee-filters select{margin-top:7px}#dc-employees .employee-results{margin:15px 0 10px}#dc-employees .employee-cards{display:grid;gap:12px}#dc-employees .employee-card{border:1px solid var(--line);border-radius:9px;padding:16px;overflow-wrap:anywhere}#dc-employees .employee-card-selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:#fcfaf5}#dc-employees .employee-card-top{display:flex;align-items:center;gap:11px}#dc-employees .employee-avatar{background:#eaf0ee;color:var(--navy);font-weight:700;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}#dc-employees .employee-card-top>div:nth-child(2){flex:1;min-width:0}#dc-employees .employee-card-top h3{margin:0 0 4px}#dc-employees .employee-card-top p{font-size:11px;line-height:1.4}#dc-employees .employee-contact{font-size:11px;margin:12px 0}#dc-employees .employee-card-bottom{display:flex;align-items:center;gap:8px}#dc-employees .employee-card-bottom small{color:var(--muted);font-size:10px;flex:1}#dc-employees .employee-card-bottom button{font-size:11px;padding:7px 10px}#dc-employees .employee-detail{position:sticky;top:20px;overflow-wrap:anywhere}#dc-employees .employee-detail-heading{display:flex;align-items:start;gap:15px;justify-content:space-between}#dc-employees .employee-detail-heading h2{font-size:22px;margin:10px 0 5px}#dc-employees .employee-detail-heading button{white-space:nowrap;font-size:11px;padding:8px 12px}#dc-employees .employee-detail-data{padding:17px 0 5px}#dc-employees .employee-detail-data>p{font-size:12px;margin-top:10px}#dc-employees .employee-detail-data>p b{color:var(--ink)}#dc-employees .employee-notes{white-space:pre-wrap;background:#f6f8f7;border-radius:6px;padding:12px}#dc-employees .employee-section-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:15px}#dc-employees .employee-section-heading h3{margin:0}#dc-employees .employee-section-heading h3 span{display:inline-block;font:inherit;font-size:11px;color:var(--muted);margin-left:5px}#dc-employees .employee-section-heading button{font-size:11px;padding:8px 10px}#dc-employees .employee-job{display:flex;align-items:start;gap:14px;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}#dc-employees .employee-job b{font-size:12px}#dc-employees .employee-job p{font-size:11px;margin:5px 0}#dc-employees .employee-job small{font-size:10px;color:var(--muted);display:block;line-height:1.5}#dc-employees .employee-job-side{display:flex;flex-direction:column;align-items:end;gap:10px}#dc-employees .employee-job-side button{font-size:10px;padding:6px 9px;white-space:nowrap}#dc-employees .employee-empty{font-size:12px;padding:25px 0;line-height:1.7}#dc-employees .employee-timezone{margin-top:16px}.employee-assignment{border:1px solid var(--line);border-radius:7px;padding:12px 14px;margin:20px 0 4px}.employee-assignment legend{font-size:12px;font-weight:700;padding:0 5px}.employee-assignment>p{margin:0 0 10px}.employee-checkboxes{display:grid;gap:8px;max-height:240px;overflow:auto}.employee-checkboxes .employee-checkbox{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px;border-radius:6px;margin:0;cursor:pointer}.employee-checkbox input{width:17px;height:17px;padding:0;flex:0 0 17px;accent-color:var(--navy)}.employee-checkbox span{min-width:0;overflow-wrap:anywhere}.employee-checkbox b{font-size:12px;font-weight:500}.employee-checkbox small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.employee-form-note{margin-top:12px}.employee-assignment-readonly{padding:5px 0 10px}.employee-assignment-readonly p{font-size:12px}@media(max-width:1100px){#dc-employees .employee-layout{grid-template-columns:1fr}#dc-employees .employee-detail{position:static}}@media(max-width:600px){#dc-employees .employee-directory,#dc-employees .employee-detail{padding:16px}#dc-employees .employee-filters{grid-template-columns:1fr}#dc-employees .employee-filters label{margin-top:12px}#dc-employees .employee-detail-heading{align-items:start;flex-wrap:wrap}#dc-employees .employee-card{padding:12px}#dc-employees .employee-avatar{display:none}#dc-employees .employee-card-top .badge{font-size:9px}#dc-employees .employee-section-heading{align-items:start;flex-direction:column}#dc-employees .employee-job{gap:10px}#dc-employees .employee-card-bottom{flex-wrap:wrap}#dc-employees .employee-card-bottom small{min-width:100%}}

.employee-access-card{background:#f5f7f6;border:1px solid #dfe7e2;border-radius:8px;padding:17px;margin:20px 0}.employee-access-card button{margin:10px 7px 0 0}.employee-access-card form{max-width:500px}.employee-access-card [role="status"]{color:#7d5929;white-space:pre-line}
.staff-account-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.staff-account-actions button{white-space:normal}#staff-delete,[data-staff-delete],#employee-access-delete{color:#a03131;border-color:#d8aeae}#staff-edit-employee{margin-top:10px}