/*
  Direction contract
  THESIS: точность выглядит дорого — таблица ведёт себя как инструмент сверки
  в дорогом ЦУПе, а не как выгрузка из 1С; отказ от карточек-плиток и типового
  светлого SaaS-дашборда с цветными бейджами повсюду.
  OWN-WORLD: почти-чёрный графит (#0f1215) как рабочая поверхность, один
  латунный акцент (#c9a15a) держит наличие/выбор/первичное действие, тонкие
  1px разделители вместо теней и карточек, табличные цифры, единственный
  системный шрифт во всех ролях.
  STORY: оператор/клиент открывает дашборд, за секунду видит статус двух
  источников и когда они обновлялись, ищет деталь по артикулу или названию,
  видит у кого она есть, при необходимости жмёт «Обновить» и позже сверяет
  очередь на проверку.
  FIRST VIEWPORT: тонкая шапка (логотип-надпись + статусы источников с точкой
  и датой + поиск на всю ширину), под ней ряд фильтров, ниже — таблица со
  прилипающей шапкой и первой колонкой, сгруппированная по бренду.
  FORM: Operate, Restrained-с-одним-акцентом (committed на статусные точки),
  без концепт-тура — обосновано в разговоре (внутренний B2B-инструмент).
  FINISH: unreviewed and undocumented is unfinished; this build ends with the
  finish review, the verdict, and DESIGN.md.
*/

:root {
  --bg: #0f1215;
  --bg-raised: #151a1e;
  --bg-inset: #0b0d0f;
  --border: #262c31;
  --border-soft: #1c2124;
  --text: #eef1f3;
  --text-dim: #9aa4ab;
  --text-faint: #626b71;
  --accent: #c9a15a;
  --accent-dim: #8a744a;
  --accent-ink: #16130c;
  --good: #5fae82;
  --bad: #c96a5a;
  --warn: #c9a15a;
  --radius-sm: 4px;
  --radius-md: 8px;
  /* Системный стек намеренно, без внешнего запроса к веб-шрифту: это рабочий
     инструмент за корпоративным периметром клиента, где CDN шрифтов не всегда
     доступен, а San Francisco/Segoe UI/Roboto визуально почти неотличимы от
     Inter в диапазоне 400-700. */
  --font: -apple-system, "Segoe UI", "Helvetica Neue", system-ui, sans-serif;
  --shadow-panel: 0 12px 32px -12px rgba(0, 0, 0, 0.55);
}

:root:not([data-theme="dark-only"]) {
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-feature-settings: "tnum" 1, "cv11" 1;
  -webkit-font-smoothing: antialiased;
}

::selection {
  background: var(--accent-dim);
  color: var(--accent-ink);
}

a {
  color: inherit;
}

button {
  font-family: inherit;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 999px;
  border: 2px solid var(--bg);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--text-faint);
}