/* kiosk-odoo.css — the shop-floor kiosk in Odoo's Shop Floor face (owner, 13/14-Oct-2026: "har app jo abhi odoo jaisa
   nhi dekh rha hai wo sab odoo jaisa hu-ba-hu"). Loaded after theme.css and style.css.

   It does two things and nothing else:
     1. writes the palette the kiosk's tokens point at (theme.css's canonical names) on Odoo's values — Odoo's light
        Shop Floor under :root, Odoo's own Dark mode under [data-theme="dark"];
     2. gives the kiosk's shapes Odoo's: 4 px corners on every card, tile, dialog and button, flat cards with a hairline
        instead of floating shadows, Odoo's system font.
   ⛔ Not one word, button or behaviour changes — the kiosk stays Hinglish, every flow is app.js's.
   ⛔ DARK OR LIGHT IS THE OWNER'S CALL (Q19, 14-Oct; 11-Sep he ruled the kiosk dark for the operator's eyes). index.html
      keeps data-theme="dark" — Odoo's Dark mode — until he answers; Odoo's light Shop Floor is one attribute away. */
:root {
  --o-brand: #714b67; --o-action: #017e84;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;
  --bg: #e7e9ed; --surface: #fff; --surface-2: #f9fafb; --sunk: #f3f4f6; --field: #fff;
  --ink: #111827; --ink-2: #374151; --ink-3: #6b7280; --ink-4: #9a9ca5;
  --line: #d8dadd; --line-2: #e7e9ed;
  --navy: #714b67; --blue: #017e84; --blue-bg: #e6f2f3; --blue-ln: #9fd0d2;
  --green: #1e7e34; --green-bg: #d4edda; --green-ln: #c3e6cb;
  --amber: #8a6100; --amber-bg: #fff3cd; --amber-ln: #ffeeba;
  --red: #b4232f; --red-2: #9a1c27; --red-bg: #f8d7da; --red-ln: #f5c6cb;
  --brand-red: #714b67; --btn-primary-bg: #714b67; --btn-primary-ink: #fff; --on-good: #fff; --on-bad: #fff;
  --rail: #fff; --rail-ink: #111827; --rail-ink-2: #6b7280; --rail-on: #f3f4f6;
  --r: 4px; --r-lg: 4px; --r-sm: 3px;
  --shadow: 0 1px 2px rgba(0, 0, 0, .06); --shadow-lg: 0 4px 16px rgba(0, 0, 0, .14);
}
/* Odoo's Dark mode (web.assets_web_dark): grey-blue ground, cards one step lighter, the same purple for the main
   button and a lighter teal for links, so both read on the dark ground. */
:root[data-theme="dark"] {
  --bg: #1b1d26; --surface: #262a36; --surface-2: #2f3241; --sunk: #14161d; --field: #1b1d26;
  --ink: #e4e4e4; --ink-2: #c9ccd2; --ink-3: #9a9ca5; --ink-4: #7c7f89;
  --line: #3c3e4b; --line-2: #2f3241;
  --navy: #8f6a86; --blue: #2ebcc5; --blue-bg: #17363a; --blue-ln: #1f5c61;
  --green: #4cc27a; --green-bg: #1b3326; --green-ln: #2a5a3d;
  --amber: #e8b44c; --amber-bg: #3a2f17; --amber-ln: #5c4a1f;
  --red: #f0707a; --red-2: #e4505c; --red-bg: #3d1f23; --red-ln: #6a2e35;
  --brand-red: #714b67; --btn-primary-bg: #714b67; --btn-primary-ink: #fff; --on-good: #0f1a13; --on-bad: #1f0b0e;
  --rail: #262a36; --rail-ink: #e4e4e4; --rail-ink-2: #9a9ca5; --rail-on: #2f3241;
  --shadow: 0 1px 2px rgba(0, 0, 0, .4); --shadow-lg: 0 4px 16px rgba(0, 0, 0, .5);
}
body { font-family: var(--font); }

/* ── Odoo's shapes ── every selector style.css rounds past 4 px (test_the_kiosk_wears_odoos_shop_floor.py keeps this list
   in step with style.css) */
#fail-box, #float-print, #scn-list .chip-x, #sup-shiftend textarea, #toast, #ver-badge, .admin-tab, .ap-statusbox,
.attn-card, .attn-ok, .bigcount, .bl-tools button, .body-mo-card, .card, .carton-stats, .chot-link, .count-btn,
.counter-done, .counter-head, .dt-live, .fg-lbl select, .finish-btn, .he-row, .hist-item, .ho-rollup, .inw-palgrp,
.inw-prog, .inw-prog #inwb-bar, .ipqc-card, .ipqc-ev, .iqc-doc, .iqc-foot, .iqc-item, .iqc-kpi, .iqc-qty input,
.iqc-rel-row input, .iqc-release, .iqc-row, .iqc-warn, .key, .label, .label-preview, .lk-item, .login-box, .logo,
.lp-roll button, .lp-roll input, .ls-inp input, .ls-row, .mat-row, .modal-card, .mr-attn, .mr-dock, .mr-hero,
.mr-sheet, .mr-stat, .mr-tbl .ca button, .mr-tile, .np-why, .opr-btn, .opr-mark, .pallet-chip, .panel-empty,
.pf-btns>button, .pick-prog-bar, .pick-prog-bar span, .place-ready, .qc-lbl select, .qc-row, .qc-stat,
.recent-ops .ro-chip, .rep-kpis .kpi, .result-card, .role-card, .rpt-card, .rt-card, .sb-box, .sb-caret, .sb-chip,
.sb-chip i, .sb-menu, .sb-opt, .sc-cam-box video, .sc-locked, .sc-opt, .scan-input, .scn-feedback, .serial-card,
.serial-chip, .shift-alert, .shift-bar, .shift-prog, .shift-prog .f, .size-sel, .sk, .sm-box, .sm-box .sm-re,
.sm-btn, .sm-card, .sm-cr, .sm-fmt button, .sm-hr, .sm-in, .sm-now, .sm-pk, .sm-scanrow button, .sm-stg, .stat,
.sup-line, .sup-nav-btn, .sup-nav-btn .bdg, .sup-side-ava, .tile, .tl .badge2, .trace, .uf-chk, .undo-row .ghost,
.wh-photo, .wh-warn, .when-badge {
  border-radius: 4px;
}
.card, .tile, .role-card, .sup-line, .body-mo-card, .counter-head, .carton-stats, .stat, .qc-stat {
  box-shadow: none;
}
.modal-card, .sb-menu, #toast { box-shadow: var(--shadow-lg); }
button:not(:disabled):active, .tile:active, .role-card:active { transform: none; }
.logo { background: #714b67; color: #fff; }