/* Matching section colors for navigation and Overview shortcuts. */
[data-manager-band="overview"]{--band:#367cc0;--band-light:#eaf3fc;--band-ink:#204d7a;--band-dark:#203b51;--band-bright:#a4d3ff}
[data-manager-band="business"]{--band:#28845e;--band-light:#eaf5ee;--band-ink:#1b593d;--band-dark:#203f33;--band-bright:#a0e4ba}
[data-manager-band="experience"]{--band:#8861b5;--band-light:#f3edf9;--band-ink:#624185;--band-dark:#392e49;--band-bright:#d8bcff}
#manager-nav .nav-group[data-manager-band]{border-left:3px solid var(--band);border-radius:7px;background:var(--band-dark);margin-bottom:5px}
#manager-nav .nav-group[data-band-start="true"]:not(:first-child){margin-top:17px}
#manager-nav .nav-group[data-manager-band]>summary{color:var(--band-bright);padding:10px 9px;font-size:12px}
#manager-nav .nav-group[data-manager-band] .nav-children{border-color:var(--band);margin-bottom:8px;margin-right:6px;padding-left:7px}
#manager-nav .nav-group[data-manager-band] a{font-size:12px;line-height:1.35}
#manager-nav .nav-group[data-manager-band] a:hover{background:#ffffff12}
#manager-nav .nav-group[data-manager-band] a[aria-current]{background:var(--band);color:white;box-shadow:inset 0 0 0 1px #ffffff33}
.overview-shortcuts>.panel[data-manager-band]{background:var(--band-light);border:1px solid color-mix(in srgb,var(--band) 30%,white);border-left:4px solid var(--band);box-shadow:0 2px 3px #13282108}
.overview-shortcuts>.panel[data-manager-band]:hover{box-shadow:0 3px 9px #1328211a;border-color:var(--band)}
.overview-shortcuts [data-manager-band] h2{color:var(--band-ink)}
.overview-shortcuts .manager-band-label{display:block;color:var(--band-ink);font-size:9px;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;font-weight:750;margin-bottom:8px}
.overview-shortcuts>.panel p{color:#4e605b}
@media(max-width:650px){#manager-nav .nav-group[data-band-start="true"]:not(:first-child){margin-top:0}}

/* Attention counts remain visible in collapsed groups. */
#manager-nav .nav-group[data-manager-band] a.has-attention{font-weight:850;background:var(--band-light);color:var(--band-ink)}
#manager-nav .nav-group[data-manager-band] a.has-attention[aria-current]{box-shadow:inset 0 0 0 2px var(--band)}
#manager-nav .nav-group>summary.has-attention{font-weight:900;color:#fff}
#manager-nav .nav-group>summary .menu-count{margin-left:5px;padding:1px 6px;font-size:11px;background:var(--band-bright);color:#14271e}
