/* FLEET v0.8.4 — single last-loaded authenticated UI authority.
   Historical app.css & phase CSS remain quarantined as legacy compatibility.
   This layer owns presentation only; never changes semantic data or access checks.
*/
html[data-auth-theme="dark"] {
 --fleet-canvas:#000;--fleet-panel:#101010;--fleet-panel-alt:#171717;
 --fleet-hover:#232323;--fleet-selected:#292929;--fleet-head:#191919;
 --fleet-border:#303030;--fleet-border-strong:#777;
 --fleet-ink:#f5f5f5;--fleet-sub:#cecece;--fleet-muted:#b0b0b0;
 --fleet-input:#111;--fleet-graph-a:#f4f4f4;--fleet-graph-b:#aaa;--fleet-graph-c:#666;
 --fleet-info:#e7e7e7;--fleet-ok:#e6e6e6;
 color-scheme:dark;
}
html[data-auth-theme="light"] {
 --fleet-canvas:#fff;--fleet-panel:#fff;--fleet-panel-alt:#f5f5f5;
 --fleet-hover:#eee;--fleet-selected:#e4e4e4;--fleet-head:#f3f3f3;
 --fleet-border:#dadada;--fleet-border-strong:#777;
 --fleet-ink:#111;--fleet-sub:#414141;--fleet-muted:#636363;
 --fleet-input:#fff;--fleet-graph-a:#222;--fleet-graph-b:#666;--fleet-graph-c:#aaa;
 --fleet-info:#222;--fleet-ok:#262626;
 color-scheme:light;
}
body[data-auth-view="false"] {
 /* Bridge historical component variables, rather than recoloring one page at a time. */
 --blue:var(--fleet-ink);--ok:var(--fleet-ok);
 --ui-page:var(--fleet-canvas);--ui-sidebar:var(--fleet-panel);
 --ui-surface:var(--fleet-panel);--ui-surface-2:var(--fleet-panel-alt);--ui-surface-3:var(--fleet-panel-alt);
 --ui-hover:var(--fleet-hover);--ui-selected:var(--fleet-selected);
 --ui-table-head:var(--fleet-head);--ui-border:var(--fleet-border);
 --ui-border-strong:var(--fleet-border-strong);--ui-text:var(--fleet-ink);
 --ui-text-2:var(--fleet-sub);--ui-text-muted:var(--fleet-muted);
 --ui-focus:var(--fleet-ink);--ui-input:var(--fleet-input);
 --ui-button:var(--fleet-panel-alt);--ui-button-hover:var(--fleet-hover);
 --text:var(--fleet-ink);--text-2:var(--fleet-sub);--text-3:var(--fleet-muted);
 --muted:var(--fleet-muted);--line:var(--fleet-border);
 --surface:var(--fleet-panel);--surface-1:var(--fleet-panel);--surface-2:var(--fleet-panel-alt);
 --border:var(--fleet-border);--border-soft:var(--fleet-border);
 background:var(--fleet-canvas)!important;color:var(--fleet-ink)!important;
 font-family:var(--ui-font,Inter,system-ui,sans-serif);
}
body[data-auth-view="false"] :is(main,#app,aside,#sidebar,nav) {min-width:0;}
body[data-auth-view="false"] main{max-width:100%!important;overflow:visible!important;}
body[data-auth-view="false"] #app{max-width:100%!important;min-width:0!important;overflow:visible;}
/* Sticky page identity regardless of how tall individual screens become. */
body[data-auth-view="false"] main>header{
 position:sticky!important;top:0!important;z-index:90!important;
 background:var(--fleet-canvas)!important;color:var(--fleet-ink)!important;
 border-bottom:1px solid var(--fleet-border)!important;
 padding-block:12px!important;margin-bottom:14px!important;
 min-width:0;isolation:isolate;
}
body[data-auth-view="false"] main>header :is(h1,small,#who){color:var(--fleet-ink)!important;}
body[data-auth-view="false"] main>header small{color:var(--fleet-muted)!important;}
body[data-auth-view="false"] main>header .account{min-width:0;flex-wrap:wrap;justify-content:flex-end;}
body[data-auth-view="false"] #sidebar{background:var(--fleet-panel)!important;border-color:var(--fleet-border)!important;}
body[data-auth-view="false"] #sidebar :is(nav a,nav .navLabel,nav span,nav .navSection,.brand){color:var(--fleet-sub)!important;}
body[data-auth-view="false"] #sidebar a:hover{background:var(--fleet-hover)!important;color:var(--fleet-ink)!important;}
body[data-auth-view="false"] #sidebar a:is(.active,[aria-current="page"]) :is(span,svg){color:var(--fleet-ink)!important;}
body[data-auth-view="false"] #sidebar a[href="#/assets"] svg.navIcon{display:inline-block!important;width:17px!important;min-width:17px!important;height:17px!important;padding:0!important;}
/* The same text system for all ordinary UI copy, including legacy helper/empty messages. */
body[data-auth-view="false"] #app :is(.muted,.eyebrow,.emptyState,.emptyMini,.emptyMessage,.noResults,
 .jobEmpty,.historyEmpty,.insightsHistoryEmpty,.fleetEmpty,.accessEmpty,.jobHint,.helpText,
 .fieldHint,.hint,.hintText,.tableHint,.sectionHead p,.cardHead p,dt,
 .subtitle,.secondary,.caption,.renewalHint,.legendText){color:var(--fleet-muted)!important;}
body[data-auth-view="false"] #app :is(a:not(.buttonLike),.link,.linkLike,.copyHint,
 .monospace,.filterHint,.insightsToolbar label,.insightsFilters label,
 .accessFilters span,.jobFilters span,.renewalPlanningCard span,
 .automationNote,.backupWarning,.benchmarkSummary small,
 .policyCard dt,.statusNote,.statusMeta,.geoUnavailable,
 .fleetCount,.fleetMeta,.resourceMeta,.jobSearch span){color:var(--fleet-sub)!important;}
body[data-auth-view="false"] #app :is(.ok,.good,.success,.healthy,.netUp,.netDown,
 .positive,.progressPositive,.copySuccess,.info,.text-info,
 .netRX,.netTX,.taxTone-blue,.taxTone-cyan,.taxTone-teal){color:var(--fleet-ink)!important;}
body[data-auth-view="false"] #app :is(.bad,.danger,.error,.attention,.critical,.warn,.warningText) {
 /* Preserve warning/error emphasis; never imply insecure is healthy. */
 font-weight:inherit;
}
body[data-auth-view="false"] #app :is(.card,.detailCard,.summaryCard,.summaryTile,
 .insightsTile,.statCard,.metricCard,.accessCard,.managedAccessGrid>div,
 .sshSafetyPanel,.sshDryRunCard,.sshPortMigration,.sshResultCols>div,
 .jobListWrap,.jobDataBlock,.automationNote,.renewalCard,.insightsHistoryCard,
 .benchmarkSummary>div,.benchmarkScore,.yabsSection,.webConsolePanel,
 .providerAccountCard,.serverHero,.serverHeroFacts .heroFact,
 .backupSettings,.policyCard,.chart,.fleetTableWrap,.fleetMobileCard){
  background:var(--fleet-panel)!important;border-color:var(--fleet-border)!important;
  color:var(--fleet-ink)!important;box-shadow:none;
}
body[data-auth-view="false"] #app :is(.summaryGrid,.grid,.two,.columns,.detailGrid,.policyGrid,
 .securityGrid,.insightsGrid,.accessGrid,.schedulerStats,.asset2Stats,
 .jobCards,.benchmarkSummary) > * {min-width:0!important;max-width:100%;}
body[data-auth-view="false"] #app :is(.pill,.chip,.tag,.infoPill,.statusPill,
 .renewalStatus,.jobStatus,.badge,.roleChip,.geoUnavailable,
 .progressBadge,.onlineBadge):not(.bad):not(.danger):not(.critical):not(.warn){
  background:var(--fleet-panel-alt)!important;color:var(--fleet-sub)!important;
  border-color:var(--fleet-border)!important;
}
body[data-auth-view="false"] #app :is(.statusBadge.online,.statusRing.online,.statusPill.ok,
 .okBadge,.selectedRow,.statusBadge.active,.jobStatus.ok){
  color:var(--fleet-ink)!important;background:var(--fleet-panel-alt)!important;border-color:var(--fleet-border-strong)!important;
}
body[data-auth-view="false"] #app :is(button,.buttonLike,summary,.tab,.mini):not(.danger):not(.bad){
  color:var(--fleet-ink)!important;border-color:var(--fleet-border)!important;
}
body[data-auth-view="false"] #app :is(button.primary,.buttonLike.primary){
  background:var(--fleet-selected)!important;color:var(--fleet-ink)!important;
  border-color:var(--fleet-border-strong)!important;
}
body[data-auth-view="false"] #app :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
  background:var(--fleet-input)!important;color:var(--fleet-ink)!important;
  border-color:var(--fleet-border)!important;max-width:100%;min-width:0;
}
body[data-auth-view="false"] #app :is(input,textarea)::placeholder{color:var(--fleet-muted)!important;opacity:1;}
body[data-auth-view="false"] #app :is(a,button,input,select,textarea,summary):focus-visible{
  outline:2px solid var(--fleet-ink)!important;outline-offset:2px!important;
}
/* Tables: no page-level horizontal overflow; table owners scroll locally. */
body[data-auth-view="false"] #app :is(.tableWrap,.detailTableWrap,.accessTableWrap,.jobListWrap,
 .inventoryServers,.fleetTableWrap,.renewalCard,.insightsHistoryCard,
 .asset2TableWrap,.asset2Panel,.scrollTable,.tableResponsive){
  box-sizing:border-box;min-width:0!important;max-width:100%!important;
}
body[data-auth-view="false"] #app :is(.tableWrap,.detailTableWrap,.accessTableWrap,
 .fleetTableWrap,.asset2TableWrap,.scrollTable,.tableResponsive){
  overflow-x:auto!important;overflow-y:visible;scrollbar-width:thin;
}
body[data-auth-view="false"] #app table:not(.fleetTable):not(.fleet3gCardTable){
  max-width:100%;border-collapse:collapse;background:var(--fleet-panel)!important;
}
body[data-auth-view="false"] #app table :is(th,td){
  color:var(--fleet-ink);background:var(--fleet-panel)!important;
  border-color:var(--fleet-border)!important;
  overflow-wrap:anywhere;word-break:normal;
}
body[data-auth-view="false"] #app table thead :is(th,td){
  background:var(--fleet-head)!important;color:var(--fleet-sub)!important;
}
body[data-auth-view="false"] #app table tbody tr:hover td{background:var(--fleet-hover)!important;}
body[data-auth-view="false"] #app :is(pre,code,.jobDataBlock,.jsonBlock,.rawJSON){
  color:var(--fleet-ink)!important;border-color:var(--fleet-border)!important;
  overflow-wrap:anywhere;word-break:break-word;
}
body[data-auth-view="false"] #app pre{max-width:100%;overflow-x:auto!important;white-space:pre-wrap;}
body[data-auth-view="false"] #app .rowActions{display:flex;flex-wrap:wrap;gap:6px;}
/* When metrics use multiple colored curves, show grayscale with retained labels/shape. */
body[data-auth-view="false"] #app :is(.netRX,.netTX,.netDown,.netUp,.cpuSeries,.ramSeries,
 .diskSeries,.networkSeries,.meterFill,.progressFill){color:var(--fleet-sub)!important;}
body[data-auth-view="false"] #app :is(.netRX,.cpuSeries){color:var(--fleet-ink)!important;}
body[data-auth-view="false"] #app :is(.netTX,.ramSeries){color:var(--fleet-muted)!important;}
body[data-auth-view="false"] #app :is(.netChart,.resourceChart,.sparkline,.benchmarkChart) svg{
 filter:grayscale(1);
}
/* Cards added in Inventory releases obey the same global theme. */
body[data-auth-view="false"] #app :is([class^="asset2"],[class*=" asset2"]) {
 --asset2-ink:var(--fleet-ink);--asset2-muted:var(--fleet-muted);
 --asset2-surface:var(--fleet-panel);--asset2-border:var(--fleet-border);
}
body[data-auth-view="false"] #app .asset2Icon svg{width:18px;min-width:18px;height:18px;flex:none;}
@media(max-width:800px){
 body[data-auth-view="false"] main>header{top:0!important;padding-block:9px!important;}
 body[data-auth-view="false"] main>header h1{font-size:19px!important;}
 body[data-auth-view="false"] main>header #who{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 body[data-auth-view="false"] #app :is(.rowActions,.filterBar,.accessFilters){flex-wrap:wrap;min-width:0!important;}
}
@media(prefers-reduced-motion:reduce){body[data-auth-view="false"] *{scroll-behavior:auto!important;}}

/* v0.8.5 FLEET neutral UI; these selectors override dated blue/navy defaults.
   Error and warning hues are intentionally untouched. */
body[data-auth-view="false"] #app .fleetSearch,
body[data-auth-view="false"] #app .fleetTools select,
body[data-auth-view="false"] #app .insightsHistoryTile,
body[data-auth-view="false"] #app .insightsMoneyLine {
 background:var(--fleet-panel)!important;
 border-color:var(--fleet-border)!important;
 color:var(--fleet-ink)!important;
}
body[data-auth-view="false"] #app .fleetSearch span,
body[data-auth-view="false"] #app .fleetCount,
body[data-auth-view="false"] #app .insightsResource small,
body[data-auth-view="false"] #app .insightsHistoryTileHead span,
body[data-auth-view="false"] #app .insightsHistoryStats,
body[data-auth-view="false"] #app .insightsHistoryAxis,
body[data-auth-view="false"] #app .insightsMoneyLine span,
body[data-auth-view="false"] #app .insightsMoneyLine small {color:var(--fleet-muted)!important;fill:var(--fleet-muted)!important;}
body[data-auth-view="false"] #app .insightsMoneyLine strong {color:var(--fleet-ink)!important;}
body[data-auth-view="false"] #app .renewalStats span:not(.renewalOverdue):not(.renewalDue):not(.renewalSoon) {
 color:var(--fleet-sub)!important;border-color:var(--fleet-border)!important;
 background:var(--fleet-panel-alt)!important;
}
body[data-auth-view="false"] #app .renewalStats :is(.renewalOverdue,.renewalDue,.renewalSoon) {
 border-color:var(--fleet-border)!important;background:var(--fleet-panel-alt)!important;
}
body[data-auth-view="false"] #app .insightMeter progress.meter,
body[data-auth-view="false"] #app .insightMeter progress.meter::-webkit-progress-bar {
 background:var(--fleet-panel-alt)!important;border-color:var(--fleet-border)!important;
}
body[data-auth-view="false"] #app .insightMeter progress.meter::-webkit-progress-value {
 background:var(--fleet-border-strong)!important;
}
body[data-auth-view="false"] #app .insightMeter progress.meter::-moz-progress-bar {
 background:var(--fleet-border-strong)!important;
}
body[data-auth-view="false"] #app .insightsHistoryTile .insightsHistoryGrid {stroke:var(--fleet-border)!important;}
body[data-auth-view="false"] #app .insightsHistoryEmpty {border-color:var(--fleet-border)!important;color:var(--fleet-muted)!important;}
body[data-auth-view="false"] #app .insightsHistorySVG {filter:grayscale(1)!important;}
body[data-auth-view="false"] #app .emptyState {color:var(--fleet-muted)!important;}

/* v0.8.6 - System & Diagnostics: isolate vertical spacing between sections.
   Exact structural scope: four overview cards followed by the two diagnostic dl cards.
   No change to colors, typography, data or other pages. */
body[data-auth-view="false"] #app > .grid:first-child:has(> .card:nth-child(4) > .eyebrow)
  + .two:has(> .card > dl) {
  margin-block-start: 18px !important;
}
body[data-auth-view="false"] #app > .grid:first-child:has(> .card:nth-child(4) > .eyebrow)
  + .two:has(> .card > dl) + .card.topgap {
  margin-block-start: 18px !important;
}