/* Navigation only. Palette, main layout breakpoints and application pages unchanged. */
#workspace>aside{overflow:hidden}
#nav{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#536782 transparent}
#nav .nav-group{flex-shrink:0;min-width:0}
#nav a,#nav .nav-group-toggle{width:100%;display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:9px;min-height:46px;text-align:left;line-height:1.35;white-space:normal;color:inherit}
#nav .nav-group-toggle{background:transparent;box-shadow:none;font-size:13px;font-weight:700;cursor:pointer}
#nav .nav-group-toggle:hover,#nav a:hover{background:#243651}
#nav .nav-group.has-current>.nav-group-toggle{color:#fff}
#nav .nav-text{display:block;flex:1;min-width:0;width:auto;font-size:inherit;text-align:left;overflow-wrap:anywhere}
#nav .nav-icon{display:block;width:24px;height:24px;flex:0 0 24px}
#nav .nav-group-toggle>.nav-icon:last-child{width:16px;height:16px;flex-basis:16px;transition:transform .15s ease}
#nav .nav-group-toggle[aria-expanded=true]>.nav-icon:last-child{transform:rotate(180deg)}
#nav .nav-children{margin:3px 0 7px 12px;padding-left:8px;border-left:1px solid #40506e}
#nav .nav-children a{font-size:12px;min-height:42px;padding:9px 8px;gap:8px;margin:2px 0}
#nav .nav-children .nav-icon{width:19px;height:19px;flex-basis:19px}
#nav a.active{background:var(--blue);color:#fff;box-shadow:0 3px 10px #0002}
#nav .nav-dashboard{font-size:14px;font-weight:650;flex-shrink:0;position:sticky;top:0;z-index:1;background:var(--navy)}
#nav a:focus-visible,#nav button:focus-visible{outline:2px solid #aac3ff;outline-offset:-2px}
#workspace>aside>.sidebar-footer{flex-shrink:0;margin-top:14px;padding-top:16px;background:var(--navy)}
@media(max-width:700px){
 #workspace>aside{position:static;width:100%;max-height:75vh;max-height:75svh;overflow:hidden}
 #nav{margin-top:14px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}
 #nav .nav-group-toggle{font-size:14px}
 #nav .nav-children a{font-size:13px}
 #workspace>aside>.sidebar-footer{display:block;padding:10px 10px 0;margin-top:10px}
 #workspace>aside>.sidebar-footer small{display:none}
}
@media(prefers-reduced-motion:reduce){#nav .nav-group-toggle>.nav-icon:last-child{transition:none}}
