.staff-mode .sidebar-bottom .suite-note{display:none}.staff-mode .staff-status-line{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:-9px 0 21px;color:var(--muted);font-size:13px}.staff-filterbar{align-items:end}.staff-filterbar input[type=search]{flex:1 1 350px}.staff-filterbar label:not(.sr-only){display:grid;gap:4px;font-size:11px;font-weight:600;color:var(--muted)}.staff-filterbar select{min-width:125px;max-width:185px}.staff-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin:18px 0 20px}.staff-tabs button{border:0;border-radius:0;background:transparent;padding:12px 14px}.staff-tabs button[aria-selected=true]{color:var(--teal);box-shadow:inset 0 -3px var(--teal)}.staff-detail-panel{min-height:250px}.staff-panel-pad{padding:24px}.staff-panel-pad p{max-width:650px}.staff-panel-actions{margin-top:25px}.staff-no-pad{padding:0 0 14px}.staff-facts{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:12px 18px;margin:22px 0 0;font-size:14px}.staff-facts dt{color:var(--muted)}.staff-facts dd{margin:0;font-weight:550}.staff-facts dd small{display:block;color:var(--muted);font-weight:400}.staff-under-card{margin-top:18px}.staff-note-list article{padding:17px 25px;border-top:1px solid var(--line)}.staff-note-list p{margin:0 0 7px;color:var(--ink)}.staff-note-list small{color:var(--muted)}.staff-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.staff-fieldset{border:1px solid var(--line);border-radius:9px;margin:18px 0;padding:12px 17px;display:grid;gap:8px}.staff-fieldset legend{font-weight:650;font-size:14px;padding:0 5px}.staff-fieldset label{display:flex;align-items:center;gap:9px;font-size:14px}.staff-mode .name-link{white-space:normal;text-align:left}@media(max-width:800px){.staff-form-grid{grid-template-columns:1fr}.staff-facts{grid-template-columns:1fr;gap:3px}.staff-facts dd{margin-bottom:10px}}

.staff-mode #nav> :not(#staffNav){display:none!important}.staff-mode #staffNav{display:grid;gap:6px}

/* Keep AccuTrain's staff workspace recognizable across every staff page and dialog. */
body.staff-mode {
  --navy: #27213e;
  --ink: #25213a;
  --muted: #675f78;
  --teal: #51429b;
  --line: #e2dfea;
  --bg: #f5f3fa;
  --soft: #eae5f5;
}
.staff-mode .brand-icon { background: #6854b5; }
.staff-mode .workspace-label { color: #c7bce8; }
.staff-mode .district-name span,
.staff-mode .profile div > span { color: #c6bbdd; }
.staff-mode #staffNav a { color: #ded7ef; }
.staff-mode #staffNav a:hover { background: #ffffff16; }
.staff-mode #staffNav a.active { background: #443765; color: #fff; box-shadow: inset 3px 0 #b8a9ff; }
.staff-mode #staffNav a.active span { color: #ded6ff; }
.staff-mode .profile .avatar { background: #eae5f5; color: #51429b; }
.staff-mode .topbar { box-shadow: inset 0 4px #51429b; }
.staff-mode .demo-bar { background: #ebe7f6; color: #443875; border-bottom: 1px solid #dad2ee; }
.staff-mode .demo-bar button { color: #51429b; }
.staff-mode .preview-controls select { border-color: #cfc5e7; }
body.staff-auth-mode .preview-controls { display: none; }
body.staff-auth-mode #staffAuthSignOut { margin-left: auto; align-self: center; border: 1px solid #cfc5e7; border-radius: 7px; padding: 8px 13px; background: #fff; color: #51429b; font-weight: 650; cursor: pointer; }
.staff-mode button:not(.primary):hover { background: #f0ecf8; }
.staff-mode .primary:hover { background: #403382; }
.staff-mode .primary { box-shadow: 0 3px 6px #51429b1c; }
.staff-mode :is(a, button, select, input, textarea):focus-visible { outline-color: #8e7ce0; }
.staff-mode .staff-tabs button[aria-selected=true] { background: #eae5f5; color: #51429b; box-shadow: inset 0 -3px #51429b; }
.staff-mode .notice:not(.error) { background: #efebf8; color: #443875; }
.staff-mode .focus-card { background: #eeebf8; border-color: #ddd5ef; }
.staff-mode .focus-card p { color: #5a4b7b; }
.staff-mode .focus-card .focus-action { border-color: #d5cdea; }
.staff-mode .focus-card .focus-action:hover { background: #e6dff4; }
.staff-mode .column-resize:hover,
.staff-mode .column-resize:focus { background: #51429b1a; }
.staff-mode .modal-foot { background: #f7f5fb; }
@media (max-width: 800px) {
  .staff-mode #staffNav a.active { box-shadow: inset 0 -2px #b8a9ff; }
}

.staff-customer-scope { margin: -10px 0 18px; }
.staff-mode .staff-facts .small-button { margin-left: 8px; padding: 5px 9px; font-size: 12px; }
.staff-view-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px;padding:14px 18px;border:1px solid #aea0de;border-left:5px solid #51429b;border-radius:10px;background:#ebe7f6;color:#27213e}
.staff-view-banner div{display:grid;gap:3px}.staff-view-banner span{font-size:13px;color:#5a4b7b}
.staff-view-banner button{flex:none;background:#fff;border-color:#aea0de}
@media(max-width:620px){.staff-view-banner{align-items:stretch;flex-direction:column}.staff-view-banner button{align-self:flex-start}}
.staff-status-badges{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
 .staff-mode a.primary{display:inline-flex;align-items:center;padding:10px 15px;border:1px solid var(--teal);border-radius:8px;font-weight:600}