/* DetalCut — umumiy ranglar va asoslar (ofis sahifasi + arra terminali).
   Detal ranglari GibSaw'ga yaqin (arrachilar tanish): detal — to'q sariq, tanlangan — quyuqroq,
   chiqindi — och ko'k shtrix, kesilgan — kulrang. */
:root {
  --bg: #f3f4f6;
  --panel: #ffffff;
  --panel-2: #f8f9fb;
  --ink: #1b2230;
  --ink-2: #3d4657;
  --muted: #6b7385;
  --line: #d5d9e0;
  --line-2: #e7eaef;
  --accent: #1f5fd1;
  --accent-ink: #ffffff;
  --accent-soft: #e5edfb;
  --ok: #138a5e;
  --ok-soft: #e3f4ec;
  --warn: #b25e09;
  --warn-soft: #fdf1e1;
  --bad: #c2362b;
  --bad-soft: #fbe7e5;

  --part: #ffd59a;          /* detal */
  --part-line: #b8660b;
  --part-sel: #ff9a1f;      /* tanlangan */
  --part-done: #dfe3ea;     /* kesilgan / birkasi chiqqan */
  --part-done-line: #8b93a3;
  --waste: #9fb4f5;         /* chiqindi shtrixi */
  --rem: #dbe6ff;           /* biznes qoldiq */
  --rem-line: #4d6fd6;
  --sheet: #fbfaf7;
  --cut: #d1291f;

  --r: 8px;
  --r-lg: 12px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Consolas, "Roboto Mono", monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); font: 14px/1.4 var(--font); }
button, input, select, textarea { font: inherit; color: inherit; }
.num { font-variant-numeric: tabular-nums; }
[hidden] { display: none !important; }