/* CMS-only palette. Public forms keep the shared directory-ui.css styling. */
:root{
 --ink:#172F50;
 --muted:#586B83;
 --paper:#F3F6FB;
 --white:#FCFDFF;
 --line:#D7E1EE;
 --plum:#142E57;
 --rose:#2D609D;
}
.sidebar{color:#F3F8FF}
.sidebar nav button:hover,.sidebar nav button[aria-current=page]{background:#FFFFFF20}
.eyebrow,.text-button{color:#2D609D}
input,select,textarea{border-color:#BBCBE0}
button:not(:disabled):hover,.button:hover{background:#EAF1FC;border-color:#2D609D}
.primary:not(:disabled):hover{background:#0D2344;color:white}
.sidebar nav button:hover{background:#FFFFFF20;border-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #3270C3;outline-offset:4px}
th,.badge{background:#EAF0F8}
.stat{border-color:#CFDDEE}
.stat strong{color:#142E57}
.stat:first-child{background:#E7EFFB}
.status{color:#A23343}
dialog{box-shadow:0 24px 100px #142E5735}
dialog::backdrop{background:#142E5780}
/* Preserve the meaning of review states. */
.badge.published,.badge.accepted,.badge.approved,.badge.active{background:#E8EFE7;color:#35573D}
.badge.pending,.badge.submitted,.badge.under_review,.badge.needs_information{background:#FAF0D9;color:#846021}
.badge.suspended,.badge.rejected,.badge.declined,.badge.withdrawn{background:#F7E1E2;color:#963948}

/* Grouped task navigation, with a separate overview and scrollable section list. */
.sidebar{padding:28px 18px;gap:24px;height:100dvh;position:sticky;top:0;overflow:hidden}
.sidebar>.brand{flex-shrink:0;padding:0 8px}
.sidebar .staff-nav{display:flex;flex-direction:column;gap:22px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 3px 10px 0;scrollbar-width:thin}
.sidebar .staff-nav-group h2{font:700 10px/1.4 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#BDD1EE;margin:0 0 8px;padding:0 12px}
.sidebar .staff-nav-group ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.sidebar .staff-nav-group+.staff-nav-group{border-top:1px solid #FFFFFF1F;padding-top:18px}
.sidebar .staff-nav button{min-height:42px;line-height:1.4;border:0;border-left:3px solid transparent;border-radius:0 9px 9px 0;padding:10px 10px 10px 12px;width:100%;white-space:normal;font-size:13px;justify-content:flex-start;color:#E3EDFC;font-weight:450}
.sidebar .staff-nav button:hover{background:#FFFFFF12;color:white}
.sidebar .staff-nav button[aria-current=page]{background:#FFFFFF1C;border-left-color:transparent;color:white;font-weight:750}
.sidebar .staff-nav-home{font-size:15px!important;font-weight:650!important}
.sidebar .staff-nav-group.has-current h2{color:#F3F8FF}
.sidebar footer{border-top:1px solid #FFFFFF1F;padding:15px 12px 0;margin-top:auto;flex-shrink:0;opacity:1}
.sidebar footer p{margin:0}
.staff-nav-toggle{display:none}
#workspaceLocation{font-size:12px;line-height:1.6}
@media(max-width:850px){
 .workspace{display:block}
 .sidebar{height:auto;position:relative;overflow:visible;padding:20px;display:grid;grid-template-columns:1fr auto;gap:0;align-items:center}
 .sidebar>.brand{padding:0;font-size:28px}
 .sidebar>.brand small{font-size:9px;letter-spacing:1.3px}
 .sidebar .staff-nav-toggle{display:flex;align-items:center;gap:14px;border:1px solid #FFFFFF55;border-radius:9px;background:transparent;color:white;padding:10px 14px;min-height:44px}
 .sidebar .staff-nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px;max-height:65vh;padding-bottom:0}
 .sidebar.staff-nav-ready:not(.is-nav-open) .staff-nav{display:none}
 .sidebar .staff-nav-home{grid-column:1/-1}
 .sidebar .staff-nav-group+.staff-nav-group{border:0;padding-top:0}
 .sidebar .staff-nav button{min-height:44px}
 .sidebar footer{display:none}
 .main{padding:24px 20px}
}
@media(max-width:400px){.sidebar .staff-nav{grid-template-columns:1fr}.sidebar>.brand{font-size:25px}}

/* Keep a persistent control available when the desktop sidebar is retracted. */
@media(min-width:851px){
 .sidebar{padding-bottom:84px}
 .staff-sidebar-toggle{position:fixed;left:18px;bottom:20px;z-index:30;width:202px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;border:1px solid #FFFFFF50;border-radius:9px;background:#142E57;color:white;font:600 12px system-ui,sans-serif;cursor:pointer}
 .staff-sidebar-toggle:not(:disabled):hover{background:#234A7A;border-color:#FFFFFF80}
 .staff-sidebar-toggle svg{width:18px;height:18px;flex-shrink:0}
 .staff-sidebar-collapsed .sidebar{display:none}
 .staff-sidebar-collapsed .workspace{grid-template-columns:minmax(0,1fr)}
 .staff-sidebar-collapsed .staff-sidebar-toggle{top:18px;bottom:auto;left:14px;width:134px;min-height:42px}
 .staff-sidebar-collapsed .staff-sidebar-toggle svg{transform:rotate(180deg)}
 .staff-sidebar-collapsed .topbar{padding-left:140px;min-height:52px}
}
@media(min-width:851px) and (max-width:1000px){.staff-sidebar-toggle{width:154px}}
@media(max-width:850px){.staff-sidebar-toggle{display:none!important}}
@media print{.staff-sidebar-toggle,.sidebar{display:none!important}.workspace{display:block}}

/* Section disclosures retain visible hierarchy and full keyboard targets. */
.sidebar .staff-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:40px;padding:8px 0;background:transparent;border:0;border-radius:4px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer}
.sidebar .staff-group-toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.sidebar .staff-nav-group ul[hidden]{display:none!important}

/* Quiet totals align with the four directory destinations. */
#cmsNavigation .staff-nav-count{margin-left:auto;flex:0 0 auto;min-width:24px;padding:2px 6px;border-radius:999px;background:#FFFFFF14;color:#E3EDFC;font:600 11px/1.4 system-ui,sans-serif;font-variant-numeric:tabular-nums;text-align:center}
#cmsNavigation .staff-nav-count[hidden]{display:none}
@media(min-width:851px){body.staff-sidebar-collapsed #cmsNavigation .staff-nav-count{display:none}}