/* SELQON shared component contract.
 * Screen only. Never change visibility, order, grid placement, sticky positions,
 * chart series, map tiles, signatures or document/print layouts here.
 * Light work surfaces and graphite analytical surfaces share geometry and gold.
 */
@media screen {
  html body.globalrf-ui {
    --sq-gold: #eeb50c; --sq-gold-hover: #d9a500; --sq-focus: #896300;
    --sq-canvas: #f6f7f4; --sq-surface: #fff; --sq-raised: #f0f2ee;
    --sq-ink: #252a27; --sq-muted: #606962; --sq-line: #dce1da;
    --sq-dark: #202222; --sq-dark-panel: #292c2b; --sq-dark-line: #454c48;
    --sq-radius: 8px; --sq-control-radius: 5px;
    --background: var(--sq-canvas); --surface: var(--sq-surface);
    --surface-secondary: var(--sq-raised); --border: var(--sq-line);
    --text-primary: var(--sq-ink); --text-secondary: var(--sq-muted);
    --accent: var(--sq-gold); --ink: var(--sq-ink); --muted: var(--sq-muted);
    --line: var(--sq-line); --canvas: var(--sq-canvas);
    --precision-radius: var(--sq-radius); --precision-focus: var(--sq-focus);
    --precision-control: var(--sq-surface); --precision-control-readonly: var(--sq-raised);
    --precision-control-border: #a4ada6; --precision-secondary: var(--sq-muted);
    --precision-divider: var(--sq-line); --precision-heading-surface: var(--sq-raised);
  }
  html body.globalrf-ui.globalrf-dark-context,
  html body.globalrf-ui:has(.tractor-premium) {
    --sq-canvas: #202222; --sq-surface: #292c2b; --sq-raised: #323735;
    --sq-ink: #f2f4f1; --sq-muted: #bcc5be; --sq-line: #454c48;
    --sq-focus: #eeb50c; --precision-control-border: #77837b;
  }
  html.selqon-precision-preview body.globalrf-ui .app-shell,
  html.selqon-precision-preview body.globalrf-ui main#main-content:not(.login-main) { background: var(--sq-canvas); }
  html.selqon-precision-preview body.globalrf-ui.globalrf-dark-context .topbar { background: #202222; box-shadow: none; border-bottom-color: #ffffff08; }
  html.selqon-precision-preview body.globalrf-ui .page-header { background: transparent; color: var(--sq-ink); }
  html.selqon-precision-preview body.globalrf-ui .page-header h1 { color: var(--sq-ink); }
  html.selqon-precision-preview body.globalrf-ui .page-header :is(p:not(.eyebrow),.eyebrow) { color: var(--sq-muted); }
  html.selqon-precision-preview body.globalrf-ui main#main-content > .page-header .button-row { margin: 0; max-width: 100%; box-sizing: border-box; }

  /* Shared panels; no wildcard card selector: colored alerts remain semantic. */
  html.selqon-precision-preview body.globalrf-ui main :is(.panel,.catalog-card,.kpi-card,.metric-card,.fleet-record-file,.accounting-primary-card,.accounting-workflow-strip a) {
    background: var(--sq-surface); color: var(--sq-ink); border-color: var(--sq-line);
    border-radius: var(--sq-radius); box-shadow: 0 1px 2px #16251b05;
  }
  html.selqon-precision-preview body.globalrf-ui main :is(.panel,.catalog-card) > :is(h2,h3) { color: var(--sq-ink); text-align: left; }
  html.selqon-precision-preview body.globalrf-ui main :is(.section-heading,.section-title) { text-align: left; text-shadow: none; }
  html.selqon-precision-preview body.globalrf-ui main :is(.helptext,.section-note,.data-note,.table-secondary,.table-subtext) { color: var(--sq-muted); }

  /* Existing tab markup/keyboard navigation/scrolling is preserved. */
  html.selqon-precision-preview body.globalrf-ui main :is(.fleet-tabs,.report-tabs,.record-tabs,.tyre-module-nav,.route-module-nav,.partner-tabs) {
    background: var(--sq-canvas); border-color: var(--sq-line); box-shadow: none;
    border-radius: 0; gap: 4px;
  }
  html.selqon-precision-preview body.globalrf-ui main :is(.fleet-tabs,.report-tabs,.record-tabs,.tyre-module-nav,.route-module-nav,.partner-tabs) a {
    color: var(--sq-muted); background: transparent; border-radius: 0;
    box-shadow: none; font-size: 13px; font-weight: 550; text-shadow: none;
  }
  html.selqon-precision-preview body.globalrf-ui main :is(.fleet-tabs,.report-tabs,.record-tabs,.tyre-module-nav,.route-module-nav,.partner-tabs) a:is([aria-current="page"],.active) {
    color: var(--sq-ink); background: transparent; border-bottom-color: var(--sq-gold); font-weight: 700;
  }
  html.selqon-precision-preview body.globalrf-ui main :is(.fleet-tabs,.report-tabs,.record-tabs,.tyre-module-nav,.route-module-nav,.partner-tabs) a:hover { color: var(--sq-ink); background: var(--sq-raised); }

  html.selqon-precision-preview body.globalrf-ui main :is(.primary-button,.secondary-button) {
    border-radius: var(--sq-control-radius); font-size: 13px; font-weight: 650;
    box-shadow: none; text-shadow: none; min-height: 38px;
  }
  html.selqon-precision-preview body.globalrf-ui main .primary-button { background: var(--sq-gold); color: #202222; border-color: var(--sq-gold); }
  html.selqon-precision-preview body.globalrf-ui main .primary-button:hover { background: var(--sq-gold-hover); border-color: var(--sq-gold-hover); }
  html.selqon-precision-preview body.globalrf-ui main .secondary-button { background: var(--sq-surface); color: var(--sq-ink); border-color: var(--sq-line); }
  html.selqon-precision-preview body.globalrf-ui main .secondary-button:hover { background: var(--sq-raised); border-color: #929d94; }
  html.selqon-precision-preview body.globalrf-ui main :is(.primary-button,.secondary-button):disabled { opacity: .55; cursor: not-allowed; }
  html.selqon-precision-preview body.globalrf-ui main :is(input,select,textarea) { border-radius: var(--sq-control-radius); }
  html.selqon-precision-preview body.globalrf-ui main :is(input[type="checkbox"],input[type="radio"]) { accent-color: var(--sq-gold); }
  html.selqon-precision-preview body.globalrf-ui main :is(input,select,textarea)[aria-invalid="true"] { border-color: #b23f35; outline-color: #b23f35; }
  html.selqon-precision-preview body.globalrf-ui main :is(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--sq-focus); outline-offset: 3px; }

  /* Only explicitly designated registers: never touch invoice/ledger/PDF grids. */
  html.selqon-precision-preview body.globalrf-ui .main-content table[data-selqon-register] :is(th,td) { text-align: left; }
  html.selqon-precision-preview body.globalrf-ui .main-content table[data-selqon-register] thead th { background: #292c2b; color: #fff; border-bottom: 2px solid var(--sq-gold); }
  html.selqon-precision-preview body.globalrf-ui .main-content table[data-selqon-register] :is(th,td).number { text-align: right; }
  html.selqon-precision-preview body.globalrf-ui .main-content table[data-selqon-register] :is(th,td).selection-cell { text-align: center; }

  /* Purchase entry is a work form, not an analytical dark dashboard. */
  html.selqon-precision-preview body.globalrf-ui .purchase-entry {
    --text-primary: var(--sq-ink); --surface: var(--sq-surface);
    --pe-line: var(--sq-line); --precision-control: var(--sq-surface);
    --precision-control-border: #a4ada6; --precision-control-readonly: var(--sq-raised);
    --precision-secondary: var(--sq-muted); --precision-heading-surface: var(--sq-raised);
    --precision-divider: var(--sq-line); color-scheme: light;
    background: transparent; color: var(--sq-ink); padding: 0;
  }
  html.selqon-precision-preview body.globalrf-ui .purchase-entry .pe-header {
    background: transparent; border: 0; padding: 8px 0 20px; border-radius: 0;
  }
  html.selqon-precision-preview body.globalrf-ui main .purchase-entry .fleet-tabs { background: var(--sq-canvas); border-color: var(--sq-line); }
  html.selqon-precision-preview body.globalrf-ui .purchase-entry :is(.pe-header h1,.pe-section-title h2,h3,label,.form-grid>div) { color: var(--sq-ink); }
  html.selqon-precision-preview body.globalrf-ui .purchase-entry :is(p,small,.pe-eyebrow,.pe-actions>span) { color: var(--sq-muted); }
  html.selqon-precision-preview body.globalrf-ui .purchase-entry :is(.pe-step,.pe-total) { background: #fff7dc; color: #614800; border-color: #e0cc8b; }
  html.selqon-precision-preview body.globalrf-ui .purchase-entry .pe-total input { color: #252a27; }
  html.selqon-precision-preview body.globalrf-ui .purchase-entry :is(.choice-list,.pe-upload,.pe-actions) { background: var(--sq-surface); border-color: var(--sq-line); box-shadow: none; }
  html.selqon-precision-preview body.globalrf-ui .purchase-entry :is(.errorlist,.form-errors) { color: #97332b; background: #fff0ed; }
  html.selqon-precision-preview body.globalrf-ui .purchase-entry input::file-selector-button { background: var(--sq-raised); color: var(--sq-ink); border-color: #a4ada6; }

  /* Scoped analytical systems: common graphite surfaces, keep chart colors and
     positive/negative indicators. Do not recolor SVG/canvas/map contents. */
  html.selqon-precision-preview body.globalrf-ui :is(.tc,.pc,.sr-dashboard,.purchase-summary,.journey-dashboard,.territorial-flow-dashboard,.partner-control-center,#personnel-360,#receivables-dashboard,.commercial-dashboard,.profitability-dashboard,.report-dashboard-shell-operations) {
    --sq-canvas: #202222; --sq-surface: #292c2b; --sq-raised: #323735;
    --sq-ink: #f2f4f1; --sq-muted: #bcc5be; --sq-line: #454c48; --sq-focus: #eeb50c;
    --text-primary: var(--sq-ink); --precision-control: var(--sq-surface); --precision-secondary: var(--sq-muted);
    --precision-control-border: #77837b; --gold: #eeb50c; --line: #454c48;
    --ps-gold: #eeb50c; --ps-line: #454c48; --ps-muted: #bcc5be;
    --pc-edge: #454c48; --p-line: #454c48;
    --rc-bg: #202222; --rc-panel: #292c2b; --rc-line: #454c48; --rc-muted: #bcc5be;
    --commercial-bg: #202222; --commercial-panel: #292c2b; --commercial-muted: #bcc5be;
    --commercial-border: #454c48; --commercial-gold-bright: #eeb50c;
    --profitability-bg: #202222; --profitability-panel: #292c2b; --profitability-raised: #323735;
    --profitability-muted: #bcc5be; --profitability-border: #454c48; --profitability-gold-bright: #eeb50c;
    --journey-background: #202222; --journey-panel: #292c2b; --journey-panel-strong: #323735;
    --journey-border: #454c48; --journey-gold: #eeb50c; --journey-muted: #bcc5be;
    --flow-background: #202222; --flow-panel: #292c2b; --flow-panel-strong: #323735;
    --flow-border: #454c48; --flow-gold: #eeb50c; --flow-muted: #bcc5be;
    background: #202222; border-color: #454c48; border-radius: var(--sq-radius); box-shadow: none;
  }
  html.selqon-precision-preview body.globalrf-ui :is(.tc-card,.tc-kpi,.pc-card,.pc-kpi,.oc-card,.sr-panel,.sr-product,.ps-header,.ps-filters,.partner-control-center .partner-card,#personnel-360 .p360-identity) {
    background: #292c2b; border-color: #454c48; border-radius: var(--sq-radius); box-shadow: none;
  }
  html.selqon-precision-preview body.globalrf-ui :is(.tc-mast,.partner-hero,.purchase-summary .ps-header) { background: #202222; box-shadow: none; border-top-width: 1px; }
  html.selqon-precision-preview body.globalrf-ui :is(.partner-hero,.purchase-summary .ps-header)::after { display: none; }
  html.selqon-precision-preview body.globalrf-ui .partner-avatar { background: var(--sq-gold); box-shadow: none; border-radius: 8px; }
  html.selqon-precision-preview body.globalrf-ui .partner-control-center .partner-kpi-card { background: #292c2b; border-color: #454c48; box-shadow: none; border-radius: 8px; }
  html.selqon-precision-preview body.globalrf-ui .partner-control-center .eyebrow { color: #eeb50c; }
  html.selqon-precision-preview body.globalrf-ui .tractor-premium {
    --tractor-gold: #eeb50c; --tractor-ink: #202222; --tractor-panel: #292c2b;
    --tractor-panel-2: #323735; --tractor-line: #454c48; --tractor-muted: #bcc5be;
  }
  html.selqon-precision-preview body.globalrf-ui :is(.tractor-hero,.tractor-card,.tractor-control-strip,#personnel-360 .p360-panel) {
    background: #292c2b; border-color: #454c48; border-radius: 8px; box-shadow: none;
  }
  html.selqon-precision-preview body.globalrf-ui .tractor-hero::before { display: none; }
  @media (max-width: 680px) {
    html.selqon-precision-preview body.globalrf-ui main :is(.primary-button,.secondary-button) { min-height: 44px; }
    html.selqon-precision-preview body.globalrf-ui main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]),select,textarea) { font-size: 16px; }
  }
  @media (prefers-reduced-motion: reduce) {
    html.selqon-precision-preview body.globalrf-ui :is(.app-shell,.nav-link,.primary-button,.secondary-button) { transition: none; }
  }
}