/* Compact navigation: the expanded menu overlays the content. */
body.portal-sidebar-active{padding-left:68px}
body.portal-sidebar-active #appHeader{width:100%;height:auto;min-height:64px;padding:12px 24px;gap:16px;justify-content:flex-start}
#appHeader .nav-heading{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#appHeader .nav-home{white-space:nowrap;flex-shrink:0}
#globalSidebar{width:68px;padding:0;transition:width .18s ease;max-width:calc(100vw - 24px)}
#globalSidebar.nav-open{width:264px}
#globalSidebar .global-sidebar-brand{padding:12px;min-height:66px;flex-shrink:0}
#globalSidebar .global-sidebar-brand img{flex:0 0 42px}
#globalSidebar .global-sidebar-brand>div{min-width:175px}
#globalSidebar .global-sidebar-scroll{min-height:0;flex:1;padding:4px 8px;overflow-x:hidden}
#globalSidebar .global-nav-item{min-height:40px;padding:10px 13px;white-space:nowrap}
#globalSidebar .global-nav-label{flex-shrink:0;max-width:196px}
#globalSidebar .global-sidebar-cta{margin:8px;padding:12px 15px;white-space:nowrap;flex-shrink:0}
#globalSidebar .global-sidebar-section{height:11px;white-space:nowrap}
#globalSidebar .global-sidebar-footer{padding:8px;flex-shrink:0}
#globalSidebar .global-sidebar-user{padding:0 8px}
#globalSidebar:not(.nav-open) .global-nav-label,
#globalSidebar:not(.nav-open) .global-sidebar-brand>div,
#globalSidebar:not(.nav-open) .global-sidebar-cta>span:last-child,
#globalSidebar:not(.nav-open) .global-sidebar-user>div:last-child,
#globalSidebar:not(.nav-open) .global-alert-badge{visibility:hidden}
#globalSidebar:not(.nav-open) .global-sidebar-section{visibility:hidden}
.nav-controls{display:flex;align-items:center;gap:4px;padding:4px 8px;flex-shrink:0}
.nav-controls button{background:transparent;color:#fff;border:1px solid #ffffff50;box-shadow:none;padding:7px 10px;min-height:34px}
#navPin{white-space:nowrap}
#globalSidebar:not(.nav-open) #navPin{display:none}
.nav-mobile-toggle{display:none}
#navShade{display:none}
.portal-sidebar-active main,.portal-sidebar-active section{min-width:0}
.portal-sidebar-active .homecards{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.portal-sidebar-active .op-kpis{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important}
.portal-sidebar-active .op-kpi{min-width:0;overflow-wrap:anywhere}
@media(max-width:1000px){.portal-sidebar-active .op-hero{flex-wrap:wrap}.portal-sidebar-active .op-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px),(hover:none){
 body.portal-sidebar-active{padding-left:0}
 #globalSidebar:not(.hidden){display:flex!important;width:264px;transform:translateX(-100%);transition:transform .18s ease}
 #globalSidebar.nav-open{transform:translateX(0)}
 .nav-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
 body.portal-sidebar-active #appHeader{padding:10px 12px;gap:8px}
 #appHeader .nav-heading{font-size:12px}
 #appHeader .nav-home{padding:10px;font-size:12px}
 body.nav-mobile-open #navShade{display:block;position:fixed;inset:0;z-index:999;background:#002b4955;border:0;border-radius:0}
 #navPin{display:none!important}
}
@media(prefers-reduced-motion:reduce){#globalSidebar{transition:none!important}}