/* Use the existing palette; give navigation its own hierarchy and scrolling. */
.is-agency .sidebar{gap:20px}
.is-agency .agency-nav-container{min-height:0}
.sidebar nav.agency-navigation{gap:7px}
.agency-navigation .nav-group{min-width:0}
.agency-navigation .nav-group summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px;border-radius:7px;font-size:12px;line-height:1.4;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}
.agency-navigation .nav-group summary::-webkit-details-marker{display:none}
.agency-navigation .nav-group summary:hover{background:#f7f6fc;color:var(--accent)}
.agency-navigation .nav-group.has-current summary{color:var(--accent)}
.agency-navigation .nav-group-chevron{margin-left:auto;flex:none;font-size:20px;font-weight:400;transition:transform .15s}
.agency-navigation .nav-group[open] .nav-group-chevron{transform:rotate(90deg)}
.agency-navigation .nav-group-items{padding:2px 0 5px 7px;display:flex;flex-direction:column;gap:3px}
.agency-navigation .nav-group:not([open])>.nav-group-items{display:none}
.agency-navigation .nav-group-count{margin-left:auto}
.agency-navigation .nav-group-count+.nav-group-chevron{margin-left:0}
.sidebar nav.agency-navigation button{font-size:12px;min-height:39px;padding:9px 10px;gap:9px;width:100%;line-height:1.4}
.agency-navigation .nav-symbol{flex:none}
.agency-navigation .nav-label{min-width:0}
.agency-nav-toggle{display:none}
@media(min-width:681px){
 .is-agency.shell{grid-template-columns:250px minmax(0,1fr)}
 .is-agency .sidebar{position:sticky;top:0;height:100dvh;padding:23px 15px 18px;overflow:hidden}
 .is-agency .agency-nav-container{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;padding:3px}
 .is-agency .sidebar-bottom{margin-top:0;padding-top:13px;flex:none}
 .is-agency .sidebar-bottom .user{margin-top:10px}
}
@media(max-width:680px){
 .is-agency .sidebar{gap:13px;padding-bottom:14px}
 .is-agency .agency-nav-container{grid-column:1 / -1;min-width:0;width:100%}
 .agency-nav-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:7px;padding:10px 12px;text-align:left;font-size:13px;font-weight:600}
 .agency-nav-toggle .nav-current{margin-left:auto;color:var(--accent);font-size:12px;font-weight:400}
 .sidebar .agency-nav-container nav.agency-navigation{display:none;overflow-x:visible;padding:18px 2px 4px;max-height:65dvh;overflow-y:auto;overscroll-behavior:contain}
 .sidebar .agency-nav-container.is-open nav.agency-navigation{display:flex;flex-direction:column;gap:7px}
 .sidebar nav.agency-navigation button{white-space:normal;min-height:44px;font-size:12px}
 .agency-navigation .nav-group summary{font-size:13px;min-height:46px}
}
@media(max-width:380px){.agency-nav-toggle .nav-current{font-size:11px}}
@media(prefers-reduced-motion:reduce){.agency-navigation .nav-group-chevron{transition:none}}