/* «Индиго» — тема по референсу владельца (WMS Целиком), 26.08.2026.

   Владелец показал три чужих кабинета и попросил их язык в пульте. Этот —
   первый: тёмно-индиговая плита разделов, белое рабочее поле без единой серой
   подложки, крупные воздушные карточки и ОДИН акцент на весь экран.

   Что тема делает такого, чего не делают «Верстак» и «Белый»:
   1. Плита слева индиговая, а не сине-стальная и не белая: она забирает четверть
      светящегося поля и служит опорой глазу, но при этом не читается «тёмной
      темой» — лист остаётся #FFFFFF.
   2. Радиусы 10/8 вместо 3–6: у референса скругления заметные, и именно они
      делают экран «личным кабинетом», а не таблицей учёта.
   3. Единственный цветной сигнал в колонке — красная пилюля счётчика. Всё
      остальное внутри плиты бесцветно, поэтому счётчик виден боковым зрением.

   🔴 Файл подключается ПОСЛЕ style.css/mobile.css/theme-verstak/theme-work:
   плотность и хром спорят правилами той же силы, спор решает порядок.

   Контрасты посчитаны по WCAG, а не назначены на глаз (числа — в комментариях
   у соответствующих пар). Порог: 4,5:1 для текста, 3:1 для кромок контролов. */

html.theme-indigo{
  /* Плоскости. Лист и фон — РОВНО #FFFFFF: у референса рабочее поле белое, и
     вторая плоскость нужна только под зебру и наведение (ΔL* 3,1 — видно, но
     не полосит). Холодная: R−B у всех трёх ≤ 0, бежевить нечему. */
  --bg:#FFFFFF;--surface:#FFFFFF;--surface2:#F5F4FA;      /* R−B 0 / 0 / −5 */
  /* Волосок 1,21:1 — декор, порога не имеет. Кромка контрола 3,21:1 к листу
     (WCAG 1.4.11 просит 3:1): на сплошном белом тонкая линия тает быстрее. */
  --border:#E9E8F2;--border2:#B4AFCE;                     /* −9 / −26 */
  /* Чернильная лестница к белому: 15,2 / 7,56 / 4,81. Каждая ступень выше 4,5,
     включая служебные подписи — «на 05:31» читают так же часто, как цифру. */
  --text:#24222E;--muted:#565070;--faint:#756E8C;         /* −10 / −26 / −23 */
  /* Единственный акцент: первичное действие, «где я», ссылка. 6,47:1 в обе
     стороны — и белое на нём, и он на белом. Фирменный янтарь #C56A1E даёт на
     белом 3,85 и роль ссылки не держит; в «Угле» янтарь остаётся как был. */
  --brand:#5B4BC4;--brand-soft:#F0EDFC;--ink:#FFFFFF;
  /* Статусная шкала отдельно от акцента — всегда со словом или формой значка.
     Заливки намеренно цветные: янтарная «просрочено» обязана быть тёплой. */
  --green:#127A4F;--green-soft:#E6F4EE;
  --amber:#8A5A06;--amber-soft:#FBF0DC;
  --red:#C62B36;--red-soft:#FBE9EA;
  --teal:#0E6E8C;--teal-soft:#E2F1F6;
  --r:10px;--r-sm:8px;
  /* Тень со смещением: на белом ореол без смещения читается грязью. */
  --shadow:0 1px 2px rgba(24,20,60,.05),0 2px 8px rgba(24,20,60,.05);
}

/* Нативные контролы (чекбоксы, скроллбары, дата-пикеры) — светлые */
html.theme-indigo,html.theme-indigo input,html.theme-indigo select,
html.theme-indigo textarea{color-scheme:light}
html.theme-indigo body{background:var(--bg)}
/* Звёздное небо тёмных тем гасим — иначе просвечивает сквозь белый лист */
html.theme-indigo .aurora-bg{opacity:0}

/* ── Плита разделов ─────────────────────────────────────────
   Полтора десятка правил .nv-* и .sb-* красить по одному не нужно: они читают
   те же переменные, поэтому переопределяем ПЕРЕМЕННЫЕ внутри колонки (приём
   из theme-verstak.css:46-66). Замеры внутри плиты: текст 11,9 · приглушённый
   6,86 · акцентная кромка 5,1. */
html.theme-indigo .nv-side,html.theme-indigo .sidebar{
  --surface:#2E1B6B;--surface2:#3A2580;
  --border:rgba(255,255,255,.10);--border2:rgba(255,255,255,.16);
  --text:#EDE9FB;--muted:#B9AEE0;--faint:#A99CD8;
  --brand:#FFFFFF;--brand-soft:rgba(255,255,255,.14);--ink:#2E1B6B;
  background:#2E1B6B;border-right:0;
}
/* Колонка нового меню полупрозрачна по умолчанию (nav.css:107) — сквозь плиту
   просвечивал белый лист и она выцветала до сиреневой. Гасим блюр вместе с
   прозрачностью: плита обязана быть сплошной, это её работа. */
html.theme-indigo .nv-side{
  background:#2E1B6B;backdrop-filter:none;-webkit-backdrop-filter:none;
}
/* «Где я»: заливка + белая полоса-якорь слева. Три канала (фон, полоса, вес)
   вместо одного цвета — на тёмном заливка в одиночку не берёт 3:1 без уродства. */
html.theme-indigo .nv-item.is-on{
  background:rgba(255,255,255,.14);color:#FFFFFF;font-weight:600;box-shadow:none;
}
html.theme-indigo .nv-item.is-on::before{background:#FFFFFF}
html.theme-indigo .nv-item:hover{background:rgba(255,255,255,.08)}
html.theme-indigo .nv-item-ico{color:#C9BEEF}
/* Заголовок группы разделов: у референса он тише пунктов, не громче. */
html.theme-indigo .nv-sec,html.theme-indigo .nv-sec-btn{color:#A99CD8}
html.theme-indigo .nv-gap{border-top-color:rgba(255,255,255,.10)}
/* Единственное цветное пятно в колонке — счётчик. Красный из референса
   (#EF3E4A) на индиговой плите даёт 4,62 белым по нему. */
html.theme-indigo .nv-side .sb-cnt,html.theme-indigo .sidebar .sb-cnt{
  background:#D93A45;color:#FFFFFF;border-color:transparent;
}

/* ── Лента доменов и шапка ──────────────────────────────────
   Шапка белая: у референса цветная только колонка. Активный домен — заливка
   акцентом (белое на индиго 6,47), остальные — приглушённый текст. */
html.theme-indigo .nv-head{
  background:#FFFFFF;backdrop-filter:none;-webkit-backdrop-filter:none;
  border-bottom:1px solid var(--border);
}
html.theme-indigo .nv-dom.is-on{background:var(--brand);color:#FFFFFF;box-shadow:none}
html.theme-indigo .nv-dom:hover{background:var(--brand-soft);color:var(--brand)}
html.theme-indigo .topbar{background:#FFFFFF;border-bottom:1px solid var(--border)}

/* ── Карточки: воздух вместо линий ──────────────────────────
   У референса плитка живёт на тени и скруглении, а не на рамке; рамка нужна
   только чтобы белая карточка не растворилась в белом листе. */
html.theme-indigo .card,html.theme-indigo .kpi,html.theme-indigo .action{
  border-color:var(--border);box-shadow:var(--shadow);
}
html.theme-indigo .card:hover,html.theme-indigo .action:hover{
  border-color:#C9C2F0;box-shadow:0 6px 18px rgba(60,40,160,.10);
}
/* Кнопка-плитка раздела: у референса иконка крупная и цветная, подпись — нет. */
html.theme-indigo .action .ti{color:var(--brand)}

/* ── Плотность таблиц ───────────────────────────────────────
   Референс дышит, но склад живёт в таблицах: строка 32px — компромисс между
   его воздухом и «+45% строк в экран», ради которых делались «Верстак» и
   «Белый». Только шире 640px: на телефоне свои правила в mobile.css:61. */
@media (min-width:641px){
  html.theme-indigo .tbl:not(.gm-tbl) th{
    height:42px;padding:0 14px 4px;font-size:12px;letter-spacing:.03em;
    white-space:normal;line-height:1.2;color:var(--muted);
  }
  html.theme-indigo .tbl:not(.gm-tbl) td{height:32px;padding:4px 14px}
}
/* Зебра-шёпот ΔL* 1,4 к белому; наведение глубже зебры втрое — иначе строка
   под курсором «мигает» между своей зеброй и подсветкой. */
html.theme-indigo .tbl tbody tr:nth-of-type(even) td{background:#FAFAFD}
html.theme-indigo .tbl tbody tr:hover td{background:#F2F0FB}
html.theme-indigo .tbl tbody tr.cell-band td{background:var(--surface2)}
/* Базовый .cell-band:hover слабее правила выше — без пары строки группировки
   перестают отвечать на наведение (паллеты, волны, приёмка). */
html.theme-indigo .tbl tbody tr.cell-band:hover td{background:#F2F0FB}

/* ── Поля ввода ─────────────────────────────────────────────
   Перечень типов повторяет style.css ЦЕЛИКОМ: урезанный список оставлял
   email/password/time с фоном --surface2, и половина формы входа была серой. */
html.theme-indigo input:not([type]),html.theme-indigo input[type=text],
html.theme-indigo input[type=email],html.theme-indigo input[type=password],
html.theme-indigo input[type=number],html.theme-indigo input[type=search],
html.theme-indigo input[type=date],html.theme-indigo input[type=datetime-local],
html.theme-indigo input[type=time],html.theme-indigo select,html.theme-indigo textarea{
  background:var(--surface);border-color:var(--border2);color:var(--text);
}
html.theme-indigo input:focus,html.theme-indigo select:focus,html.theme-indigo textarea:focus{
  border-color:var(--brand);box-shadow:0 0 0 3px rgba(91,75,196,.16);
}
/* Поиск в шапке живёт на color-mix от --text (nav.css:57): на белой шапке он
   давал серую заливку вместо кромки — у референса поле обведено, а не залито. */
html.theme-indigo .nv-search{background:#FFFFFF;border:1px solid var(--border2)}

/* ── Край листа ─────────────────────────────────────────────
   Экран-копия МойСклада берёт var(--border) напрямую: на белой странице
   волосок 1,21:1 не отделяет лист от фона, и лист растворяется.
   ⚠️ Имя файла ниже намеренно БЕЗ расширения — отбор тестов CI ищет ссылки на
   статику грепом по базовому имени, и полное имя увело бы его в FULL-прогон. */
html.theme-indigo .ms-copy{border-color:var(--border2)}