/* «Верстак» — светлая рабочая тема пульта (владелец, 12.08.2026).

   Зачем: в «Стекле» и «Угле» глаза рябят на восьмичасовой смене в «Остатках ФБС».
   Ориентир — МойСклад, в котором владелец работает годами: белое поле, одно
   крупное цветное пятно сверху-слева, плотная таблица. Тема повторяет его
   рабочую логику, но с нормальной типографикой и посчитанным контрастом.

   🔴 Файл подключается ПОСЛЕДНИМ (после style.css и mobile.css): плотность и
   липкость спорят с базовыми правилами той же силы, и спор решает порядок.

   Все замеры ниже — WCAG-контраст, посчитанный, а не назначенный на глаз.
   Ни одно значение в теме не опускается ниже 4.5:1 (порог обычного текста). */

html.theme-verstak{
  /* Плоскости. Чистого #FFFFFF нет нигде: именно он даёт блеск к концу смены.
     Лист тёплый, панель на ступень темнее, страница — на две. */
  --bg:#EDEAE3;--surface:#FFFDF8;--surface2:#F7F5EF;
  /* Волосок таблицы 1.28:1 (декор), кромка контролов 3.60:1 к листу — WCAG 1.4.11 */
  --border:#E5E1D7;--border2:#82868C;
  /* Чернильная лестница: 13.44 / 7.17 / 5.94 к листу. Не почти-чёрный —
     17:1 на белом «звенит», разница между «читаю» и «щурюсь» на восьмом часу. */
  --text:#2A2E33;--muted:#52575D;--faint:#5F6369;
  /* Единственный акцент: первичное действие, текущая вкладка, активный фильтр.
     Белое на нём 7.62 · он на листе 7.49. Фирменный янтарь #C56A1E даёт на белом
     3.79 и белую подпись на кнопке не держит — в светлой теме он остаётся
     статусом («ждут вашего выбора»), а не акцентом. В «Угле» янтарь как был. */
  --brand:#14568F;--brand-soft:#E6EEF7;--ink:#FFFFFF;
  /* Статусная шкала — отдельно от акцента, всегда со словом и формой значка */
  --green:#0E7241;--green-soft:#E4F0E7;
  --amber:#8A5A06;--amber-soft:#FAF0DC;
  --red:#AD2A22;--red-soft:#FAEAE7;
  --teal:#0B6470;--teal-soft:#E1F0F2;
  --r:6px;--r-sm:4px;
  --shadow:0 1px 2px rgba(42,46,51,.05),0 1px 1px rgba(42,46,51,.04);
}
/* Нативные контролы (чекбоксы, скроллбары, дата-пикеры) — светлые */
html.theme-verstak,html.theme-verstak input,html.theme-verstak select,
html.theme-verstak textarea{color-scheme:light}
html.theme-verstak body{background:var(--bg)}
/* Звёздное небо тёмных тем гасим — иначе просвечивает под листом */
html.theme-verstak .aurora-bg{opacity:0}

/* ── Хром одним правилом ────────────────────────────────────
   Тёмная плита слева — единственное большое цветное пятно: она убирает четверть
   светящегося поля и даёт глазу точку отдыха (та же роль, что у синей панели
   МойСклада). Полтора десятка правил .sb-* красить по одному не нужно: они
   читают те же переменные, поэтому переопределяем переменные внутри .sidebar.
   Замеры внутри плиты: текст 13.82 · приглушённый 7.05 · акцент 7.09. */
html.theme-verstak .sidebar{
  --surface:#122539;--surface2:#1C3348;
  --border:rgba(255,255,255,.11);--border2:#6E7C8C;
  --text:#EDF2F7;--muted:#A3B0BF;--faint:#A3B0BF;
  --brand:#7FB4E6;--brand-soft:#284462;--ink:#122539;--red:#E2938C;
  background:#122539;border-right:0;
}
/* «Где я» в меню: заливкой на тёмном 3:1 не берётся без уродства — держим
   полосой-якорем 7.09:1, заливкой и белым жирным текстом. Три канала вместо
   цвета. Базовый .sb-active — фиолетовый градиент, его гасим целиком. */
html.theme-verstak .sidebar .sb-link.sb-active{
  background:#284462;border-color:transparent;color:#fff;font-weight:600;
  box-shadow:inset 3px 0 0 #7FB4E6;
}
html.theme-verstak .sidebar .sb-link:hover{
  background:#1C3348;border-color:transparent;color:#fff;
}

/* ── Плотность ──────────────────────────────────────────────
   Строка 30px вместо 44px = +45% строк в экран; на 360 штрихкодах это в два с
   лишним раза меньше колеса мыши. Без этих правил тема меняет только цвет. */
html.theme-verstak .tbl th{
  height:48px;padding:0 16px 4px;font-size:12px;letter-spacing:.04em;
  white-space:normal;line-height:1.2;color:var(--muted);
}
html.theme-verstak .tbl td{height:30px;padding:0 16px}
html.theme-verstak .tbl tbody tr:nth-of-type(even) td{background:#FAF7F1}
html.theme-verstak .tbl tbody tr:hover td{background:#E7E3D9}
html.theme-verstak .tbl tbody tr.cell-band td{background:#F2EFE7}

/* ── Липкая шапка таблицы — ПОКА НЕТ, и это осознанно ───────
   В мокапе шапка колонок и заголовок товара висели наверху при прокрутке.
   На рендере настоящей страницы (headless-хром, 1440×1300) sticky-ячейки
   наезжали на первые две строки данных: первая строка группы уходила под
   шапку целиком. Перекрытые цифры остатка на боевом экране — цена, которой
   удобство прокрутки не стоит.
   Возвращать так: сначала померить на живой странице в обычном браузере
   (виноват не overflow у .tbl-scroll и не min-width таблицы — обе версии
   проверены и наезд остаётся), найти предка, который ломает sticky, и только
   потом включать. Заголовок группы уже носит class="grp" — зацепка готова. */

/* ── Экран «Остатки ФБС» ────────────────────────────────────
   Состояние строки не должно спорить с акцентом: «отдаём» — зелёное (статус),
   акцент синий (действие). Иначе на экране два одинаково громких синих пятна.
   Белое на зелёном 6.00:1. */
html.theme-verstak .pick.is-on{background:var(--green);border-color:var(--green);color:#fff}
html.theme-verstak .pick.is-on:hover{filter:brightness(1.08)}
html.theme-verstak .pick{background:var(--surface);font-size:11.5px}

/* Вкладки площадок — тот же приём, что во второй строке МойСклада: подчёркивание
   и вес, а не заливка. Форма несёт состояние наравне с цветом. */
html.theme-verstak .fbs-tab.on{color:var(--brand);border-bottom-color:var(--brand)}

/* Два зашитых янтарных огрызка: при синем акценте они остались бы рыжими */
html.theme-verstak #rail-toggle:hover,html.theme-verstak .action.primary{
  background:var(--brand);border-color:var(--brand);color:var(--ink);
}

/* .kpi НЕ переопределяем: он общий для дашборда «Обзор», и подмена его на
   плитку-фильтр схлопнула бы карточки на другом экране. */