.employee-toolbar { position:sticky; top:0; z-index:4; display:flex; align-items:end; gap:16px; padding:12px 0; background:var(--paper); }
.employee-toolbar label { display:grid; gap:6px; width:min(480px,100%); font-weight:650; }
.employee-toolbar input { width:100%; }
.employee-toolbar #staffCount { flex:1; padding-bottom:10px; color:var(--muted); white-space:nowrap; }
.staff-table { max-height:calc(100vh - 220px); overflow:auto; }
.staff-table table { min-width:1000px; }
.staff-table th:first-child, .staff-table td:first-child { min-width:190px; }
.staff-table td { vertical-align:top; }
.staff-table small { display:block; color:var(--muted); margin-top:4px; }
.staff-actions { display:flex; flex-wrap:wrap; gap:6px; min-width:220px; }
.staff-actions button, .staff-password button, .password-result button:not(.icon-button) { min-height:34px; padding:6px 9px; border:1px solid #bdcbc5; border-radius:4px; background:#fff; color:var(--green2); cursor:pointer; }
.staff-actions .staff-delete { color:#9f352d; border-color:#dfc8c5; }
.staff-state { display:inline-block; padding:4px 7px; border-radius:4px; background:#e5f3ed; color:#15553f; white-space:nowrap; }
.staff-state.off { background:#f0f1f2; color:#69716e; }
.staff-dialog { width:min(680px,calc(100vw - 28px)); padding:24px; border:0; border-radius:7px; color:var(--ink); }
.staff-dialog::backdrop { background:#12201da6; }
.staff-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:18px; }
.staff-fields label { display:grid; gap:6px; color:#344955; font-weight:650; min-width:0; }
.staff-fields input, .staff-fields select { width:100%; min-width:0; font-weight:400; }
.staff-fields .wide { grid-column:1/-1; }
.staff-password { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:6px; }
.staff-fields .staff-check { display:flex; align-items:center; gap:8px; }
.staff-check input { width:17px; min-height:17px; height:17px; }
#pageMessage, #formMessage { color:#9f352d; margin:12px 0; overflow-wrap:anywhere; }
#passwordValue { display:block; font:600 20px monospace; padding:16px; margin-top:14px; background:#edf4f0; overflow-wrap:anywhere; user-select:all; }
@media(max-width:680px) {
 .employee-toolbar { flex-wrap:wrap; gap:10px; }
 .employee-toolbar label { width:100%; }
 .staff-table { max-height:calc(100vh - 280px); }
 .staff-table table { display:block; min-width:0; }
 .staff-table thead { display:none; }
 .staff-table tbody { display:block; }
 .staff-table tr { display:block; padding:12px; border-bottom:1px solid var(--line); }
 .staff-table td, .staff-table td:first-child { display:block; position:static; min-width:0; border:0; padding:5px 0; }
 .staff-table td:nth-child(2)::before { content:'Логин и email: '; color:var(--muted); }
 .staff-table td:nth-child(3)::before { content:'Роль: '; color:var(--muted); }
 .staff-table td:nth-child(4)::before { content:'Проверка описаний: '; color:var(--muted); }
 .staff-actions { min-width:0; }
 .staff-fields { grid-template-columns:1fr; }
 .staff-password { grid-template-columns:1fr 1fr; }
 .staff-password input { grid-column:1/-1; }
 .staff-dialog { padding:18px; }
}