.employee-directory-controls{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:0 22px 18px;color:var(--muted)}
.employee-directory .panel-title>.action,#addEmployee{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:#fff;font-weight:700;line-height:1;box-shadow:0 4px 10px rgba(37,99,235,.2);cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}
#addEmployee::before{content:'+';font-size:19px;font-weight:500;line-height:12px}
.employee-directory .panel-title>.action:hover,#addEmployee:hover{background:#1d4ed8;box-shadow:0 6px 14px rgba(37,99,235,.25);transform:translateY(-1px)}
.employee-directory .panel-title>.action:focus-visible,#addEmployee:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.employee-directory-controls label{display:flex;align-items:center;gap:10px}
.employee-directory-controls select,.employee-editor input,.employee-editor select,.employee-editor textarea{font:inherit;padding:11px 13px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}
.employee-actions{display:flex;gap:6px;flex-wrap:wrap}
.assignment-badge{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--muted)}
.assignment-badge.assigned{background:#e7f5f3;color:var(--teal)}
.employee-editor{width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:32px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.employee-editor::backdrop{background:rgba(15,23,42,.45)}
.employee-editor h2{margin:0 34px 10px 0;font-size:24px}
.employee-editor label{display:grid;gap:7px;margin-top:18px;font-weight:600}
.employee-editor small,.employee-editor .section-subtitle{color:var(--muted);font-weight:400}
.employee-editor input[readonly]{background:var(--surface-2)}
.employee-editor textarea{width:100%;resize:vertical;min-height:80px}
.employee-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.employee-form-actions button[type=submit]{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 4px 10px rgba(37,99,235,.18);cursor:pointer}
.employee-form-actions button[type=submit]:hover{background:#1d4ed8}
.employee-form-actions button[type=submit]:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.employee-feedback{color:var(--text);min-height:22px;margin:15px 0 0;overflow-wrap:anywhere}
.employee-device{border-top:1px solid var(--border);margin-top:20px;padding-top:10px}
.employee-device dl{display:grid;gap:12px}.employee-device dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px}
.employee-device dt{color:var(--muted)}.employee-device dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.employee-directory .panel-title{align-items:flex-start;gap:16px;flex-direction:column}.employee-editor{padding:24px 18px}.employee-device dl>div{grid-template-columns:110px minmax(0,1fr)}}