/* Fleet Admin complete-suite finish, 2026-09-06.
 * Layer after the shell and roster sheets, before dashboard inline styles.
 * Neutral surface/text tokens are local to audited Fleet panes and overlays.
 * Status palettes, alert row tints, FA_TEXT_RING, domain decision colors,
 * dimensions, column widths and workflow control states stay renderer-owned.
 */
:is(#fleetadm-unit-detail,
    #fleetadm-rd-drawer,
    #fleetadm-shop-drawer,
    #fleetadm-so-drawer,
    #fleetadm-mi-drawer,
    #fleetadm-pane-maintenance_intervals,
    #fleetadm-pane-maintenance,
    #fleetadm-pane-maint_invoices,
    #fleetadm-pane-shop_orders,
    #fleetadm-pane-shops,
    #fleetadm-pane-performance,
    #fleetadm-pane-price_journal,
    #fleetadm-pane-inspections,
    #fleetadm-pane-permits,
    #fleetadm-pane-recalls,
    #fleetadm-pane-events,
    #fleetadm-pane-route_deviations,
    #so-drawer,
    #tmh-drawer,
    #mi-detail-drawer-root,
    #fa-maint-rec-root,
    #fa-event-add-root,
    #fa-event-types-root,
    #fa-recall-add-root,
    #fa-recall-purge-root,
    #fa-shop-visits-root,
    #fa-maint-report-root,
    #fa-bulk-maint-report-root,
    #fa-maint-registry-root) {
  --bg: #f5f6f8;
  --bg1: #ffffff;
  --bg2: #ffffff;
  --bg3: #eef0f3;
  --border: #d8dde4;
  --border2: #e1e5ea;
  --text: #152033;
  --text2: #42516a;
  --text3: #5d6879;
  --fa-suite-inset: #f7f8fa;
  --fa-suite-strong-border: #bdc6d1;
  --fa-suite-shadow: 0 1px 2px #00000006, 0 3px 12px #00000005;
  --fa-suite-highlight: inset 0 1px 0 #ffffffb3;
  --fa-suite-focus: color-mix(in srgb, var(--gold, #f5a800) 40%, #152033);
  --fa-suite-selection: color-mix(in srgb, var(--gold, #f5a800) 7%, var(--bg2));
  color: var(--text);
}
html:is([data-theme="dark"],[data-theme="dim"]) :is(#fleetadm-unit-detail,
    #fleetadm-rd-drawer,
    #fleetadm-shop-drawer,
    #fleetadm-so-drawer,
    #fleetadm-mi-drawer,
    #fleetadm-pane-maintenance_intervals,
    #fleetadm-pane-maintenance,
    #fleetadm-pane-maint_invoices,
    #fleetadm-pane-shop_orders,
    #fleetadm-pane-shops,
    #fleetadm-pane-performance,
    #fleetadm-pane-price_journal,
    #fleetadm-pane-inspections,
    #fleetadm-pane-permits,
    #fleetadm-pane-recalls,
    #fleetadm-pane-events,
    #fleetadm-pane-route_deviations,
    #so-drawer,
    #tmh-drawer,
    #mi-detail-drawer-root,
    #fa-maint-rec-root,
    #fa-event-add-root,
    #fa-event-types-root,
    #fa-recall-add-root,
    #fa-recall-purge-root,
    #fa-shop-visits-root,
    #fa-maint-report-root,
    #fa-bulk-maint-report-root,
    #fa-maint-registry-root) {
  --bg: var(--emr-bg);
  --bg1: var(--emr-bg-muted);
  --bg2: var(--emr-card-bg);
  --bg3: var(--bg4);
  --border: var(--emr-border);
  --border2: var(--emr-border-strong);
  --text: var(--emr-text);
  --text2: var(--emr-text-muted);
  --text3: var(--emr-text-subtle);
  --fa-suite-inset: var(--emr-bg-muted);
  --fa-suite-strong-border: var(--emr-border-strong);
  --fa-suite-shadow: 0 2px 5px #00000026;
  --fa-suite-highlight: inset 0 1px 0 #ffffff06;
  --fa-suite-focus: color-mix(in srgb, var(--gold, #f5a800) 72%, white);
}

/* Page backplanes retain the existing scroll containers and table density. */
#panel-fleetadmin :is(#fleetadm-pane-maintenance_intervals,
  #fleetadm-pane-maintenance, #fleetadm-pane-maint_invoices,
  #fleetadm-pane-shop_orders, #fleetadm-pane-shops,
  #fleetadm-pane-performance, #fleetadm-pane-price_journal,
  #fleetadm-pane-inspections, #fleetadm-pane-permits,
  #fleetadm-pane-recalls, #fleetadm-pane-events,
  #fleetadm-pane-route_deviations) { background: var(--bg); }

/* Higher specificity beats the dashboard's inline stylesheet rules without
 * overriding renderer inline status backgrounds on rows or individual cells. */
#panel-fleetadmin :is(#fleetadm-pane-maintenance_intervals,
  #fleetadm-pane-maintenance, #fleetadm-pane-maint_invoices,
  #fleetadm-pane-shop_orders, #fleetadm-pane-shops,
  #fleetadm-pane-price_journal, #fleetadm-pane-inspections,
  #fleetadm-pane-permits, #fleetadm-pane-recalls,
  #fleetadm-pane-events, #fleetadm-pane-route_deviations) thead th {
  background-color: var(--fa-suite-inset);
  border-bottom-color: var(--fa-suite-strong-border);
  box-shadow: inset 0 -1px var(--border);
}
#panel-fleetadmin :is(#fleetadm-pane-maintenance_intervals,
  #fleetadm-pane-maintenance, #fleetadm-pane-maint_invoices,
  #fleetadm-pane-shop_orders, #fleetadm-pane-shops,
  #fleetadm-pane-price_journal, #fleetadm-pane-inspections,
  #fleetadm-pane-permits, #fleetadm-pane-recalls,
  #fleetadm-pane-events, #fleetadm-pane-route_deviations) tbody tr:hover {
  box-shadow: inset 3px 0 0 var(--fa-suite-focus);
}

/* The unit's facts and action rail remain in place. A consistent inset rail
 * and restrained card depth clarify the existing eight-tab hierarchy. */
#panel-fleetadmin #fleetadm-unit-detail { background: var(--bg); }
#panel-fleetadmin #fleetadm-unit-detail > div:first-child {
  box-shadow: var(--fa-suite-highlight), 0 1px 3px #0000000d;
}
#panel-fleetadmin #fleetadm-unit-detail .fa-ud-tab {
  color: var(--text2);
}
#panel-fleetadmin #fleetadm-unit-detail .fa-ud-tab:hover {
  background: var(--fa-suite-selection);
  color: var(--text);
}
#panel-fleetadmin #fleetadm-unit-detail .fa-ud-tab.active {
  color: var(--text);
  background: var(--fa-suite-selection);
}

/* Real performance cards and ledger shells, including their trend colors. */
#panel-fleetadmin #fleetadm-pane-performance :is(.sp-card,.sp-kpi,.sp-chart-panel,.sp-panel) {
  background: var(--bg2);
  border-color: var(--border);
  box-shadow: var(--fa-suite-shadow), var(--fa-suite-highlight);
}
#panel-fleetadmin #fleetadm-pane-performance :is(.sp-card-hdr,.sp-panel-hdr) {
  border-color: var(--border);
}
#panel-fleetadmin #fleetadm-pane-performance :is(.sp-kpi-label,.sp-metric-label,.sp-panel-sub,.sp-card-loc) {
  color: var(--text2);
}
#panel-fleetadmin #fleetadm-pane-performance :is(.sp-kpi-value,.sp-card-name) {
  color: var(--text);
}

/* Body-mounted drawers keep their original split, map and document frames. */
#so-drawer.so-drw-open, #tmh-drawer.tmh-open,
#mi-detail-drawer-root [data-mi-panel] {
  border-left-color: var(--fa-suite-strong-border);
  box-shadow: -12px 0 36px #00000030;
}
#so-drawer.so-drw-open :is(.so-drw-head,.so-drw-stepper),
#tmh-drawer .tmh-head,
#mi-detail-drawer-root [data-mi-head] {
  box-shadow: var(--fa-suite-highlight);
}
#so-drawer.so-drw-open :is(.so-drw-field,.so-drw-inv-card,.so-drw-metrics,.so-drw-tl),
#tmh-drawer .tmh-card {
  border-color: var(--border);
  box-shadow: var(--fa-suite-shadow);
}
#so-drawer.so-drw-open :is(.so-drw-map-empty,.so-drw-map-flank,.so-drw-inv-nopdf),
#mi-detail-drawer-root [data-mi-pdf-mount] {
  background: var(--fa-suite-inset);
}
#so-drawer.so-drw-open .so-drw-btn-apply {
  background: var(--gold, #f5a800);
  border-color: var(--gold, #f5a800);
  color: var(--emr-text-on-gold, #1a1a1a);
}
#so-drawer.so-drw-open .so-drw-btn-apply:hover {
  background: color-mix(in srgb, var(--gold, #f5a800) 88%, white);
}

/* Ordinary maintenance/editor forms only. Explicit destructive and domain
 * decisions remain untouched, including red Approve / green Refuse in RD. */
:is(#fa-maint-rec-root,#fa-event-add-root,#fa-event-types-root,
  #fa-recall-add-root,#fa-recall-purge-root,#fa-shop-visits-root,
  #fa-maint-report-root,#fa-bulk-maint-report-root,#fa-maint-registry-root) .fa-modal-card {
  background: var(--bg2);
  border-color: var(--fa-suite-strong-border);
  box-shadow: 0 14px 40px #00000040, var(--fa-suite-highlight);
  color: var(--text);
}
:is(#fa-maint-rec-root,#fa-event-add-root,#fa-event-types-root,
  #fa-recall-add-root,#fa-recall-purge-root,#fa-shop-visits-root,
  #fa-maint-report-root,#fa-bulk-maint-report-root,#fa-maint-registry-root)
  :is(.fa-modal-header,.fa-modal-footer) {
  background: var(--fa-suite-inset);
  border-color: var(--border);
}
:is(#fa-maint-rec-root,#fa-event-add-root,#fa-event-types-root,
  #fa-recall-add-root,#fa-shop-visits-root,
  #fa-maint-report-root,#fa-bulk-maint-report-root,#fa-maint-registry-root)
  .fa-modal-btn-primary {
  background: var(--gold, #f5a800);
  color: var(--emr-text-on-gold, #1a1a1a);
}

/* An outline is additive: it does not replace meaningful borders or disabled
 * styling. Important is limited to the inline outline resets in old forms. */
:is(#fleetadm-unit-detail,
    #fleetadm-rd-drawer,
    #fleetadm-shop-drawer,
    #fleetadm-so-drawer,
    #fleetadm-mi-drawer,
    #fleetadm-pane-maintenance_intervals,
    #fleetadm-pane-maintenance,
    #fleetadm-pane-maint_invoices,
    #fleetadm-pane-shop_orders,
    #fleetadm-pane-shops,
    #fleetadm-pane-performance,
    #fleetadm-pane-price_journal,
    #fleetadm-pane-inspections,
    #fleetadm-pane-permits,
    #fleetadm-pane-recalls,
    #fleetadm-pane-events,
    #fleetadm-pane-route_deviations,
    #so-drawer,
    #tmh-drawer,
    #mi-detail-drawer-root,
    #fa-maint-rec-root,
    #fa-event-add-root,
    #fa-event-types-root,
    #fa-recall-add-root,
    #fa-recall-purge-root,
    #fa-shop-visits-root,
    #fa-maint-report-root,
    #fa-bulk-maint-report-root,
    #fa-maint-registry-root) :is(button,input,select,textarea,[role="button"]):focus-visible {
  outline: 2px solid var(--fa-suite-focus) !important;
  outline-offset: 2px;
}

/* Keep recurring setup one click away; the daily Due queue leads on entry. */
#panel-fleetadmin .fa-mi-setup { border-bottom:1px solid var(--border); flex:none; }
#panel-fleetadmin .fa-mi-setup > summary { cursor:pointer; padding:10px 16px; color:var(--text); font-size:12px; font-weight:700; background:var(--bg2); }
#panel-fleetadmin .fa-mi-setup > summary span { margin-left:12px; font-size:11px; color:var(--text3); font-weight:400; }
#panel-fleetadmin .fa-mi-setup > summary::marker { color:var(--gold); }
#panel-fleetadmin .fa-mi-setup > summary:focus-visible { outline:2px solid var(--gold); outline-offset:-3px; }