/* 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;
}


/* FLEET v0.8.2 — monochrome administrative chrome normalization.
   Only visual UI surfaces, navigation, focus and metadata. Never recolor
   resource meters, severity, server status or data-series semantics. */
html[data-auth-theme] body[data-auth-view="false"] :is(#sidebar,main){
  font-family:var(--ui-font);
}
html[data-auth-theme] body[data-auth-view="false"] #sidebar nav a .navLabel,
html[data-auth-theme] body[data-auth-view="false"] #sidebar nav a .navIcon{
  color:inherit!important;
}
html[data-auth-theme] body[data-auth-view="false"] #sidebar nav a:not(.active):not([aria-current="page"]){
  color:var(--ui-text-2)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #sidebar nav a:is(:hover,:focus-visible,.active,[aria-current="page"]){
  color:var(--ui-text)!important;
}
html[data-auth-theme] body[data-auth-view="false"] :is(.eyebrow,.navSection,.account>span,.brand small){
  color:var(--ui-text-muted)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
  .eyebrow,.muted,.legend,.back,.inventoryCount,.taxFilterHint,
  .filterHint,.fieldHint,.helperText,.helpText,.cardHint,.toolbarHint,
  .detailsHint,.copyHint,.tableNote,.emptyMini span,
  .versionPill,.managedPublicKey p
){color:var(--ui-text-muted)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
  .versionPill,.columnPicker summary,.serverTabs button.active,
  .serverTabs a.active,.filterChip:not(.severityChip)
){
  background:var(--ui-surface-2)!important;
  color:var(--ui-text)!important;
  border-color:var(--ui-border-strong)!important;
  box-shadow:none!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app .versionPill{
  font-family:var(--ui-font);font-size:11px;
}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
  .serverTabs button,.serverTabs a,.columnPicker summary,
  .fleetTaxonomyFilters summary
):is(:hover,:focus-visible){
  color:var(--ui-text)!important;
  border-color:var(--ui-border-strong)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
  .fleetTable tr.selected td,.fleetTable tr.rowSelected td
){background:var(--ui-selected)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app .jobRow:focus td:first-child{
  box-shadow:inset 3px 0 var(--ui-text-2)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
  .selectCol input,.fleetTable input[type="checkbox"],
  .roleMatrix input[type="checkbox"]
){accent-color:var(--ui-text)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app :is(input,select,textarea):focus-visible{
  border-color:var(--ui-focus)!important;
  outline:2px solid var(--ui-focus)!important;
  outline-offset:2px;
  box-shadow:none!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
  .callout,.managedPublicKey,.publicURLBox,.jobDataBlock
){
  background:var(--ui-surface-2)!important;
  border-color:var(--ui-border)!important;
  color:var(--ui-text)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
  .callout code,.managedPublicKey code,.publicURLBox code,.jobDataBlock code
){
  color:var(--ui-text)!important;
  background:var(--ui-surface)!important;
}
/* Ordinary, nonsemantic links: preserve severity-specific classes and charts. */
html[data-auth-theme] body[data-auth-view="false"] #app a:not(.catalogChip):not(.tagChip):not(.taxManageLink):not(.statusLink){
  color:var(--ui-text)!important;
  text-decoration-color:var(--ui-border-strong)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app a:not(.catalogChip):not(.tagChip):not(.taxManageLink):not(.statusLink):hover{
  color:var(--ui-text)!important;text-decoration-color:currentColor!important;
}

/* v0.8.2 additional audit pass: neutral containers that still have
   original navy/blue declarations in app.css. Never alter branded OS,
   bandwidth/CPU/RAM series, severity badges or progress meter fills. */
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .bulkBar,.automationNote,.accessRollout,.serverHero,.jobHero,
 .fleetMobileCard.selectedRow,.fleetDialog,.keyMaterial
){
 background:var(--ui-surface-2)!important;
 color:var(--ui-text)!important;
 border-color:var(--ui-border)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .bulkBar>strong,.fleetTable th.sorted,.actionLink,.jobHeroID code
){color:var(--ui-text)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .summaryCard span,.sectionHead p,.fleetCount,.columnHint,
 .fleetDialog label,.accessRolloutControls label,.jobBlockHead span,
 .jobTargetMeta span,.jobProgressText span,.fleetMobileHead small,
 .fleetMobileMeta,.fleetMobileMetrics span,.fleetMobileSelect,
 .serverIdentity p,.detailPair>small,.detailPair>span,.notes,
 .orgRows>div>span,.cap,.accessTable td small
){color:var(--ui-text-muted)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .fleetTable tr.selectedRow td,.accessTable tr.selectedRow td
){background:var(--ui-selected)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app .fleetMobileCard.selectedRow{
 background:var(--ui-selected)!important;
 border-color:var(--ui-border-strong)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .bulkBar,.fleetDialog,.keyMaterial,.automationNote
) :is(input,select,textarea){
 background:var(--ui-input)!important;
 color:var(--ui-text)!important;
 border-color:var(--ui-border)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app .keyMaterial{
 font-family:var(--ui-font-mono);
 overflow-wrap:anywhere;
}
html[data-auth-theme] body[data-auth-view="false"] #app .cap{
 background:var(--ui-surface-2)!important;
 border-color:var(--ui-border)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app .serverTabs button.active{
 border-bottom-color:var(--ui-border-strong)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app .serverTabs button:not(.active){
 color:var(--ui-text-2)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app .fleetMobileSelect input,
html[data-auth-theme] body[data-auth-view="false"] #app .fleetMobileHead input{
 accent-color:var(--ui-text)!important;
}
/* Login appearance belongs to the same monochrome system, without affecting
   authentication behavior or accessibility of the focus indicator. */
html[data-auth-theme] #authShell .authPasswordCard .authForm input:is(:focus,:focus-visible){
 border-color:var(--ui-focus)!important;
 outline:2px solid var(--ui-focus)!important;
 outline-offset:2px;
 box-shadow:none!important;
}


/* =======================================================================
   FLEET v0.8.3 — component-verified legacy theme remediation
   Scope: administrative surfaces + labels + neutral-success chrome only.
   Contract: no semantic warnings/errors, native OS brand marks, meter colors,
   or independent CPU/RAM/NET history series are modified by this block.
   Source: original FLEET app.css, over v0.8.2 verified DEV CSS.
   ======================================================================= */
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .insightsMoneyLine,.insightsHistoryEmpty,.insightsHistoryTile,
 .renewalPlanningCard,.sshDryRunCard,.sshRuntimeGrid>div,
 .sshApplyRuntime>div,.sshManagedFacts,.automationNote,
 .benchmarkScore,.benchmarkSummary>div
){
 color:var(--ui-text)!important;
 background:var(--ui-surface)!important;
 border-color:var(--ui-border)!important;
}
/* Metadata formerly styled in hardcoded blue-grey (#8ca6c2 etc). */
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .insightsToolbar label,.insightsMoneyLine span,.insightsMoneyLine small,
 .insightsResource small,.insightsHistoryControls label,
 .insightsHistoryTileHead span,.insightsHistoryStats,
 .insightsHistoryEmpty,.renewalPlanningCard>span,.renewalPlanningCard small,
 .sshApplyRuntime span,.benchmarkSummary span,.benchmarkSummary small,
 .sshRuntimeGrid span,.sshManagedFact>small,
 .automationNote
){color:var(--ui-text-muted)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .insightsMoneyLine strong,.insightsHistoryStats b,
 .renewalPlanningCard>strong,.benchmarkScore>strong,
 .benchmarkSummary strong
){color:var(--ui-text)!important;}
/* Filled primary/selected elements follow FLEET design language. */
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .benchmarkScore a,.benchmarkScore.enhanced em,
 .fleetTable th.sorted
){color:var(--ui-text)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .sshSafetyPanel,.sshSafetyCheck,.jobDataBlock,.benchmarkScore
){border-color:var(--ui-border)!important;}
/* Binary 'OK' is still textually represented; de-emphasize its legacy green
   decoration while preserving errors, warnings and metric statuses. */
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .okBadge,.jobStatus.ok,.secureBadge,
 .statusBadge.online,
 .sshDryRunCard.sshSafe
){
 color:var(--ui-text)!important;
 background:var(--ui-surface-2)!important;
 border-color:var(--ui-border-strong)!important;
 box-shadow:none!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app .summaryCard.good{
 border-color:var(--ui-border)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app .summaryCard.good :is(.value,strong,.ok){color:var(--ui-text)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app .statusRing:not(.offline):not(.archived){
 background:var(--ui-text-2)!important;box-shadow:none!important;
}
/* As the control plane uses native success/warning labels, neutralize
   only the green status chip; offline/danger/warning retain native colors. */
html[data-auth-theme="light"] body[data-auth-view="false"] #app :is(
 .serverHero .statusBadge.online,.tableWrap .statusPill.ok
){background:var(--ui-surface-2)!important;color:var(--ui-text)!important;border-color:var(--ui-border-strong)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app .renewalStatus.renewal-scheduled{color:var(--ui-text-2)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app .renewalAlertControls input[type="checkbox"]{accent-color:var(--ui-text)!important;}
/* Progress is an administrative job completion meter, not a CPU/RAM trace. */
html[data-auth-theme] body[data-auth-view="false"] #app .jobProgress i:not(.meterBad):not(.meterWarn){background:var(--ui-text-2)!important;}
/* Focus for keyboard use must remain visible and monochrome in both modes. */
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 button,select,input,textarea,.columnPicker summary,.fleetSearch
):focus-visible{
 outline:2px solid var(--ui-focus)!important;outline-offset:2px;
}
/* Tables, JSON/pre and empty states: harmonize ordinary metadata only. */
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .insightsHistoryEmpty,.fleetTable td small,.jobDataBlock small,
 .benchmarkScore>span,.renewalPlanningCard p
){color:var(--ui-text-muted)!important;}
html[data-auth-theme] body[data-auth-view="false"] #app :is(
 .benchmarkSummary>div,.sshManagedFacts,.sshApplyRuntime>div
){background:var(--ui-surface-2)!important;}
/* Keep screen-reader-only/status text and other CSS visibility rules intact. */

/* Keep failures and warnings distinct even if older broad chip rules masked them. */
html[data-auth-theme] body[data-auth-view="false"] #app .jobStatus.bad:not(.ok):not(.warn){
 color:var(--fleet-critical,#ff7070)!important;
 background:var(--ui-surface-2)!important;border-color:var(--ui-border-strong)!important;
}
html[data-auth-theme] body[data-auth-view="false"] #app .jobStatus.warn:not(.ok):not(.bad){
 color:var(--fleet-warn,#f2c46d)!important;
 background:var(--ui-surface-2)!important;border-color:var(--ui-border-strong)!important;
}

/* In light theme, even offline must use a native light surface, not dark chips. */
html[data-auth-theme="light"] body[data-auth-view="false"] #app .statusBadge.offline{
 background:var(--ui-surface-2)!important;
 color:var(--fleet-critical,#ca314e)!important;
 border-color:var(--ui-border-strong)!important;
}