/* ═══ Skin B package sheet: driver app (PWA /app) ═══════════════════════════
 * OWNER: 60 — C6, Skin B "Swiss Freight" on the DRIVER APP (Ed 2026-09-27:
 * "apply swiss to driver app and office app"). Loaded LAST in index.html and
 * precached in sw.js. SKIN ONLY (Ed 2026-09-26): colours, corners, rules,
 * shadows, blur — no layout, size, position or font-size changes, so every
 * screen keeps its rows and taps. Same typeface (InterVar; the C5 lesson: a
 * wider face on a phone pushes rows). Same three theme contexts as driver.css:
 * :root (dark, the default), [data-theme="light"], and :not([data-theme])
 * (pre-boot, which driver.css paints light).
 *   · surfaces flat and solid (no glass, no blur, no glow)
 *   · the heavy 2px rule under the header and over the dock; cards carry a top rule
 *   · square corners — circles that ARE the shape stay round (dots, shutter,
 *     close buttons, pins, spinners, the success ring, the orbit)
 *   · gold stays the brand accent on primary actions and the active tab only
 *   · status inks/fills keep driver.css's AA-tuned values (the contrast guard
 *     resolves driver.css + this sheet together)
 * ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --emr-bg:            #0B0B0B;
  --emr-bg-elev:       #0B0B0B;
  --emr-card-bg:       #141414;
  --emr-surface-sunk:  #191919;
  --emr-btn-bg:        #1C1C1C;
  --emr-text:          #F4F4F0;
  --emr-text-muted:    #C8C8C2;
  --emr-text-subtle:   #A8A8A2;
  --emr-border:        #333333;
  --emr-hairline:      #262626;
  --emr-sheet-bg:      #141414;
  --emr-sheet-fg:      #F4F4F0;
  --emr-bar-bg:        #0B0B0B;
  --emr-bar-bg-strong: #0B0B0B;
  --emr-bar-glass:     #0B0B0B;
  --emr-glass:         #141414;
  --emr-glass-border:  #333333;
  --emr-glass-edge:    #333333;
  --emr-glass-shadow:  none;
  --radius:            0;
  --skin-rule:         #F2F2EE;
}
:root[data-theme="light"] {
  --emr-bg:            #FAFAF8;
  --emr-bg-elev:       #FFFFFF;
  --emr-card-bg:       #FFFFFF;
  --emr-surface-sunk:  #F4F4F1;
  --emr-btn-bg:        #FFFFFF;
  --emr-text:          #0B0B0B;
  --emr-text-muted:    #383838;
  --emr-text-subtle:   #5E5E5A;
  --emr-border:        #D8D8D3;
  --emr-hairline:      #E4E4E0;
  --emr-sheet-bg:      #FFFFFF;
  --emr-sheet-fg:      #0B0B0B;
  --emr-bar-bg:        #FFFFFF;
  --emr-bar-bg-strong: #FFFFFF;
  --emr-bar-glass:     #FFFFFF;
  --emr-glass:         #FFFFFF;
  --emr-glass-border:  #D8D8D3;
  --emr-glass-edge:    #D8D8D3;
  --emr-glass-shadow:  none;
  --radius:            0;
  --skin-rule:         #111111;
}
/* pre-boot (driver.css paints it light until the boot script stamps data-theme) */
:root:not([data-theme]) {
  --emr-bg:            #FAFAF8;
  --emr-bg-elev:       #FFFFFF;
  --emr-card-bg:       #FFFFFF;
  --emr-surface-sunk:  #F4F4F1;
  --emr-btn-bg:        #FFFFFF;
  --emr-text:          #0B0B0B;
  --emr-text-muted:    #383838;
  --emr-text-subtle:   #5E5E5A;
  --emr-border:        #D8D8D3;
  --emr-hairline:      #E4E4E0;
  --emr-sheet-bg:      #FFFFFF;
  --emr-sheet-fg:      #0B0B0B;
  --emr-bar-bg:        #FFFFFF;
  --emr-bar-bg-strong: #FFFFFF;
  --emr-bar-glass:     #FFFFFF;
  --emr-glass:         #FFFFFF;
  --emr-glass-border:  #D8D8D3;
  --emr-glass-edge:    #D8D8D3;
  --emr-glass-shadow:  none;
  --radius:            0;
  --skin-rule:         #111111;
}

/* Bars: solid, no blur; the heavy rule marks the header's bottom and the dock's top. Rules are INSET shadows — a
   wider border would resize the box (same density; the dashboard skin draws its rules the same way). */
.drv-header {
  background: var(--emr-bar-bg);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  border-bottom-color: var(--emr-border);
  box-shadow: inset 0 -2px 0 var(--skin-rule);
}
.drv-tabbar {
  background: var(--emr-bar-bg);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  border-color: var(--emr-border);
  box-shadow: inset 0 2px 0 var(--skin-rule);
}

/* Dock tabs: the active tab keeps its gold fill as the marker — square, no glow, no lift. */
.drv-tab, .drv-tab.drv-tab-active { border-radius: 0; }
.drv-tab.drv-tab-active { box-shadow: none; transform: none; }

/* The load map panel and its place toggles (Parking / Love's / Scales): square and flat. */
.drv-load-map-wrap { border-radius: 0; box-shadow: none; border-color: var(--emr-hairline); }
.drv-load-map__places button { border-radius: 0; }

/* Floating banners and sheets: flat (border only, no drop shadow). */
.drv-a2hs, .drv-toast { box-shadow: none; }

/* Buttons: flat, no lift. Primary keeps the gold fill and its ink. */
.drv-btn, .drv-btn:not([disabled]):active, .drv-btn-primary, .drv-btn-primary:not([disabled]):active {
  box-shadow: none;
  transform: none;
}

/* Cards and panels: a top rule, hairline sides, no drop shadow, no sheen gradient. */
.stop, .drv-mfst-summary, #manifest-summary, .drv-miles-card, .drv-fuel-card, .drv-fuel-outlook, .drv-load-details,
.drv-doc-tab-row, .drv-pay-row, .drv-doc-row, .drv-alert-entry, .drv-a2hs-entry {
  background-image: none;
  box-shadow: inset 0 2px 0 var(--skin-rule);
  border-color: var(--emr-hairline);
}

/* Square corners — every rectangle; circles stay round (listed below, after this rule). */
.drv-header, .drv-tabbar, .drv-btn, .drv-btn-primary, .drv-toast, .drv-doc-sheet, .drv-scan-sheet,
.drv-a2hs, .drv-a2hs-sheet, .drv-a2hs-entry, .drv-nav-sheet, .drv-simon-chat, .drv-msg-compose, .drv-alert-entry,
.drv-load-map, .drv-load-details, .drv-mfst-summary, .drv-miles-card, .drv-fuel-card, .drv-fuel-outlook, .drv-eld,
.drv-eld__tab, .drv-dock-chip, .drv-doc-pill, .drv-doc-row, .drv-doc-ai, .drv-doc-tab-status, .drv-doc-typechip,
.drv-doc-tab-upload, .drv-doc-choose, .drv-doc-view-btn, .drv-doc-pagetile, .drv-doc-thumb, .drv-doc-progress,
.drv-doc-success, .drv-doc-step, .drv-fuel-card__chip, .drv-pay-cycle-payday, .drv-pay-status, .drv-skel--pill,
.drv-fsv__hint, .drv-fsv__pageind, .drv-load-map__bar, .drv-load-map__fill, .drv-miadj-reason, .drv-scan-thumb,
.drv-scan-pageview, .drv-tab-badge, .drv-msg-dept-badge, .stop, .stop-task, #manifest-summary, .drv-history-d,
.drv-doc-tab-row, .drv-pay-row {
  border-radius: 0;
}
.drv-fuel-outlook__dot, .drv-miadj-reason__dot, .drv-doc-step__dot, .drv-tab-badge--dot, .drv-scan-shutter__core,
.drv-scan-sheet__actions.drv-scan-bar .drv-scan-shutter, .drv-scan-thumb__del, .frv-thumb-x, .drv-map-fuel span,
.drv-map-pin, .drv-fsv__close, .drv-mfst-detail-close, .drv-doc-pagetile__del, .drv-fsv__spinner, .drv-doc-success__ring,
.portal-orbit-pwa, .portal-orbit-pwa::before {
  border-radius: 50%;
}