/* SPPG JBB - sidebar groups V10.3.4; UI only */
.nav-groups{gap:9px}.nav-group{border:1px solid #dcecf8;border-radius:14px;background:#f8fcff;padding:5px;min-width:0}
.nav-group-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border-radius:10px;border:0;background:transparent;color:#365b7c;text-transform:uppercase;letter-spacing:.075em;font-size:11px;font-weight:800;cursor:pointer;text-align:left}
.nav-group-toggle:hover{background:#edf7fe;color:#166da7}.nav-group-toggle:focus-visible{outline:3px solid #78c6f2;outline-offset:2px}
.nav-group-chevron{font-size:18px;line-height:1;transition:transform .18s ease}.nav-group-toggle[aria-expanded="true"] .nav-group-chevron{transform:rotate(180deg)}
.nav-group-items{display:grid;gap:5px;padding:0 3px 4px}.nav-group-items[hidden]{display:none!important}
.nav-group .nav-btn{margin:0;width:100%;min-height:41px;padding:10px 12px;font-size:13px;box-shadow:none}
.nav-group .nav-btn[hidden],.nav-groups .nav-group[hidden]{display:none!important}
.nav-group:has(.nav-btn.active){border-color:#c3e2f6;background:#f2f9ff}
.side-nav{scrollbar-width:thin;scrollbar-color:#c3e2f6 transparent}
@media(max-width:800px){.nav-groups{gap:9px}.nav-group-toggle{min-height:44px}.nav-group .nav-btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){.nav-group-chevron{transition:none}}
/* Executive Professional sidebar V10.3.5 */
.nav-group{background:#f8fafb;border-color:#e0e8ee}.nav-group-toggle{color:#39536b}
.nav-group-toggle:hover{background:#edf2f6;color:#173951}.nav-group-toggle:focus-visible{outline-color:#8ba6bd}
.nav-group:has(.nav-btn.active){border-color:#bacbd9;background:#f1f5f8}.side-nav{scrollbar-color:#c4d2de transparent}

/* ===========================================================
 Executive Navy & Gold V10.3.6 — Sidebar only, visual styles
 Preserve .nav-btn, data-page, hidden, ARIA, JS handlers & IDs
 =========================================================== */
.side-nav{
 background:linear-gradient(165deg,#10243e 0%,#091a30 67%,#081528 100%)!important;
 border:1px solid #29415e!important;
 box-shadow:0 16px 38px rgba(7,24,46,.21)!important;
 scrollbar-color:#536d88 transparent!important;
 color:#f4f7fb;
}
.side-nav::after{content:"";display:block;height:2px;margin:15px 10px 3px;border-radius:2px;background:linear-gradient(90deg,transparent,#c5a16a,#f2dba5,transparent);opacity:.68;pointer-events:none}
.side-brand{color:#f7f8fc!important;border-bottom-color:#324861!important;font-weight:800}
.side-brand::before{background:linear-gradient(140deg,#f6e3ac,#bd9354)!important;color:#14233a!important;box-shadow:0 2px 14px #d5ad6b30}
.nav-groups{gap:10px}
.nav-group,.nav-group:has(.nav-btn.active){background:rgba(6,23,44,.25)!important;border:1px solid #32465f!important;box-shadow:inset 0 1px 0 #ffffff08!important;border-radius:14px}
.nav-group-toggle,.nav-group-toggle:hover{background:transparent!important;color:#e7eef7!important;border:0!important;box-shadow:none!important;transform:none!important}
.nav-group-toggle:hover{color:#f0cc8b!important}
.nav-group-toggle:focus-visible{outline:2px solid #c5a16a!important;outline-offset:1px}
.nav-group-chevron{color:#d6b579}
.side-nav .nav-btn,.side-nav .nav-group .nav-btn{
 background:rgba(13,35,63,.54)!important;color:#e8eff9!important;
 border:1px solid #3b536d!important;border-radius:10px!important;
 box-shadow:none!important;font-weight:600!important;
 text-align:left!important;transform:none!important;
}
.side-nav .nav-btn:hover,.side-nav .nav-group .nav-btn:hover{background:#254264!important;border-color:#8b7890!important;color:#fff!important;transform:none!important}
.side-nav .nav-btn.active,.side-nav .nav-group .nav-btn.active{
 background:linear-gradient(105deg,#6c5638 0%,#897044 56%,#b2935c 100%)!important;
 border-color:#d2ac66!important;color:#fff!important;
 box-shadow:inset 3px 0 0 #f7d98f,0 5px 13px rgba(0,0,0,.19)!important;
 font-weight:800!important;
}
.side-nav .nav-btn:focus-visible{outline:2px solid #f1d49b!important;outline-offset:2px}
.side-nav .nav-btn[hidden],.side-nav .nav-group[hidden],.side-nav .nav-group-items[hidden]{display:none!important}
@media(max-width:800px){.side-nav{background:linear-gradient(165deg,#10243e,#07172b)!important}}
@media print{.side-nav{display:none!important}}