.staff-page .page-heading { align-items:center; }
.staff-button { display:inline-flex; align-items:center; min-height:34px; padding:8px 13px; border:1px solid var(--border); border-radius:5px; font-size:12px; text-decoration:none; }
.staff-button.primary { color:var(--on-accent); background:var(--accent-deep); border-color:var(--accent-deep); }
.staff-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:14px 16px; border-bottom:1px solid var(--border); }
.staff-toolbar input { flex:1 1 240px; }
.staff-toolbar :is(input,select), .staff-form :is(input,select) { min-width:0; padding:9px 10px; border:1px solid var(--border); border-radius:5px; background:var(--surface-input); color:var(--text); font:inherit; font-size:12px; }
.staff-toolbar select { min-width:160px; }
.staff-page .table-wrap table { min-width:650px; }
.staff-list-foot { padding:11px 16px; border-top:1px solid var(--border); font-size:11px; color:var(--muted); }
.staff-status { font-size:11px; font-weight:500; white-space:nowrap; }
.staff-status-active { color:var(--success); }
.staff-status-inactive { color:var(--warning); }
.staff-status-archived { color:var(--muted); }
.staff-empty { padding:24px 16px !important; color:var(--muted); }
.staff-back { display:inline-block; margin-bottom:15px; font-size:12px; color:var(--muted); }
.staff-form { padding:20px; }
.staff-form-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; max-width:780px; }
.staff-form-fields .field { display:grid; gap:7px; margin:0; font-size:12px; color:var(--muted); }
.staff-form-fields input { width:100%; }
.staff-form-fields .field:last-child:nth-child(odd) { grid-column:1/-1; }
.staff-readonly-name { grid-column:1/-1; font-size:14px; font-weight:600; }
.staff-form-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:22px; padding-top:16px; border-top:1px solid var(--border); }
.staff-form-actions > a { margin-right:auto; font-size:12px; }
.staff-form-message { margin:16px 0 0; color:var(--warning); font-size:12px; line-height:1.5; }
.staff-message { margin:0; color:var(--muted); font-size:13px; }
.staff-summary { display:flex; flex-wrap:wrap; gap:30px; padding:20px; }
.staff-summary > div { display:grid; gap:7px; }
.staff-summary span { font-size:12px; color:var(--muted); }
.staff-summary strong { font-size:13px; font-weight:500; }
.staff-schedule-link { display:inline-block; margin-top:16px; font-size:12px; }
.staff-user-link { margin-top:20px; padding:18px 20px; }
.staff-user-link > header { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px 22px; }
.staff-user-link h2 { margin:0; font-size:14px; font-weight:600; }
.staff-user-link header > span { color:var(--muted); font-size:12px; }
.staff-user-link fieldset { display:grid; grid-template-columns:minmax(220px,1fr) minmax(220px,1fr); gap:18px; padding:0; margin:18px 0; border:0; max-width:780px; }
.staff-user-link label { display:grid; gap:7px; color:var(--muted); font-size:12px; }
.staff-user-link :is(input,select) { min-width:0; padding:9px 10px; border:1px solid var(--border); border-radius:5px; background:var(--surface-input); color:var(--text); font:inherit; font-size:12px; }
.staff-user-link footer { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.staff-user-link footer > a { margin-right:auto; font-size:11px; }
.staff-link-message { margin:12px 0 0; font-size:12px; color:var(--muted); line-height:1.5; }
.staff-link-message:empty { display:none; }
.staff-link-message[data-error=true] { color:var(--warning); }
@media(max-width:650px) { .staff-user-link fieldset { grid-template-columns:1fr; } }
@media(max-width:650px) { .staff-form-fields { grid-template-columns:1fr; } .staff-form { padding:16px; } }