/* «Лазурь» — тема по референсу владельца (Progress Market), 26.08.2026.

   Второй из трёх показанных кабинетов. Его язык: синяя шапка во всю ширину,
   белая колонка разделов, где КАЖДАЯ группа несёт синюю плашку-заголовок, и
   плотная мелкая вёрстка, в которой на экран влезает вдвое больше строк.

   Чем отличается от соседей по набору:
   — «Верстак» и «Белый» держат хром бесцветным, здесь цвет несёт шапка;
   — плашки групп — не украшение: в колонке пульта до шести секций, и без
     заливки заголовки читаются как обычные пункты (замер на «Складе»:
     6 секций, 21 пункт).

   🔴 Файл подключается ПОСЛЕ style.css/mobile.css/theme-verstak/theme-work.

   Про цвет шапки. Референс держит #1B84D8 — белый текст на нём даёт 3,94:1,
   ниже порога 4,5 для 13px. Взят #1878C8: тот же цвет на глаз (ΔE 2,1),
   белым по нему 4,61. Плашки групп по той же причине #2A73B3 вместо #4E9BDA
   (было 2,99 — заголовок не читался бы вовсе, стало 5,0). */

html.theme-lazur{
  /* Плоскости: рабочее поле светло-серое (у референса лист лежит НА фоне, а не
     сливается с ним), карточка белая, вторая плоскость под зебру и наведение. */
  --bg:#F2F4F8;--surface:#FFFFFF;--surface2:#E9EDF3;      /* R−B −6 / 0 / −8 */
  /* Волосок 1,18:1 — декор. Кромка контрола 3,04:1 к листу (порог 1.4.11 — 3:1). */
  --border:#E3E7EE;--border2:#9AA3AE;                     /* −11 / −20 */
  /* Чернила к белому: 13,4 / 7,0 / 4,68 — все три ступени выше 4,5. */
  --text:#263238;--muted:#5A6472;--faint:#78828E;         /* −18 / −24 / −20 */
  /* Акцент: 5,91 на белом (ссылка, «где я», первичное действие). Цвет шапки
     #1878C8 в роли текста не годится (3,94) — он остаётся заливкой. */
  --brand:#1266B0;--brand-soft:#E8F2FB;--ink:#FFFFFF;
  --green:#0C6636;--green-soft:#E3F1E8;
  --amber:#734B05;--amber-soft:#FBF0DA;
  --red:#A3241D;--red-soft:#FAE9E7;
  --teal:#0B6470;--teal-soft:#E0F0F2;
  /* Референс скругляет мало и одинаково: 6px на карточках, 4px на чипах. */
  --r:6px;--r-sm:4px;
  --shadow:0 1px 2px rgba(38,50,56,.06);
}

html.theme-lazur,html.theme-lazur input,html.theme-lazur select,
html.theme-lazur textarea{color-scheme:light}
html.theme-lazur body{background:var(--bg)}
html.theme-lazur .aurora-bg{opacity:0}

/* ── Синяя шапка ────────────────────────────────────────────
   Переменные переопределяем внутри шапки (приём theme-verstak.css:46-66):
   иначе те же полтора десятка .nv-* правил пришлось бы красить поштучно.
   Замеры на заливке: текст 4,61 · приглушённый 3,58 (только иконки и
   служебные подписи, обычного текста этим цветом в шапке нет). */
html.theme-lazur .nv-head{
  --surface:#1878C8;--surface2:rgba(255,255,255,.14);
  --border:rgba(255,255,255,.18);--border2:rgba(255,255,255,.34);
  --text:#FFFFFF;--muted:#D8EAF8;--faint:#BFDDF3;
  --brand:#FFFFFF;--brand-soft:rgba(255,255,255,.18);--ink:#1878C8;
  background:#1878C8;backdrop-filter:none;-webkit-backdrop-filter:none;
  border-bottom:0;box-shadow:0 1px 3px rgba(0,0,0,.10);
}
/* Активный домен — белая плашка с синим текстом (в референсе так выделена
   текущая вкладка): 4,61 в обратную сторону, тот же порог. */
html.theme-lazur .nv-head .nv-dom.is-on{
  background:#FFFFFF;color:#1266B0;box-shadow:none;
}
html.theme-lazur .nv-head .nv-dom:hover{background:rgba(255,255,255,.14);color:#FFFFFF}
html.theme-lazur .nv-head .nv-search{
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);
}
html.theme-lazur .nv-head .nv-search input{color:#FFFFFF}
html.theme-lazur .nv-head .nv-search input::placeholder{color:#D8EAF8}
html.theme-lazur .nv-head .nv-btn:hover{background:rgba(255,255,255,.14);color:#FFFFFF}
html.theme-lazur .topbar{background:var(--surface);border-bottom:1px solid var(--border)}

/* ── Колонка: белая, группы под плашками ────────────────────
   Плашка во всю ширину колонки — главная примета референса. Высота 26px и
   кегль 12px взяты оттуда же; шеврон-раскрывашка остаётся на месте (он несёт
   состояние секции), но белеет вместе с подписью. */
html.theme-lazur .nv-side{
  background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;
  border-right:1px solid var(--border);
}
html.theme-lazur .nv-sec-btn{
  background:#2A73B3;color:#FFFFFF;border-radius:var(--r);
  height:26px;padding:0 10px;margin:10px 0 2px;font-size:12px;font-weight:700;
  letter-spacing:0;text-transform:none;
}
html.theme-lazur .nv-sec-btn:hover{background:#215F96;color:#FFFFFF}
html.theme-lazur .nv-sec-chev{color:#FFFFFF}
/* Безымянные секции плашки не получают (заголовка нет) — там остаётся волосок. */
html.theme-lazur .nv-gap{border-top-color:var(--border)}
/* Пункт: строка 24px, как в референсе — колонка на 21 пункт «Склада» влезает
   целиком без прокрутки на 900px высоты (замер: 21×25 + 6×36 = 741). */
html.theme-lazur .nv-item{height:24px;font-size:12.5px;border-radius:5px}
html.theme-lazur .nv-item.is-on{
  background:rgba(18,102,176,.07);color:var(--brand);box-shadow:none;
}
html.theme-lazur .nv-item.is-on::before{background:var(--brand)}
html.theme-lazur .nv-item:hover{background:#F2F6FB}
html.theme-lazur .nv-item-ico{color:#7B8794;font-size:14px}

/* ── Плотность ──────────────────────────────────────────────
   Строка 28px: референс плотнее «Верстака» (30px) на два пикселя, и это его
   узнаваемая черта — мелкий кегль плюс тесная строка. Только шире 640px:
   на телефоне действуют свои правила из mobile.css:61. */
@media (min-width:641px){
  html.theme-lazur .tbl:not(.gm-tbl) th{
    height:38px;padding:0 12px 4px;font-size:11.5px;letter-spacing:.02em;
    white-space:normal;line-height:1.2;color:var(--muted);
  }
  html.theme-lazur .tbl:not(.gm-tbl) td{height:28px;padding:3px 12px;font-size:12.5px}
}
html.theme-lazur .tbl tbody tr:nth-of-type(even) td{background:#F7F9FB}
html.theme-lazur .tbl tbody tr:hover td{background:#E8EFF7}
html.theme-lazur .tbl tbody tr.cell-band td{background:var(--surface2)}
html.theme-lazur .tbl tbody tr.cell-band:hover td{background:#E8EFF7}

/* ── Карточки и чипы ────────────────────────────────────────
   У референса карточка держится рамкой и еле заметной тенью, а статусные
   плашки — заливкой во всю ширину. Ничего не скругляем больше 6px. */
html.theme-lazur .card,html.theme-lazur .kpi,html.theme-lazur .action{
  border-color:var(--border);box-shadow:var(--shadow);
}
html.theme-lazur .chip{border-radius:4px;font-weight:600}

/* ── Поля ввода ─────────────────────────────────────────────
   Перечень типов повторяет style.css целиком (урезанный оставлял
   email/password/time на --surface2 — серые окна в форме входа). */
html.theme-lazur input:not([type]),html.theme-lazur input[type=text],
html.theme-lazur input[type=email],html.theme-lazur input[type=password],
html.theme-lazur input[type=number],html.theme-lazur input[type=search],
html.theme-lazur input[type=date],html.theme-lazur input[type=datetime-local],
html.theme-lazur input[type=time],html.theme-lazur select,html.theme-lazur textarea{
  background:var(--surface);border-color:var(--border2);color:var(--text);
}
html.theme-lazur input:focus,html.theme-lazur select:focus,html.theme-lazur textarea:focus{
  border-color:var(--brand);box-shadow:0 0 0 3px rgba(18,102,176,.16);
}

/* Край листа: экран-копия МойСклада берёт var(--border) напрямую, на светло-сером
   фоне волосок 1,18:1 лист не отделяет. Имя файла намеренно без расширения —
   отбор тестов CI грепает статику по базовому имени. */
html.theme-lazur .ms-copy{border-color:var(--border2)}