/* Recovery r1: original flat navigation; compact item density and internal
   vertical scrolling instead of clipping or transforming headings into buttons. */
body[data-auth-view="false"] #sidebar{display:flex!important;flex-direction:column!important;min-height:0;}
body[data-auth-view="false"] #sidebar .brand{flex:0 0 auto!important;min-height:32px;margin-bottom:6px!important;}
body[data-auth-view="false"] #sidebar nav{display:block!important;flex:1 1 auto!important;min-width:0;min-height:0!important;height:auto!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-border) transparent;}
body[data-auth-view="false"] #sidebar nav .navSection{display:block;margin:7px 6px 2px!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.05em!important;white-space:nowrap;}
body[data-auth-view="false"] #sidebar nav a{min-height:31px!important;height:auto!important;padding:5px 8px!important;margin:0!important;font-size:12px!important;line-height:1.32!important;gap:8px!important;}
body[data-auth-view="false"] #sidebar nav a .navIcon{width:17px!important;min-width:17px!important;height:17px!important;}
@media (max-height:780px) and (min-width:801px){
 body[data-auth-view="false"] #sidebar nav .navSection{margin:4px 6px 1px!important;font-size:9px!important;}
 body[data-auth-view="false"] #sidebar nav a{min-height:27px!important;padding:3px 7px!important;font-size:11.5px!important;}
 body[data-auth-view="false"] #sidebar .brand{margin-bottom:4px!important;}
}
@media(min-width:801px){
 body[data-auth-view="false"][data-sidebar="collapsed"] #sidebar nav .navSection{display:none!important;}
 body[data-auth-view="false"][data-sidebar="collapsed"] #sidebar nav a{display:flex!important;justify-content:center!important;align-items:center!important;width:42px!important;min-height:34px!important;height:34px!important;margin:0 auto!important;padding:5px!important;}
 body[data-auth-view="false"][data-sidebar="collapsed"] #sidebar nav a .navIcon{height:19px!important;width:19px!important;min-width:19px!important;}
}
@media(max-width:800px){
 body[data-auth-view="false"] #sidebar nav a{min-height:44px!important;padding:10px 9px!important;font-size:14px!important;}
 body[data-auth-view="false"] #sidebar nav .navSection{margin:9px 7px 3px!important;font-size:11px!important;}
}
body[data-auth-view="false"] #app .fleetBandwidthSummary{font-size:14px!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 10px;line-height:1.5;margin-top:3px!important}
body[data-auth-view="false"] #app .fleetBandwidthSummary .netRX{color:#59acfb}
body[data-auth-view="false"] #app .fleetBandwidthSummary .netTX{color:#36cbb0}
body[data-auth-view="false"] #app .summaryGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))!important;gap:10px!important}
body[data-auth-view="false"] #app .summaryGrid .summaryCard{min-width:0;min-height:78px!important;max-height:none!important;height:auto!important}
/* Scope muted-neutral recolors to static metadata. Do not touch metric colors. */
body[data-auth-view="false"] #app :is(.accountMeta dt,.profileFacts dt,.serverPolicyCard dt,.accessPolicy dt,.insightsFilters label,.insightsIntro p,.insightsIntro small,.resourceHistory label,.resourceHistory small,.insightsHeading p){color:var(--ui-text-muted)!important}
body[data-auth-view="false"] #app :is(.accountMeta,.profileFacts,.serverPolicyCard,.accessPolicy) :is(dd,strong){color:var(--ui-text)!important}

body[data-auth-view="false"] #sidebar nav a[style*="display: none"]{display:none!important}

/* Target existing real DOM selectors; never wash out status or progress bars. */
body[data-auth-view="false"] #app .authProfile dl dt,
body[data-auth-view="false"] #app .policyGrid .card dl dt,
body[data-auth-view="false"] #app .insightsIntro .eyebrow,
body[data-auth-view="false"] #app .insightsIntro p,
body[data-auth-view="false"] #app .insightsHistoryCard .sectionHead p,
body[data-auth-view="false"] #app .insightsHistoryCard label,
body[data-auth-view="false"] #app .insightsIntro small,
body[data-auth-view="false"] #app .insightsFilters label{
 color:var(--ui-text-muted)!important;
}
