/* ============================================================
   3.0 (модернизация 85.0, задача 2): УМНАЯ ЦВЕТОВАЯ ИНДИКАЦИЯ —
   блок в КОНЦЕ файла + токены слоя индикации в обеих темах скина.
   Фирменный красный больше не красит «всё по умолчанию»: он остаётся
   слоем идентичности (логотип, главная кнопка, активный пункт меню и
   подвкладка, фокус клавиатуры), а данные, прогресс, подсветка строк,
   тумблеры, счётчики рельса, идентификаторы, спарклайны и графики без
   оценки рисуются стальным «цветом данных» --c-data. Красный внутри
   данных = только «критично» (--c-ind-crit). Семантика тонов —
   core/indication.js; базовые токены — tokens.css 14.0.
   ============================================================ */
/* ============================================================
   80.0 (задачи 3 и 4): ЕДИНЫЙ КОРПОРАТИВНЫЙ СТИЛЬ И ЧИТАЕМЫЕ ПОДПИСИ —
   блок в КОНЦЕ файла:
   • типографический минимум платформы: ни одной служебной подписи
     мельче 10.5px (uppercase-«брови» с трекингом) и 11.5px (обычный
     текст) — прежние 8.5–10px подписи талонов, карточек артикула,
     формы фотофиксации, тепловой карты, осей графиков и примечаний
     аналитики подняты до минимума;
   • контраст третьего тона текста (--c-text-3) поднят до уровня AA
     (тёмная тема #8f8f99, светлая #74747e) — «мелкие серые подписи»
     читаются на любом экране; примечания, предназначенные для чтения
     (подвалы таблиц, подсказки, метаданные), переведены на второй тон;
   • токен --fs-xs скина — 11.5px (базовые 11px из tokens.css).
   ============================================================ */
/* ============================================================
   77.0 (задача 6): из комментариев убраны упоминания прежнего названия
   дизайна; правила не менялись.
   ============================================================ */
/* ============================================================
   2.0 (модернизация 68.0): «Корпоративный 2.0» — ЕДИНСТВЕННЫЙ дизайн
   платформы: отключаемый классический скин и переключатель дизайна
   удалены (boot-guard.js всегда включает corporate; задача 9).
   • (задача 8) иконки без цветовых плашек-рамок: KPI, подсказка ИИ,
     инсайты, рекомендации, пустые состояния, эмблема в шапке и на
     экране входа — чистый глиф в цвете смысла (блок 68.0 в конце);
   • (задачи 2 и 7) типографика талонов: крупные чёткие подписи вместо
     мелких серых, структурные чипы приоритета (.sgc), контрастная
     k/v-сетка;
   • (задача 6) стили карточки «Профиль пользователя» (.prof68);
   • (задача 9) --f-display -> фирменная гарнитура «ROCH Grotesk».
   ============================================================ */
/* ============================================================
   56.0 (задача 6): плитки иконок карточек ЦВЕТНЫЕ по смыслу — тон
   brand рисуется информационным синим вместо серого; красный только
   у danger-метрик (скрин «Эталонный стиль карточек»).
   ShipFlow · corporate.css 1.2 · дизайн «Корпоративный 2.0»
   1.1 (модернизация 54.0, задачи 1–3 — точное соответствие эталонному
   макету «ShipFlow 2.0» и скриншоту «Эталонный стиль карточек»):
   • группы модулей рельса (.rail-group) в стиле «бровей» макета;
   • KPI-карточка эталона: без левой цветовой кромки, цветная
     плитка-иконка 30×30 (цвет — смысл метрики, ничего не сливается
     в один красный), значение 27px цветом текста, дельта-пилюли
     «▲ +12%», спарклайн, «тревожная» карточка — красная верхняя
     кромка (kpi-accent);
   • нейтральный тон --c-neut обеих тем; иконка заголовка карточки
     (.card-hi) — нейтральный графит.
   ============================================================ */
/* ============================================================
   ShipFlow · corporate.css 1.0 · дизайн «Корпоративный 2.0»
   (модернизация 53.0 — редизайн сайта по эталонному макету
   «ShipFlow 2.0»: графит / белый, фирменный красный акцент,
   тонкая линейная иконография 1.5px, минимум скруглений,
   строгая корпоративная сетка. Тёмная и светлая темы.)

   ФАЙЛ — НАКЛАДНОЙ СКИН: все правила действуют ТОЛЬКО при
   html[data-design="corporate"] (режим по умолчанию с 53.0).
   Откат к классическому дизайну — кнопка «палитра»
   в шапке сайта (html[data-design="classic"]): этот файл тогда
   полностью молчит, tokens.css и app.css работают как раньше.
   Ни одно правило app.css/tokens.css не переписано — скин
   уточняет каскад сверху (файл подключён после app.css).
   ============================================================ */

/* ---------- токены: тёмная тема (базовая) ---------- */
html[data-design="corporate"]{
  color-scheme: dark;

  /* палитра «графит» */
  --c-bg:            #121214;
  --c-bg-2:          #17171a;
  --c-surface:       #1b1b1f;
  --c-surface-2:     #212126;
  --c-surface-3:     #28282e;
  --c-border:        #303036;
  --c-border-soft:   #2a2a30;
  --c-text:          #f2f2f4;
  --c-text-2:        #b9b9c1;
  --c-text-3:        #8f8f99;                /* 80.0: контраст AA на графите (было #83838c) */
  --c-grid:          transparent;            /* фон без «космической» сетки */
  --fs-xs:           11.5px;                 /* 80.0: типографический минимум подписей */

  /* фирменный акцент — корпоративный красный */
  --c-brand:         #e63946;
  --c-brand-2:       #ee6a75;
  --c-brand-dim:     rgba(230,57,70,.12);
  --c-on-brand:      #ffffff;

  /* служебные цвета скина */
  --sf-red-strong:   #e2001a;                /* фирменная красная линия и primary-кнопки */
  --sf-head-bg:      #17171a;                /* шапка (остаётся тёмной в обеих темах) */
  --sf-head-text:    #f2f2f4;
  --c-border-2:      #3a3a41;

  /* семантика */
  --c-accent:        #34c07c;  --c-accent-dim: rgba(52,192,124,.13);
  --c-warn:          #e8a53c;  --c-warn-dim:   rgba(232,165,60,.13);
  --c-danger:        #ef5350;  --c-danger-dim: rgba(239,83,80,.13);
  --c-violet:        #9d8fd0;  --c-violet-dim: rgba(157,143,208,.14);
  --c-cyan:          #4da3d8;  --c-cyan-dim:   rgba(77,163,216,.13);
  --c-neut:          #9a9aa4;  --c-neut-dim:   rgba(154,154,164,.13);   /* 1.1: справочно / нейтрально */
  /* 3.0 (85.0, задача 2): слой индикации графитового скина — тона смысла, отдельные от фирменного красного */
  --c-ind-crit:      #ef5350;  --c-ind-crit-dim: rgba(239,83,80,.13);
  --c-ind-warn:      #e8a53c;  --c-ind-warn-dim: rgba(232,165,60,.13);
  --c-ind-ok:        #34c07c;  --c-ind-ok-dim:   rgba(52,192,124,.13);
  --c-ind-info:      #4da3d8;  --c-ind-info-dim: rgba(77,163,216,.13);
  --c-ind-cat:       #9d8fd0;  --c-ind-cat-dim:  rgba(157,143,208,.14);
  --c-ind-neut:      #9a9aa4;  --c-ind-neut-dim: rgba(154,154,164,.13);
  --c-data:          #8ea3c4;  --c-data-2: #b4c4dd;  --c-data-dim: rgba(142,163,196,.14);   /* сталь: данные без оценки */
  --c-heat-1:        rgba(142,163,196,.22); --c-heat-2: rgba(142,163,196,.42);
  --c-heat-3:        rgba(142,163,196,.66); --c-heat-4: #8ea3c4;

  /* геометрия: минимум скруглений */
  --r-xs:3px; --r-sm:4px; --r-md:5px; --r-lg:6px; --r-xl:8px;

  /* тени — нейтральный графит */
  --sh-1:0 1px 2px rgba(0,0,0,.4);
  --sh-2:0 6px 18px rgba(0,0,0,.42);
  --sh-3:0 18px 48px rgba(0,0,0,.55);
  --ring:0 0 0 2px rgba(230,57,70,.35);

  /* строгая корпоративная типографика: всюду фирменная «ROCH Grotesk» (68.0, задача 9) */
  --f-display:"ROCH Grotesk","Inter","Segoe UI",Roboto,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}

/* ---------- токены: светлая тема ---------- */
html[data-design="corporate"][data-theme="light"]{
  color-scheme: light;
  --c-bg:#f2f2f4; --c-bg-2:#ececef; --c-surface:#ffffff; --c-surface-2:#f7f7f9; --c-surface-3:#eeeef1;
  --c-border:#dfdfe4; --c-border-soft:#e6e6ea; --c-border-2:#cfcfd6;
  --c-text:#1b1b1f; --c-text-2:#55555e; --c-text-3:#74747e;   /* 80.0: контраст AA на белом */
  --c-grid:transparent;
  --c-brand:#d21f2e; --c-brand-2:#b0121f; --c-brand-dim:rgba(210,31,46,.09);
  --c-on-brand:#ffffff;
  --sf-red-strong:#c40018;
  --c-accent:#1f9d5f; --c-accent-dim:rgba(31,157,95,.11);
  --c-warn:#c07f14;   --c-warn-dim:rgba(192,127,20,.12);
  --c-danger:#d3403d; --c-danger-dim:rgba(211,64,61,.11);
  --c-violet:#7a63c2; --c-violet-dim:rgba(122,99,194,.11);
  --c-cyan:#2277ad;   --c-cyan-dim:rgba(34,119,173,.11);
  --c-neut:#71717b;   --c-neut-dim:rgba(113,113,123,.12);   /* 1.1: справочно / нейтрально */
  /* 3.0: слой индикации в светлой теме скина */
  --c-ind-crit:#d3403d; --c-ind-crit-dim:rgba(211,64,61,.11);
  --c-ind-warn:#c07f14; --c-ind-warn-dim:rgba(192,127,20,.12);
  --c-ind-ok:#1f9d5f;   --c-ind-ok-dim:rgba(31,157,95,.11);
  --c-ind-info:#2277ad; --c-ind-info-dim:rgba(34,119,173,.11);
  --c-ind-cat:#7a63c2;  --c-ind-cat-dim:rgba(122,99,194,.11);
  --c-ind-neut:#71717b; --c-ind-neut-dim:rgba(113,113,123,.12);
  --c-data:#4c6890; --c-data-2:#385178; --c-data-dim:rgba(76,104,144,.12);
  --c-heat-1:rgba(76,104,144,.18); --c-heat-2:rgba(76,104,144,.38); --c-heat-3:rgba(76,104,144,.62); --c-heat-4:#4c6890;
  --ring:0 0 0 2px rgba(210,31,46,.28);
  --sh-1:0 1px 2px rgba(25,25,35,.10);
  --sh-2:0 6px 18px rgba(25,25,35,.12);
  --sh-3:0 18px 48px rgba(25,25,35,.18);
}

/* ---------- базовое: ровный графитовый фон без сетки ---------- */
html[data-design="corporate"] body{
  background:var(--c-bg);
  background-image:none;
}
html[data-design="corporate"] ::selection{background:var(--c-brand);color:#fff}

/* ============================================================
   ШАПКА — фирменный приём эталона: тёмная в ОБЕИХ темах,
   сверху фирменная красная линия
   ============================================================ */
html[data-design="corporate"] .topbar{
  background:var(--sf-head-bg);
  border-top:3px solid var(--sf-red-strong);
  border-bottom:1px solid rgba(255,255,255,.08);
  color:var(--sf-head-text);
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
html[data-design="corporate"] .topbar .divider{background:rgba(255,255,255,.14)}
html[data-design="corporate"] .topbar .icon-btn{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.13);
  color:#c6c6cf; border-radius:var(--r-sm);
}
html[data-design="corporate"] .topbar .icon-btn:hover{
  background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.3); color:#fff;
}
html[data-design="corporate"] .topbar .icon-btn.is-on,
html[data-design="corporate"] .topbar .icon-btn.is-active{
  color:#fff; border-color:var(--c-brand); background:var(--c-brand-dim);
}
html[data-design="corporate"] .topbar .input{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.13);
  color:#f2f2f4; border-radius:var(--r-sm);
}
html[data-design="corporate"] .topbar .input::placeholder{color:#8b8b95}
html[data-design="corporate"] .topbar .input:hover,
html[data-design="corporate"] .topbar .input:focus{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.07)}
html[data-design="corporate"] .topbar .input-search > svg{color:#8b8b95}

/* эмблема: красная фирменная рамка, знак белой линией — как на эталоне */
html[data-design="corporate"] .brand .logo{
  width:34px;height:34px;border-radius:5px;
  background:transparent;border:2px solid var(--c-brand);
  color:#f2f2f4;box-shadow:none;
}
html[data-design="corporate"] .brand{color:#f2f2f4}
html[data-design="corporate"] .brand > div:last-child > span{
  font-family:var(--f-display);font-weight:800;font-size:16.5px;letter-spacing:.02em;
}
html[data-design="corporate"] .brand small{
  color:#8b8b95;text-transform:uppercase;letter-spacing:.18em;font-size:8.5px;font-weight:600;
}

/* статус-теги на тёмной шапке читаются в обеих темах */
html[data-design="corporate"][data-theme="light"] .topbar .tag.ok{color:#34c07c;background:rgba(52,192,124,.13);border-color:rgba(52,192,124,.35)}
html[data-design="corporate"][data-theme="light"] .topbar .tag.warn{color:#e8a53c;background:rgba(232,165,60,.13);border-color:rgba(232,165,60,.35)}
html[data-design="corporate"][data-theme="light"] .topbar .tag.bad{color:#ef5350;background:rgba(239,83,80,.13);border-color:rgba(239,83,80,.35)}
html[data-design="corporate"][data-theme="light"] .topbar .tag.info{color:#4da3d8;background:rgba(77,163,216,.13);border-color:rgba(77,163,216,.35)}
html[data-design="corporate"][data-theme="light"] .topbar .tag.mut{color:#b9b9c1;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}

/* ============================================================
   ЛЕВЫЙ РЕЛЬС МОДУЛЕЙ — строгий список: тонкая линейная иконка,
   активный пункт — красная левая кромка + тонированная плашка
   ============================================================ */
html[data-design="corporate"] .rail{background:var(--c-surface);border-right:1px solid var(--c-border)}
html[data-design="corporate"] .rail .rail-title{letter-spacing:.14em;font-size:10px;font-weight:700}
html[data-design="corporate"] .mod{
  border-radius:var(--r-sm);
  border:1px solid transparent;
  border-left:3px solid transparent;
  padding:8px 10px;gap:11px;
}
html[data-design="corporate"] .mod .mod-ico{
  width:24px;height:24px;border-radius:0;background:transparent;border:none;
  color:var(--c-text-3);
}
html[data-design="corporate"] .mod:hover{background:var(--c-surface-2);color:var(--c-text)}
html[data-design="corporate"] .mod:hover .mod-ico{color:var(--c-text-2)}
html[data-design="corporate"] .mod.is-active{
  background:var(--c-brand-dim);color:var(--c-text);
  border-color:transparent;border-left-color:var(--c-brand);
}
html[data-design="corporate"] .mod.is-active::before{display:none}
html[data-design="corporate"] .mod.is-active .mod-ico{background:transparent;border:none;color:var(--c-brand)}
html[data-design="corporate"] .mod .mod-txt b{font-weight:600;font-size:13px}
html[data-design="corporate"] .mod .badge-count{
  border-radius:8px;font-family:var(--f-mono);
  background:var(--c-surface-3);color:var(--c-text-2);border-color:transparent;
}
html[data-design="corporate"] .mod .badge-count.warn{background:var(--c-warn-dim);color:var(--c-warn)}
html[data-design="corporate"] .mod .badge-count.bad{background:var(--sf-red-strong);color:#fff}
html[data-design="corporate"] .rail-foot{letter-spacing:.06em}

/* ============================================================
   ПОДВКЛАДКИ — плоская полоса: без плиток у иконок,
   активная вкладка подчёркнута фирменным красным
   ============================================================ */
html[data-design="corporate"] .subbar{
  background:var(--c-surface);border-bottom:1px solid var(--c-border);
  padding:0 18px;gap:2px;
}
html[data-design="corporate"] .subtab{
  padding:12px 13px;font-size:12.5px;font-weight:600;letter-spacing:.02em;gap:7px;
}
html[data-design="corporate"] .subtab .st-ico{
  width:20px;height:20px;border-radius:0;background:transparent;border:none;color:inherit;
}
html[data-design="corporate"] .subtab:hover{color:var(--c-text)}
html[data-design="corporate"] .subtab.is-active{color:var(--c-text);border-bottom-color:var(--c-brand)}
html[data-design="corporate"] .subtab.is-active .st-ico{background:transparent;color:var(--c-brand)}
html[data-design="corporate"] .subtab .st-badge{border-radius:8px;font-family:var(--f-mono)}

/* ============================================================
   КАРТОЧКИ · KPI · ТАБЛИЦЫ — чёткая сетка, спокойные тени
   ============================================================ */
html[data-design="corporate"] .card{border-color:var(--c-border);box-shadow:var(--sh-1)}
html[data-design="corporate"] .card:hover{box-shadow:var(--sh-1);border-color:var(--c-border-2)}
html[data-design="corporate"] .card-h h3{font-size:13.5px;font-weight:700;letter-spacing:.01em}

html[data-design="corporate"] .kpi{box-shadow:var(--sh-1)}
html[data-design="corporate"] .kpi:hover{box-shadow:var(--sh-1);border-color:var(--c-border-2)}
html[data-design="corporate"] .kpi::before{background:var(--kpi-color,var(--c-brand))}
html[data-design="corporate"] .kpi .kpi-val{font-family:var(--f-display);font-weight:800;letter-spacing:-.02em}
html[data-design="corporate"] .kpi .kpi-ico{border-radius:var(--r-sm)}
html[data-design="corporate"] .kpi .kpi-label{letter-spacing:.1em;font-size:10.5px;font-weight:700}

html[data-design="corporate"] table.tbl thead th{
  background:var(--c-surface-2);
  -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;
  font-size:10.5px;font-weight:700;letter-spacing:.1em;
}
html[data-design="corporate"] table.tbl tbody tr:nth-child(even){background:transparent}
html[data-design="corporate"] table.tbl tbody tr:hover{background:var(--c-surface-2);box-shadow:inset 2px 0 0 var(--c-brand)}

/* ============================================================
   КНОПКИ — эталон макета: плоские, компактные, радиус 4px;
   главное действие — фирменная красная кнопка
   ============================================================ */
html[data-design="corporate"] .btn{
  border-radius:var(--r-sm);padding:8px 14px;font-size:12.5px;font-weight:600;letter-spacing:.02em;
  background:var(--c-surface);border:1px solid var(--c-border-2);color:var(--c-text-2);
  box-shadow:none;
}
html[data-design="corporate"] .btn > svg,
html[data-design="corporate"] .btn .ico{color:currentColor}
html[data-design="corporate"] .btn:hover{
  border-color:var(--c-text-3);background:var(--c-surface-2);color:var(--c-text);box-shadow:none;
}
html[data-design="corporate"] .btn-primary{
  background:var(--sf-red-strong);border:1px solid var(--sf-red-strong);color:#fff;box-shadow:none;
}
html[data-design="corporate"] .btn-primary > svg,
html[data-design="corporate"] .btn-primary .ico{color:#fff}
html[data-design="corporate"] .btn-primary:hover{
  background:var(--sf-red-strong);border-color:var(--sf-red-strong);color:#fff;
  filter:brightness(1.12);box-shadow:none;
}
html[data-design="corporate"] .btn-danger{
  color:var(--c-danger);border-color:color-mix(in srgb,var(--c-danger) 45%,transparent);
}
html[data-design="corporate"] .btn-danger:hover{
  background:var(--c-danger-dim);border-color:var(--c-danger);color:var(--c-danger);
}
/* сегментные переключатели: внутри .btn-group primary остаётся плоским */
html[data-design="corporate"] .btn-group .btn,
html[data-design="corporate"] .btn-group .btn-primary{
  background:transparent;border:none;border-radius:0;color:var(--c-text-2);filter:none;box-shadow:none;
}
html[data-design="corporate"] .btn-group .btn + .btn{border-left:1px solid var(--c-border-2)}
html[data-design="corporate"] .btn-group .btn.is-on{background:var(--c-brand-dim);color:var(--c-brand)}
html[data-design="corporate"] .btn-group{border-color:var(--c-border-2);border-radius:var(--r-sm)}

/* ---------- элементы форм ---------- */
html[data-design="corporate"] .input,
html[data-design="corporate"] .select,
html[data-design="corporate"] .textarea{border-radius:var(--r-sm);border-color:var(--c-border-2)}
html[data-design="corporate"] .input:focus,
html[data-design="corporate"] .select:focus,
html[data-design="corporate"] .textarea:focus{border-color:var(--c-brand)}
html[data-design="corporate"] .field > label{letter-spacing:.1em;font-size:10.5px;font-weight:700}
html[data-design="corporate"] .chip{border-radius:20px}
html[data-design="corporate"] .switch.is-on{background:var(--c-brand-dim);border-color:var(--c-brand)}
html[data-design="corporate"] .switch.is-on::after{background:var(--c-brand)}

/* ---------- модалки · шторки · тосты ---------- */
html[data-design="corporate"] .overlay{background:rgba(0,0,0,.55)}
html[data-design="corporate"] .modal{border-radius:var(--r-xl)}
html[data-design="corporate"] .toast{border-radius:var(--r-lg)}
html[data-design="corporate"] .toast .toast-ico{border-radius:var(--r-sm)}

/* ---------- прочие элементы платформы ---------- */
html[data-design="corporate"] .help-step .help-n{border-radius:var(--r-sm)}
html[data-design="corporate"] .rec-ico,
html[data-design="corporate"] .empty .e-ico{border-radius:var(--r-md)}
html[data-design="corporate"] .list-nav .ln.is-active{background:var(--c-brand-dim);color:var(--c-brand)}
html[data-design="corporate"] .article blockquote{border-left-color:var(--c-brand)}
html[data-design="corporate"] *::-webkit-scrollbar-thumb{border-radius:5px}

/* ============================================================
   ЭКРАН ВХОДА — корпоративный: ровный графит, красная линия
   сверху, карточка с красной верхней кромкой, красная кнопка
   ============================================================ */
html[data-design="corporate"] .login-wrap{
  background:
    linear-gradient(var(--sf-red-strong), var(--sf-red-strong)) top/100% 3px no-repeat,
    linear-gradient(rgba(127,127,140,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(127,127,140,.05) 1px, transparent 1px),
    var(--c-bg);
  background-size:100% 3px, 44px 44px, 44px 44px, auto;
}
html[data-design="corporate"] .login-card{
  border-radius:var(--r-lg);
  border:1px solid var(--c-border);
  border-top:3px solid var(--sf-red-strong);
  box-shadow:var(--sh-2);
}
html[data-design="corporate"] .login-logo{
  width:64px;height:64px;border-radius:6px;
  background:transparent;border:2.5px solid var(--c-brand);
  color:var(--c-text);box-shadow:none;
}
html[data-design="corporate"] .login-card h1{font-family:var(--f-display);font-weight:800;letter-spacing:.01em}
html[data-design="corporate"] .login-btn{
  text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;
}
html[data-design="corporate"] .login-sec .sec-item svg{color:var(--c-brand)}
html[data-design="corporate"] .eco-brand{font-family:var(--f-display);color:var(--c-brand)}
html[data-design="corporate"] .eco-dot{background:var(--c-brand)}

/* ============================================================
   МОБИЛЬНЫЙ РЕЖИМ (≤720px): нижняя навигация — красная плашка
   активного модуля без левой кромки (кромка — приём десктопа)
   ============================================================ */
@media (max-width:720px){
  html[data-design="corporate"] .rail{background:color-mix(in srgb,var(--c-surface) 94%, transparent)}
  html[data-design="corporate"] .rail .mod{border-left-width:1px;border-left-color:transparent}
  html[data-design="corporate"] .rail .mod.is-active{border-color:transparent;background:var(--c-brand-dim)}
  html[data-design="corporate"] .topbar{border-top-width:3px}
}

/* печать: красная линия шапки не тратит тонер */
@media print{
  html[data-design="corporate"] body{background:#fff}
}


/* ============================================================
   1.1 (модернизация 54.0): группы модулей рельса + KPI-карточки
   точно по эталонному макету и скриншоту «Эталонный стиль карточек»
   ============================================================ */
/* группы модулей — «брови» макета */
html[data-design="corporate"] .rail-group{
  font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--c-text-3);
  padding:12px 18px 5px;
}

/* KPI эталона: без левой цветовой кромки — карточка чистая, смысл
   несут цветная плитка-иконка и (для тревожных) красная верхняя кромка */
html[data-design="corporate"] .kpi{padding:14px 16px;border-radius:var(--r-lg)}
html[data-design="corporate"] .kpi::before{display:none}
html[data-design="corporate"] .kpi .kpi-ico{width:30px;height:30px;border-radius:var(--r-sm)}
html[data-design="corporate"] .kpi .kpi-ico svg{width:16px;height:16px}
html[data-design="corporate"] .kpi .kpi-val{font-size:27px;margin-top:8px}
/* значение — цветом текста (белый/чёрный), а не тоном: цвет смысла
   уже несёт плитка-иконка — карточки не сливаются в один тон */
html[data-design="corporate"] .kpi .kpi-val,
html[data-design="corporate"] .kpi.tone-warn .kpi-val,
html[data-design="corporate"] .kpi.tone-danger .kpi-val,
html[data-design="corporate"] .kpi.tone-accent .kpi-val,
html[data-design="corporate"] .kpi.tone-brand .kpi-val,
html[data-design="corporate"] .kpi.tone-cyan .kpi-val,
html[data-design="corporate"] .kpi.tone-violet .kpi-val,
html[data-design="corporate"] .kpi.tone-neut .kpi-val{color:var(--c-text)}
html[data-design="corporate"] .kpi.kpi-accent{
  border-color:var(--c-border);
  border-top:2px solid var(--c-brand);
}
html[data-design="corporate"] .kpi-delta{border-radius:9px}
html[data-design="corporate"] .kpi-delta.eq{background:var(--c-neut-dim)}

/* иконка заголовка карточки — нейтральный графит (эталон карточек
   макета вовсе без иконки заголовка; графит сохраняет навигацию,
   не подкрашивая все карточки фирменным красным) */
html[data-design="corporate"] .card-h .card-hi{color:var(--c-text-3)}

/* «бровь» и инсайты приёмки — метрики эталона */
html[data-design="corporate"] .eyebrow54{letter-spacing:.14em}
html[data-design="corporate"] .insight54{border-bottom-color:var(--c-border)}
html[data-design="corporate"] .insight54 .ins-ic{border-radius:var(--r-sm)}


/* ============================================================
   1.2 (модернизация 55.0) — уточнения скина
   ============================================================ */
/* (задача 2 · 55.0) → 56.0 (задача 6, скрин «Эталонный стиль карточек»):
   плитки иконок карточек ЦВЕТНЫЕ по смыслу метрики — никакого сплошного
   красного и никакого серого: тон brand (дефолт) рисуется информационным
   синим; красный остаётся только у danger-метрик (сигнал проблемы) */
html[data-design="corporate"] .kpi.tone-brand .kpi-ico{color:var(--c-cyan);background:var(--c-cyan-dim)}
/* (задача 5) однобуквенные теги — минимальные скругления эталона */
html[data-design="corporate"] .ltag{border-radius:3px;height:20px;min-width:24px;font-size:11px}
/* (задача 3) подписи метрик: числа читаются мгновенно */
html[data-design="corporate"] .kpi .kpi-sub{font-size:11.5px;color:var(--c-text-3)}
html[data-design="corporate"] .kpi .kpi-sub .kpi-num{color:var(--c-text);font-weight:700}
/* (задача 5.2.4) карточка артикула — строгая корпоративная геометрия */
html[data-design="corporate"] .art-card.ac2{border-radius:var(--r-lg)}
html[data-design="corporate"] .ac2 .ac-invfoot{border-top-style:solid}


/* ============================================================
   68.0 (задача 8) — ИКОНКИ БЕЗ ЦВЕТОВЫХ ПЛАШЕК-РАМОК
   Цветной квадрат вокруг глифа убран везде: остаётся чистая иконка
   в цвете смысла метрики. Знак сайта (favicon / PWA / эмблема) тоже
   перерисован без рамки — assets/img/icon.svg, icon-192/512.png.
   ============================================================ */
html[data-design="corporate"] .kpi .kpi-ico{
  width:auto;height:auto;border-radius:0;background:transparent!important;border:none;
}
html[data-design="corporate"] .kpi .kpi-ico svg{width:19px;height:19px}
html[data-design="corporate"] .ticket .suggest-head .ai{
  width:auto;height:auto;border-radius:0;background:transparent;border:none;color:var(--c-brand);
}
html[data-design="corporate"] .ticket .suggest-head .ai svg{width:17px;height:17px}
html[data-design="corporate"] .insight54 .ins-ic{background:transparent;border:none;width:auto;height:auto;border-radius:0}
html[data-design="corporate"] .rec-ico{background:transparent!important;border:none;width:auto;height:auto;border-radius:0}
html[data-design="corporate"] .chz-banner .cb-ico{background:transparent!important;border:none;width:auto;height:auto;border-radius:0}
html[data-design="corporate"] .ai2-adv-ic{background:transparent!important;border:none;width:auto;height:auto;border-radius:0}
html[data-design="corporate"] .empty .e-ico{background:transparent;border:none}
/* эмблема: рамка-коробка вокруг судна убрана — знак крупнее */
html[data-design="corporate"] .brand .logo{
  width:auto;height:auto;border:none;background:transparent;box-shadow:none;border-radius:0;color:#f2f2f4;
}
html[data-design="corporate"] .brand .logo svg{width:26px;height:26px}
html[data-design="corporate"] .login-logo{
  width:auto;height:auto;border:none;background:transparent!important;box-shadow:none;color:var(--c-text);
}
html[data-design="corporate"] .login-logo svg{width:56px;height:56px}

/* ============================================================
   68.0 (задачи 2 и 7) — ТИПОГРАФИКА ТАЛОНОВ: чёткие крупные подписи
   ============================================================ */
html[data-design="corporate"] .ticket .suggest-head{gap:12px}
html[data-design="corporate"] .ticket .suggest-head .t{font-size:14px;font-weight:800;letter-spacing:.01em}
html[data-design="corporate"] .ticket .suggest-head .s{font-size:12.5px;font-weight:600;color:var(--c-text-2);margin-top:2px}
/* структурные чипы строки приоритета (вместо серого мелкого текста) */
html[data-design="corporate"] .ticket .sg-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
html[data-design="corporate"] .ticket .sgc{
  display:inline-flex;align-items:baseline;gap:8px;padding:5px 12px;
  border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface-2);
}
html[data-design="corporate"] .ticket .sgc .k{
  font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-2);
}
html[data-design="corporate"] .ticket .sgc .v{font-size:13px;font-weight:750;color:var(--c-text)}
html[data-design="corporate"] .ticket .sgc.hot{border-color:color-mix(in srgb,var(--c-brand) 45%,transparent);background:var(--c-brand-dim)}
html[data-design="corporate"] .ticket .sgc.hot .v{color:var(--c-brand-2)}
html[data-design="corporate"] .ticket .sgc.warn{border-color:color-mix(in srgb,var(--c-warn) 45%,transparent);background:var(--c-warn-dim)}
html[data-design="corporate"] .ticket .sgc.warn .v{color:var(--c-warn)}
/* статус-чипы и подписи талона — крупнее и контрастнее */
html[data-design="corporate"] .ticket .tag{font-size:12px;font-weight:700;padding:4px 12px}
html[data-design="corporate"] .ticket .order-line .meta .tag{font-size:12.5px}
html[data-design="corporate"] .ticket .order-cli{font-size:14px}
html[data-design="corporate"] .ticket .kv .k{font-size:10.5px;color:var(--c-text-2);letter-spacing:.09em}
html[data-design="corporate"] .ticket .kv .v{font-size:13.5px;font-weight:650;color:var(--c-text)}
html[data-design="corporate"] .ticket .tfoot .cap{font-size:12.5px;color:var(--c-text-2)}
html[data-design="corporate"] .ticket .tfoot .cap b{color:var(--c-text)}
html[data-design="corporate"] .ticket .tfoot .pct{font-size:12.5px;color:var(--c-text)}
html[data-design="corporate"] .ticket .pos-nav .lb{color:var(--c-text-2)}

/* ============================================================
   68.0 (задача 6) — ПРОФИЛЬ ПОЛЬЗОВАТЕЛЯ
   ============================================================ */
html[data-design="corporate"] .prof68-head{display:flex;align-items:center;gap:14px}
html[data-design="corporate"] .prof68-ava{
  flex:0 0 auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:var(--c-brand-dim);color:var(--c-brand-2);
  font-size:20px;font-weight:800;letter-spacing:.03em;border:1px solid color-mix(in srgb,var(--c-brand) 35%,transparent);
}
html[data-design="corporate"] .prof68-name{font-size:16.5px;font-weight:800;line-height:1.2}
html[data-design="corporate"] .prof68-sub{font-size:12.5px;color:var(--c-text-2);margin-top:2px}
html[data-design="corporate"] .prof68-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;
  border:1px solid var(--c-border-soft);border-radius:var(--r-md);background:var(--c-border-soft);
}
html[data-design="corporate"] .prof68-grid .pi{background:var(--c-surface-2);padding:9px 12px;min-width:0}
html[data-design="corporate"] .prof68-grid .pi .k{
  font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-2);
}
html[data-design="corporate"] .prof68-grid .pi .v{
  font-size:13.5px;font-weight:650;color:var(--c-text);margin-top:3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* ============================================================
   80.0 (задачи 3 и 4) — ТИПОГРАФИЧЕСКИЙ МИНИМУМ И ЕДИНЫЙ ТОН ПОДПИСЕЙ
   Правило: uppercase-«брови» с трекингом — не мельче 10.5px; обычный
   служебный текст — не мельче 11.5px; примечания для чтения — второй
   тон текста. Ни один компонент не меняет геометрию — только читаемость.
   ============================================================ */
/* шапка и рельс */
html[data-design="corporate"] .brand small{font-size:9.5px;color:#9a9aa4}
html[data-design="corporate"] .rail .rail-title{font-size:10.5px}
html[data-design="corporate"] .rail-foot .eco-word{font-size:10.5px}
html[data-design="corporate"] .rail-foot .ef-sub{font-size:11px}
html[data-design="corporate"] .login-eco{font-size:11.5px}
/* карточка артикула · адреса клиентов · чипы ИИ · фотофиксация */
html[data-design="corporate"] .art-card .ac-zone .z{font-size:10.5px}
html[data-design="corporate"] .addr-cell small{font-size:11.5px;color:var(--c-text-2)}
html[data-design="corporate"] .cli-addr-no{font-size:10.5px}
html[data-design="corporate"] .cli-addr-tag,
html[data-design="corporate"] .ai2-chip-a,
html[data-design="corporate"] .ph-badge,
html[data-design="corporate"] .ph-pos{font-size:10.5px}
html[data-design="corporate"] .ph-f label,
html[data-design="corporate"] .ph-prog-top label{font-size:10.5px;color:var(--c-text-2)}
html[data-design="corporate"] .pick-row .pr-no{font-size:11.5px}
html[data-design="corporate"] .dmg-meta span{font-size:11.5px;color:var(--c-text-2)}
/* отгрузки · талоны */
html[data-design="corporate"] .shp-f .l,
html[data-design="corporate"] .shp-sec{font-size:10.5px;color:var(--c-text-2)}
html[data-design="corporate"] .ticket .spine .s-lb,
html[data-design="corporate"] .ticket .spine .s-n,
html[data-design="corporate"] .ticket .tz-cap,
html[data-design="corporate"] .ticket .fld label,
html[data-design="corporate"] .ticket .cmp-cell .l,
html[data-design="corporate"] .ticket .pos-nav .lb{font-size:10.5px}
html[data-design="corporate"] .ticket .kbd{font-size:10.5px;color:var(--c-text-2)}
html[data-design="corporate"] .ticket .tzones .tz:nth-child(2) .kv .k{font-size:10.5px}
html[data-design="corporate"] .ticket .t-sub,
html[data-design="corporate"] .ticket .item-sub,
html[data-design="corporate"] .ticket .act-hint,
html[data-design="corporate"] .ticket .suggest-head .s,
html[data-design="corporate"] .ticket .pos .pm .a,
html[data-design="corporate"] .ticket .pos .src{font-size:12px;color:var(--c-text-2)}
html[data-design="corporate"] .dn-btn .dn-cnt,
html[data-design="corporate"] .rest64-row .rest64-dn,
html[data-design="corporate"] .rest64-row .rest64-meta{font-size:11px}
/* тепловая карта и графики аналитического ядра */
html[data-design="corporate"] .heat2 .hm-months,
html[data-design="corporate"] .heat2 .hm-dows{font-size:10.5px}
html[data-design="corporate"] .an-p .an-m em,
html[data-design="corporate"] .an-strip .an-s em,
html[data-design="corporate"] .cpro-splitt,
html[data-design="corporate"] .anpb-c{font-size:10.5px}
html[data-design="corporate"] .an-strip .an-s i,
html[data-design="corporate"] .cpro-tick,
html[data-design="corporate"] .cpro-xlab,
html[data-design="corporate"] .cpro-val,
html[data-design="corporate"] .cpro-extr,
html[data-design="corporate"] .cpro-reft,
html[data-design="corporate"] .cpro-tip span.s{font-size:10.5px}
html[data-design="corporate"] .dpro-note,
html[data-design="corporate"] .bpro-note{font-size:11.5px;color:var(--c-text-2)}
/* примечания и подвалы, предназначенные для чтения — второй тон */
html[data-design="corporate"] .tbl-foot,
html[data-design="corporate"] .view-hint,
html[data-design="corporate"] .hint-lead,
html[data-design="corporate"] .rec-meta,
html[data-design="corporate"] .cli-addr-meta,
html[data-design="corporate"] .ai2-adv-note,
html[data-design="corporate"] .wbhint66,
html[data-design="corporate"] .cli71-more,
html[data-design="corporate"] .kpi .kpi-sub{color:var(--c-text-2)}
html[data-design="corporate"] .ai2-adv-note{font-style:normal}


/* ============================================================
   3.0 (модернизация 85.0, задача 2) — УМНАЯ ЦВЕТОВАЯ ИНДИКАЦИЯ
   Правила ниже переводят «служебный» красный на стальной цвет данных.
   Красный остаётся у: .btn-primary, .mod.is-active, .subtab.is-active,
   логотипа, экрана входа, плашки ROCH ECOSYSTEM и уровня «критично».
   ============================================================ */
/* --- ссылки, выделение, системные виджеты --- */
html[data-design="corporate"] a{color:var(--c-data-2)}
html[data-design="corporate"] a:hover{color:var(--c-text)}
html[data-design="corporate"] ::selection{background:var(--c-data);color:#fff}
html[data-design="corporate"]{accent-color:var(--c-data)}
/* --- поля ввода: фокус — сталь (красная рамка читалась как ошибка) --- */
html[data-design="corporate"] .input:focus,
html[data-design="corporate"] .select:focus,
html[data-design="corporate"] .textarea:focus,
html[data-design="corporate"] .ticket .fld input:focus,
html[data-design="corporate"] .ticket .fld textarea:focus,
html[data-design="corporate"] .ticket .stepper.hot,
html[data-design="corporate"] .mp-field.open{border-color:var(--c-data)}
html[data-design="corporate"] table.tbl td input.cell-input{border-color:var(--c-data)}
/* --- наведение на кнопки и плитки: стальная рамка вместо красной --- */
html[data-design="corporate"] .btn:hover,
html[data-design="corporate"] .icon-btn:hover,
html[data-design="corporate"] .chip:hover,
html[data-design="corporate"] .dup-row:hover,
html[data-design="corporate"] .photo-thumb:hover,
html[data-design="corporate"] .addr-cell:hover,
html[data-design="corporate"] .rec-card:hover,
html[data-design="corporate"] .rest64-row:hover,
html[data-design="corporate"] .rg71-card:hover,
html[data-design="corporate"] .rg72-shot:hover,
html[data-design="corporate"] .rg71-dot:hover,
html[data-design="corporate"] .dim-chip:hover,
html[data-design="corporate"] .ticket .photo-req:hover{border-color:var(--c-data)}
html[data-design="corporate"] .btn-primary:hover{border-color:var(--sf-red-strong)}
html[data-design="corporate"] .btn-danger:hover{border-color:var(--c-ind-crit)}
html[data-design="corporate"] .shp-card:hover{border-color:color-mix(in srgb, var(--c-data) 55%, var(--c-border))}
html[data-design="corporate"] .photo-thumb:hover{color:var(--c-data)}
html[data-design="corporate"] .help-btn:hover,
html[data-design="corporate"] .hint-chip:hover,
html[data-design="corporate"] .st-btn:hover,
html[data-design="corporate"] .mp-nav:hover,
html[data-design="corporate"] .mp-link:hover,
html[data-design="corporate"] .adv84-toggle:hover,
html[data-design="corporate"] .st71-go:hover,
html[data-design="corporate"] .ts84-preset:hover,
html[data-design="corporate"] .mp-field:hover .mp-ico,
html[data-design="corporate"] .mp-field:hover .mp-car{color:var(--c-data-2);border-color:var(--c-data);background:var(--c-data-dim)}
html[data-design="corporate"] .mp-link{color:var(--c-data-2)}
/* --- состояния «включено» у переключателей и фильтров — выбор, а не тревога --- */
html[data-design="corporate"] .icon-btn.is-on{color:var(--c-data-2);border-color:var(--c-data);background:var(--c-data-dim)}
html[data-design="corporate"] .btn-group .btn.is-on{background:var(--c-data-dim);color:var(--c-data-2)}
html[data-design="corporate"] .chip.is-on{background:var(--c-data-dim);border-color:transparent;color:var(--c-data-2)}
html[data-design="corporate"] .switch.is-on{background:var(--c-data-dim);border-color:var(--c-data)}
html[data-design="corporate"] .switch.is-on::after{background:var(--c-data)}
html[data-design="corporate"] .dim-chip.on{border-color:var(--c-data);color:var(--c-data-2)}
html[data-design="corporate"] .ts84-preset.is-on{background:var(--c-data-dim);border-color:var(--c-data);color:var(--c-data-2)}
html[data-design="corporate"] .rg71-dot.cur{border-color:var(--c-data);color:var(--c-data-2);box-shadow:0 0 0 2px var(--c-data-dim)}
/* --- таблицы: сортировка, наведение, выбор строки --- */
html[data-design="corporate"] table.tbl thead th.is-sorted .sort{color:var(--c-text)}
html[data-design="corporate"] table.tbl tbody tr:hover{background:var(--c-surface-2);box-shadow:inset 2px 0 0 var(--c-data)}
html[data-design="corporate"] table.tbl tbody tr.is-selected{background:var(--c-data-dim)}
html[data-design="corporate"] .rc84-rows .tbl tbody tr:hover td{background:var(--c-surface-2)}
/* --- счётчики на рельсе: «есть работа» — сталь; красный только у критичных (.is-crit) --- */
html[data-design="corporate"] .mod .badge-count{background:var(--c-data-dim);color:var(--c-data-2);border-color:color-mix(in srgb,var(--c-data) 35%,transparent)}
html[data-design="corporate"] .mod .badge-count.is-crit{background:var(--c-ind-crit-dim);color:var(--c-ind-crit);border-color:color-mix(in srgb,var(--c-ind-crit) 40%,transparent)}
html[data-design="corporate"] .app.is-collapsed .mod .badge-count{background:var(--c-data)}
html[data-design="corporate"] .app.is-collapsed .mod .badge-count.is-crit{background:var(--c-ind-crit)}
/* --- прогресс, спарклайны, тепловая карта, хронология: данные без оценки --- */
html[data-design="corporate"] .bar > i{background:var(--c-data)}
html[data-design="corporate"] .bar.ind-ok > i{background:var(--c-ind-ok)}
html[data-design="corporate"] .bar.ind-warn > i{background:var(--c-ind-warn)}
html[data-design="corporate"] .bar.ind-crit > i{background:var(--c-ind-crit)}
html[data-design="corporate"] .rg71-fill{background:var(--c-data)}
html[data-design="corporate"] .heat2 i.lv1{background:var(--c-heat-1)}
html[data-design="corporate"] .heat2 i.lv2{background:var(--c-heat-2)}
html[data-design="corporate"] .heat2 i.lv3{background:var(--c-heat-3)}
html[data-design="corporate"] .heat2 i.lv4{background:var(--c-heat-4)}
html[data-design="corporate"] .heat2 .hm-grid i:hover{outline-color:var(--c-data)}
html[data-design="corporate"] .tl-item::before{border-color:var(--tl-color,var(--c-data))}
html[data-design="corporate"] .empty .e-ico{color:var(--c-ind-neut)}
html[data-design="corporate"] .help-step .help-n{background:var(--c-data-dim);color:var(--c-data-2)}
html[data-design="corporate"] .rg71-n{background:var(--c-data)}
html[data-design="corporate"] .rg71-ic,
html[data-design="corporate"] .ad74-ci,
html[data-design="corporate"] .ad80-ev-ic,
html[data-design="corporate"] .rc84-ci,
html[data-design="corporate"] .rc84-ev-ic,
html[data-design="corporate"] .rc84-hintrow svg,
html[data-design="corporate"] .rec-ico,
html[data-design="corporate"] .focus84 .f-ic{color:var(--c-data)}
/* --- идентификаторы (SOR, артикулы, номера) — сталь, а не красный --- */
html[data-design="corporate"] .ph-sor,
html[data-design="corporate"] .ad74-art,
html[data-design="corporate"] .ticket .order-id,
html[data-design="corporate"] .qty-badge,
html[data-design="corporate"] .article code,
html[data-design="corporate"] .adv84-text .mono,
html[data-design="corporate"] .focus84 .f-tx b,
html[data-design="corporate"] .cli-addr-contact .mono,
html[data-design="corporate"] .cadv71-h,
html[data-design="corporate"] .ts84-week .wk-h.today{color:var(--c-data-2)}
html[data-design="corporate"] .qty-badge{background:var(--c-data-dim)}
html[data-design="corporate"] .pick-hero,
html[data-design="corporate"] .cli-addr,
html[data-design="corporate"] .cadv71{border-left-color:var(--c-data)}
html[data-design="corporate"] .article blockquote{border-left-color:var(--c-data);background:var(--c-data-dim)}
html[data-design="corporate"] .cli-addr-tag.t-dl{color:var(--c-data-2);background:var(--c-data-dim)}
html[data-design="corporate"] .ac-place.addr{color:var(--c-data-2);border-color:color-mix(in srgb, var(--c-data) 35%, transparent);background:var(--c-data-dim)}
html[data-design="corporate"] .art-card .ac-zone.is-main{border-color:color-mix(in srgb, var(--c-data) 45%, var(--c-border-soft));background:var(--c-data-dim)}
html[data-design="corporate"] .art-card .ac-zone.is-main .z{color:var(--c-data-2)}
html[data-design="corporate"] .focus84{border-color:color-mix(in srgb, var(--c-data) 40%, var(--c-border));background:var(--c-data-dim)}
html[data-design="corporate"] .nlq-q{background:var(--c-data-dim)}
/* --- талон сборки: текущая позиция — сталь; подсказка системы — лиловый (категория «модель») --- */
html[data-design="corporate"] .ticket.st-brand{--spine:var(--c-data)}
html[data-design="corporate"] .ticket .segbar i.cur{background:var(--c-data)}
html[data-design="corporate"] .ticket .pos.cur{background:var(--c-data-dim)}
html[data-design="corporate"] .ticket .pos.cur .node{border-color:var(--c-data);background:var(--c-data)}
html[data-design="corporate"] .ticket .pos.cur .qty{background:var(--c-data)}
html[data-design="corporate"] .ticket .sgc.hot{border-color:color-mix(in srgb,var(--c-data) 45%,transparent);background:var(--c-data-dim)}
html[data-design="corporate"] .ticket .sgc.hot .v{color:var(--c-data-2)}
html[data-design="corporate"] .pick-row.is-current{border-color:color-mix(in srgb,var(--c-data) 55%,transparent);background:color-mix(in srgb,var(--c-data) 7%,var(--c-surface-2))}
html[data-design="corporate"] .ticket .suggest-head .ai{color:var(--c-ind-cat)}
html[data-design="corporate"] .ai2-adv-ic{color:var(--c-ind-cat)}
html[data-design="corporate"] .ts84-ava{background:var(--ts-c, var(--c-data))}
/* --- KPI: тон brand — сталь; тревожная карточка — кромка «критично» --- */
html[data-design="corporate"] .kpi.tone-brand .kpi-ico{color:var(--c-data);background:transparent}
html[data-design="corporate"] .kpi.kpi-accent{border-top-color:var(--c-ind-crit)}
html[data-design="corporate"] .insight54 .ins-ic{color:var(--ins-color,var(--c-data))}
/* --- теги: новые имена уровней индикации + совместимость прежних --- */
html[data-design="corporate"] .tag.crit,html[data-design="corporate"] .tag.bad{color:var(--c-ind-crit);border-color:color-mix(in srgb,var(--c-ind-crit) 46%,transparent)}
html[data-design="corporate"] .tag.warn{color:var(--c-ind-warn);border-color:color-mix(in srgb,var(--c-ind-warn) 46%,transparent)}
html[data-design="corporate"] .tag.ok{color:var(--c-ind-ok);border-color:color-mix(in srgb,var(--c-ind-ok) 46%,transparent)}
html[data-design="corporate"] .tag.info{color:var(--c-ind-info);border-color:color-mix(in srgb,var(--c-ind-info) 46%,transparent)}
html[data-design="corporate"] .tag.cat,html[data-design="corporate"] .tag.vio{color:var(--c-ind-cat);border-color:color-mix(in srgb,var(--c-ind-cat) 46%,transparent)}
html[data-design="corporate"] .tag.neut,html[data-design="corporate"] .tag.mut{color:var(--c-text-2);border-color:var(--c-border)}
html[data-design="corporate"] .tag.data,html[data-design="corporate"] .tag.brand{color:var(--c-data-2);border-color:color-mix(in srgb,var(--c-data) 50%,transparent)}
html[data-design="corporate"] .ltag.data,html[data-design="corporate"] .ltag.brand{background:var(--c-data-dim);color:var(--c-data-2);border-color:color-mix(in srgb,var(--c-data) 32%,transparent)}
html[data-design="corporate"] .ltag.crit{background:var(--c-ind-crit-dim);color:var(--c-ind-crit);border-color:color-mix(in srgb,var(--c-ind-crit) 32%,transparent)}
html[data-design="corporate"] .ltag.cat{background:var(--c-ind-cat-dim);color:var(--c-ind-cat);border-color:color-mix(in srgb,var(--c-ind-cat) 32%,transparent)}
/* --- фокус клавиатуры остаётся фирменным, но мягче (не путается с ошибкой поля) --- */
html[data-design="corporate"] .input:focus-visible,
html[data-design="corporate"] .select:focus-visible,
html[data-design="corporate"] .textarea:focus-visible{box-shadow:0 0 0 2px var(--c-data-dim)}