html{font-size:16px}
  :root{
    color-scheme:light;
    scrollbar-width:thin; scrollbar-color:var(--scroll-thumb) transparent;
    --scroll-thumb:#6b7280;   /* 3.66:1 на фоне страницы · 4.83:1 на карточке. --ctl-bd давал 2.59:1 — ниже порога 3 */
    --bg:#d4e2ee; --surface:#fff; --ink:#161a20; --muted:#6b7280; --line:#e2e6ea; --steel:#2b3440;
    /* A-0 (заход 51). Тот же приём, что в дашборде: роль — источник,
       прежнее цветовое имя — псевдоним. Общий словарь на два приложения
       собирается Ярусом D, здесь заложено только основание. */
    --status-ok:#15803d; --status-fault:#dc2626; --status-warn:#c2410c; --status-pending:#6b7280;
    /* Ярус D, шаг 1 (заход 76). Те же две ступени, что в дашборде, и те же восемь значений.
       Крепкая (--status-*) — текст и заливки на светлом: ok 5.02 · fault 4.83 · warn 5.18 ·
       pending 4.83 против белой карточки, порог 4.5. Было: warn #d97706 = 3.19 и
       pending #9aa3af = 2.55 — оба ниже порога, серый почти нечитаем.
       Мягкая (--status-*-tx) — на тёмной шапке объекта #2b3440: ok 5.53 · fault 4.55. */
    --status-ok-tx:#22c55e; --status-fault-tx:#f87171; --status-warn-tx:#fb923c; --status-pending-tx:#9aa3af;
    --action-primary:#0a5cba; --action-primary-tx:#ffffff;
    --sel-bg:var(--steel); --sel-tx:#ffffff; --sel-bd:var(--steel);
    --focus-ring:#0a5cba;

    /* Ярус D, D-02 (заход 77). ШКАЛА РАЗМЕРОВ — те же ДЕВЯТЬ ступеней и те же
       значения, что в dash/style.css. Единый словарь на два приложения: подпись
       одной роли обязана быть одного размера в поле и в дашборде. База — 16px
       (html выше), поэтому .9375rem = 15px, 1rem = 16px, 1.125rem = 18px.
       ⚠️ Правишь ступень здесь — правь её и в дашборде, иначе словарь разъедется
       молча: имена совпадут, значения нет (урок D-01, заход 76).
       Лестница в px: 14 · 15 · 16 · 18 · 20 · 22 · 24 · 28 (см. подъём ниже). */
    /* ПОДЪЁМ НИЗА ШКАЛЫ, заход 81. Владелец: «текст мелкий, приходится всматриваться».
    Измерено: 112 объявлений из 190 в дашборде были мельче 16px, самая частая
    ступень — 15px. Опыт с ползунком (110%) подтвердил: мелко именно внизу.
    Поднят низ, верх не тронут — числа KPI и заголовки не сдвинулись, поэтому
    раскладка осталась прежней. Лестница в px при базе 16:
    14 · 15 · 16 · 18 · 20 · 22 · 24 · 28.
    ⚠️ --fs-label теперь равен --fs-body (16px): ступень 15px схлопнулась.
    Ступень НЕ упразднена намеренно — упразднить значит переписать 102 места
    в 21 модуле, а грепа по ним ещё не было. До тех пор label остаётся ролью
    с тем же значением. Оба приложения правятся ОДНОЙ выдачей, иначе имена
    совпадут, а значения разъедутся молча. */
    --fs-micro:.875rem; --fs-small:.9375rem; --fs-label:1rem; --fs-body:1rem; --fs-lead:1.125rem;
    --fs-h4:1.25rem; --fs-h3:1.375rem; --fs-display:1.5rem; --fs-h2:1.75rem;
    /* ШКАЛА РАДИУСОВ — те же шесть значений, что в dash/style.css (D-06, заход 77).
       chip 8 · ctl 12 · card 14 · panel 18 · pill · circle. Ступени --r-xs (4px)
       здесь НЕТ: в полевом нет элементов такого масштаба, а объявленная и неиспользуемая
       ступень — разрешение, которого нет. Исключение — .ig-icon:
       радиус там пропорция к стороне квадрата (96/22), а не ступень шкалы. */
    --r-chip:.5rem; --r-ctl:.75rem; --r-card:.875rem; --r-panel:1.125rem;
    --r-pill:999px; --r-circle:50%;
    /* ШКАЛА ПРОБЕЛОВ — те же семь ступеней, что в dash/style.css (D-06, заход 77):
       2 · 4 · 6 · 8 · 12 · 16. Ступени --sp-2xl (24px) здесь нет: в полевом таких
       зазоров не встречается, а мёртвая ступень — разрешение, которого нет. Заодно закрывает половину D-163: gap в полевом
       был написан в px при законе канона «rem везде». padding и margin — позже. */
    --sp-2xs:.125rem; --sp-xs:.25rem; --sp-sm:.375rem; --sp-md:.5rem; --sp-lg:.75rem;
    --sp-xl:1rem;
    /* A-2 (заход 55). Закон 2 канона: цвет называется по роли.
       Синий  = «нажми»  — насыщенная заливка главного действия, и только она.
       Стальной = «выбрано» — переключатели и вкладки (--sel-*).
       Зелёный/красный/оранжевый/серый = состояние, и только состояние.
       Прежде --ok служил и статусом, и заливкой кнопки отправки: один токен
       на две несовместимые роли — ровно то, что запрещает закон. */
    --ctl-bd:#7f8c9c;                                       /* рамка контрола, 3.4:1 на белом */
    --dis-bg:#e6ebf0; --dis-tx:#4a5462; --dis-bd:#aab3bd;   /* заблокировано, 6.4:1 (было 1.65:1) */
    --ok-on-dark:var(--status-ok-tx); --fault-on-dark:var(--status-fault-tx);   /* состояния на тёмной панели, 5.53:1 и 4.55:1 — общая мягкая ступень с дашбордом */
    --ok:var(--status-ok); --ok-bg:#e7f6ec; --fault:var(--status-fault); --fault-bg:#fdeaea;
    --fp:var(--status-warn); --fp-bg:#fef3e2;
    --fixed:#1d4ed8; --fixed-bg:#e8eefc; --gray:var(--status-pending);
    --due:#b45309; --due-bg:#fdf1e1;
    --shadow:0 1px 2px rgba(20,26,32,.05),0 4px 14px rgba(20,26,32,.06);
    --radius:16px;
  }
  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  html,body{margin:0;background:var(--bg);font-family:"Assistant","Heebo",system-ui,sans-serif;color:var(--ink);line-height:1.5}
  body{display:flex;justify-content:center;min-height:100dvh}
  button{font-family:inherit}
  .sic{width:1.05em;height:1.05em;vertical-align:-.15em;flex:none}
  .phone{width:100%;max-width:430px;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}
  .screen{display:none;flex-direction:column;min-height:100dvh}
  .screen.active{display:flex}

  /* ===== topbar ===== */
  .topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;gap:var(--sp-lg)}
  .brand{font-size:var(--fs-body);font-weight:700;color:var(--steel);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .who{display:flex;align-items:center;gap:var(--sp-md);font-size:var(--fs-label);color:var(--muted)}
  .who b{font-weight:700;color:var(--ink)}
  .who .lnk{border:none;background:none;color:var(--steel);font-size:var(--fs-label);font-weight:600;text-decoration:underline;padding:4px}

  /* ===== hero / home ===== */
  .hero{padding:6px 18px 4px}
  .hero h1{font-size:var(--fs-h2);font-weight:700;margin:2px 0 2px}
  .hero p{margin:0;color:var(--muted);font-size:var(--fs-body)}
  .pickbar{padding:12px 16px 6px}
  .pickbtn{width:100%;border:none;border-radius:var(--r-card);background:var(--action-primary);color:var(--action-primary-tx);font-size:var(--fs-lead);font-weight:700;padding:15px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;gap:var(--sp-md)}
  .pickbtn:active{transform:scale(.99)}
  .listwrap{flex:1;overflow-y:auto;padding:6px 12px 28px}
  .refreshline{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px;color:var(--muted);font-size:var(--fs-small)}
  .refreshline button{border:none;background:none;color:var(--steel);font-weight:600;font-size:var(--fs-label);text-decoration:underline;padding:4px}
  .ocard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:var(--sp-lg);row-gap:var(--sp-md);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:13px 14px;margin-bottom:9px;box-shadow:var(--shadow);text-align:start;width:100%;cursor:pointer}
  .ocard:active{transform:scale(.995)}
  .dot{width:.75em;height:.75em;border-radius:var(--r-circle);flex:none;background:var(--gray)}
  .dot.ready{background:var(--ok)} .dot.attn{background:var(--fault)} .dot.faultpending{background:var(--fp)}
  .ocard .mid{min-width:0;display:flex;flex-direction:column;gap:var(--sp-2xs)}
  .ocard .dot{margin-top:.45em}
  .ocard .badge,.ocard .dist,.ocard .chev{margin-top:.1em}
  .ocard .ext{grid-column:1 / -1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-sm)}
  .ocard .hqflag{display:flex;align-items:center}
  .ocard .nm{font-weight:700;font-size:var(--fs-lead)}
  .ocard .sub{color:var(--muted);font-size:var(--fs-small);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ocard .last{color:var(--muted);font-size:var(--fs-label)}
  .ocard .chev{color:var(--gray);font-size:var(--fs-h3);font-weight:300}
  .badge{font-size:var(--fs-small);font-weight:700;padding:3px 8px;border-radius:var(--r-pill);white-space:nowrap}
  .badge.attn{background:var(--fault-bg);color:var(--fault)}
  .badge.ready{background:var(--ok-bg);color:var(--ok)}
  .badge.fp{background:var(--fp-bg);color:var(--fp)}
  .hqflag{font-size:var(--fs-small);font-weight:700;color:#b45309}

  /* ===== stats counter ===== */
  .stats{display:flex;gap:var(--sp-md);padding:10px 16px 2px}
  .stat{flex:1;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-ctl);padding:11px 6px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-xs);min-height:64px}
  /* Заход 82: строка числа — число плюс единица, как в дашборде.
   Слово ставит JS с согласованием: при единице `אתר`, иначе `אתרים`. */
.nline{display:flex;align-items:baseline;gap:var(--sp-xs);flex-wrap:wrap;justify-content:center;min-width:0}
.stat .u{font-size:var(--fs-small);font-weight:600;color:var(--muted);white-space:nowrap}
.stat .n{font-size:var(--fs-h2);font-weight:700;line-height:1}
  .stat .t{font-size:var(--fs-label);color:var(--muted);font-weight:600;line-height:1.2;text-align:center}
  .stat.ready .n{color:var(--ok)} .stat.attn .n{color:var(--fault)} .stat.fp .n{color:var(--fp)} .stat.never .n{color:var(--gray)}
  .stat.attn{border-color:#f3c9c9}
  .homebtns{display:flex;gap:var(--sp-md);padding:10px 16px 2px}
  .hbtn{flex:1;border:1px solid var(--ctl-bd);background:var(--surface);border-radius:var(--r-ctl);padding:13px 8px;font-size:var(--fs-body);font-weight:700;color:var(--steel);box-shadow:var(--shadow)}
  .notifycard{margin:8px 16px 2px;border-radius:var(--r-ctl);padding:12px 14px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}
  .notifycard.cta,.notifycard.install{background:var(--fixed-bg);border:1px solid #c7d6f7}
  .notifycard.blocked{background:var(--bg);border:1px solid var(--line)}
  .notifycard .nc-txt{color:var(--fixed);font-weight:700;font-size:var(--fs-label);text-align:center;line-height:1.55}
  .notifycard.blocked .nc-txt{color:var(--muted)}
  .notifycard .nc-btn{width:100%;border:1px solid var(--ctl-bd);border-radius:var(--r-ctl);background:var(--surface);color:var(--steel);font-size:var(--fs-body);font-weight:700;padding:13px}
  .hb-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.65em;height:1.65em;padding:0 .3em;margin-inline-start:7px;border-radius:var(--r-pill);background:var(--status-fault);color:var(--action-primary-tx);font-size:var(--fs-label);font-weight:700;line-height:1;vertical-align:middle}
  .hbtn.has-tasks{border-color:var(--status-fault);color:var(--status-fault);box-shadow:0 0 0 2px rgba(226,59,59,.18),var(--shadow)}
  #taskBanner{position:fixed;top:0;left:0;right:0;z-index:6000;transform:translateY(-130%);transition:transform .28s ease;background:var(--status-fault);color:var(--action-primary-tx);font-weight:700;font-size:var(--fs-body);text-align:center;padding:14px 16px;box-shadow:0 4px 16px rgba(0,0,0,.25);cursor:pointer}
  #taskBanner.show{transform:translateY(0)}
  .assigned-line{margin:2px 0 8px;padding:6px 10px;border-radius:var(--r-chip);background:rgba(37,99,235,.08);color:var(--fixed);font-weight:700;font-size:var(--fs-label)}
  .hq-note{margin:2px 0 8px;padding:7px 10px;border-radius:var(--r-chip);background:rgba(217,119,6,.10);color:#b45309;font-weight:700;font-size:var(--fs-label);line-height:1.4}
  .grp-head{font-weight:700;font-size:var(--fs-label);color:#475569;margin:14px 2px 8px;letter-spacing:.2px}
  .se-results .grp-head:first-child{margin-top:2px}
  .type-toggle{display:flex;gap:var(--sp-md);margin:0 0 8px}
  .ttog{flex:1;padding:11px 8px;border-radius:var(--r-ctl);border:1px solid var(--ctl-bd);background:var(--surface);font-weight:700;font-size:var(--fs-body);color:var(--steel);cursor:pointer}
  /* A-2: выбранный тип красился синим — цветом главного действия (закон 3).
     Выбор носит --sel-*, как и остальные переключатели полевого. */
  .ttog.on{border-color:var(--sel-bd);background:var(--sel-bg);color:var(--sel-tx)}
  .hbtn:active{transform:scale(.99)}
  .ocard .dist{color:var(--steel);font-size:var(--fs-label);font-weight:700;white-space:nowrap}
  .secthead{font-size:var(--fs-label);font-weight:700;color:var(--steel);padding:8px 6px 6px;display:flex;align-items:center;gap:var(--sp-md)}
  .secthead .pill{display:inline-flex;align-items:center;justify-content:center;min-width:1.65em;height:1.65em;padding:0 .3em;background:var(--fault);color:var(--action-primary-tx);border-radius:var(--r-pill);font-size:var(--fs-label);font-weight:700;line-height:1}
  .allgood{text-align:center;color:var(--ok);background:var(--ok-bg);border-radius:var(--r-ctl);padding:16px;font-weight:700;font-size:var(--fs-body);margin:4px 4px}
  .mi-done{margin-top:9px;width:100%;border:none;border-radius:var(--r-ctl);background:var(--action-primary);color:var(--action-primary-tx);font-weight:700;font-size:var(--fs-body);padding:13px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.14)}
  .mi-done:active{transform:scale(.985)}

  /* ===== chips ===== */
  .filters{display:flex;flex-direction:column;gap:var(--sp-md);padding:4px 16px 11px;flex:none;border-bottom:1px solid var(--line)}
  .segf-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-xs);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-ctl);padding:3px}
  .segf{border:none;background:transparent;border-radius:var(--r-ctl);min-height:42px;padding:6px 3px;font-family:inherit;font-weight:700;font-size:var(--fs-label);color:var(--muted);line-height:1.15;cursor:pointer}
  .segf.on{background:var(--sel-bg);color:var(--sel-tx);box-shadow:var(--shadow)}
  /* A-2: у выбранного דורש טיפול была красная заливка — цвет состояния
     в роли выбора. Надпись на чипе и так называет состояние; выбор один на все. */
  .filt-row{display:flex;gap:var(--sp-md)}
  .selfield{flex:1;min-width:0;min-height:46px;border:1px solid var(--ctl-bd);border-radius:var(--r-ctl);background:var(--surface);color:var(--ink);font-family:inherit;font-weight:700;font-size:var(--fs-body);padding:0 12px}
  .nearbtn{flex:none;min-height:46px;border:1px solid var(--ctl-bd);border-radius:var(--r-ctl);background:var(--surface);color:var(--steel);font-family:inherit;font-weight:700;font-size:var(--fs-body);padding:0 13px;display:inline-flex;align-items:center;cursor:pointer}
  .nearbtn.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-tx)}

  /* ===== inspection ===== */
  /* A-2.3: ранг задаётся вложенностью, а не тяжестью. Шапка была белой
     скруглённой карточкой с тенью — ровно как карточка системы под ней:
     одинаковые вид, ширина и поля означают одинаковый ранг. Стала панелью
     во всю ширину без скруглений; содержимое ниже сохраняет поля и потому
     читается как вложенное. Фон был var(--bg), то есть совпадал с фоном
     страницы — механизм существовал и простаивал. */
  .ihead{position:sticky;top:0;z-index:5;background:var(--steel);padding:8px 16px 0;box-shadow:0 2px 10px rgba(20,26,32,.18)}
  .ihead .back{color:var(--action-primary-tx)}
  .backrow{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:8px}
  .back{border:none;background:none;color:var(--steel);font-size:var(--fs-h4);font-weight:600;padding:10px 10px 10px 6px;display:flex;align-items:center;gap:var(--sp-sm)}
  /* A-2: это НЕ кнопка — div с cursor:default. Носила костюм кнопки (заливка,
     радиус, тень) и на экране объекта стояла вторым насыщенным прямоугольником
     рядом с тем, который нажимается. Состояние показывает цветной корешок —
     тот же приём, что у .ocard.fault. Текст стал чернильным: контраст выше. */
  /* A-2.1: корешок был --status-pending = 2.55:1 на белом, при пороге 3:1 для
     границ-носителей смысла. Формально виден, фактически нет. Нейтральное
     состояние держит --ctl-bd (3.4:1), проверенные — светлую заливку своего
     состояния: плашка снова читается за секунду, а насыщенная заливка
     остаётся признаком действия и только его. */
  /* A-2.2: шапка экрана объекта. Снимая костюм кнопки, сняли четыре признака
     разом — заливку, тень, вес и размер, — а кнопкой её делала только заливка.
     Тень в этом приложении носят ВСЕ карточки (.ocard нажимается, .tk-card нет),
     то есть признаком действия она не была никогда. Без неё плашка выпала из
     класса карточек и стала легче карточки системы, хотя это заголовок экрана.
     Вес возвращён тенью, размером и корешком; насыщенная заливка не возвращена. */
  /* Карточка внутри панели была бы карточкой в карточке. Здесь остаётся
     только типографика: имя объекта — самый крупный текст экрана, состояние
     несёт его цвет. Заливок не прибавилось: насыщенная по-прежнему одна
     на экран, и это действие. */
  /* Вариант A: шапка — тёмная панель, содержимое ниже светлое. Ранг задан
     сменой поверхности, а не тяжестью карточки. Иконка 44x44 равна порогу
     тап-таргета: строка шапки встаёт на ту же сетку, что кнопки ниже. */
  .statusbtn{width:100%;border:none;border-radius:0;padding:0;background:transparent;text-align:start;cursor:default;box-shadow:none;display:flex;align-items:center;gap:var(--sp-lg)}
  .ob-ic{width:44px;height:44px;flex:none;border-radius:var(--r-ctl);background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center}
  .ob-ic .eic{width:26px;height:26px;margin:0;color:var(--action-primary-tx)}
  .ob-txt{flex:1;min-width:0}
  .statusbtn .l1{font-size:var(--fs-h3);font-weight:700;line-height:1.2;color:var(--action-primary-tx);display:flex;align-items:center;gap:var(--sp-md);flex-wrap:wrap}
  .statusbtn .l2{font-size:var(--fs-body);color:#c3ccd8;margin-top:3px}
  .statusbtn.s-ok .l1{color:var(--ok-on-dark)}
  .statusbtn.s-attn .l1{color:var(--fault-on-dark)}
  /* A-2.4: ניווט и פרטים — вспомогательные действия, а выглядели как
     ряд переключателей: рамка контрола, flex:1 во всю ширину, вес 700 — тот же
     вид, что у תקין / לא תקין / טופל в карточках ниже. Глаз читал шапку
     как четвёртый, неотвеченный ряд чек-листа, и тянулся нажать. Разные роли
     не носят один вид — обратная сторона правила «один признак — одна функция».
     Третий ярус: только текст. Тап-таргет держит паддинг, не рамка. */
  /* Таблетка: своя форма, ни на что на экране не похожая. Второй ярус —
     это рабочие действия, а не «отмена», прятать их в текст было ошибкой. */
  .meta{display:flex;gap:var(--sp-lg);margin-top:10px;flex-wrap:wrap}
  .meta button{flex:none;border:1px solid rgba(255,255,255,.45);background:transparent;border-radius:var(--r-pill);padding:0 16px;font-size:var(--fs-body);font-weight:600;color:var(--action-primary-tx);display:inline-flex;align-items:center;gap:var(--sp-md)}
  /* Прогресс стал нижним краем панели: во всю ширину, без скруглений.
     Ни пикселя лишней высоты, а работы две — сколько закрыто и где граница. */
  .progress{height:4px;border-radius:0;background:rgba(255,255,255,.18);overflow:hidden;margin:12px -16px 0}
  .progress > i{display:block;height:100%;width:0;background:var(--ok-on-dark);transition:width .25s}

  .checks{flex:1;overflow-y:auto;padding:10px 12px 200px}   /* 200px — только стартовое значение до первого замера; дальше его ведёт fitSendbar() */
  .sysblock{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);margin-bottom:10px;overflow:hidden}
  .sysrow{display:flex;align-items:center;gap:var(--sp-lg);padding:13px 14px}
  .sysicon{width:34px;height:34px;flex:none;color:var(--steel);display:flex;align-items:center;justify-content:center}
  .sysicon svg{width:26px;height:26px}
  .sysname{flex:1;font-weight:700;font-size:var(--fs-lead);line-height:1.3}
  .seg{display:flex;gap:var(--sp-sm);padding:0 12px 12px}
  .seg button{flex:1;border:1px solid var(--ctl-bd);background:#fafbfc;border-radius:var(--r-ctl);padding:14px 4px;font-size:var(--fs-lead);font-weight:700;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:var(--sp-xs)}
  .seg button .ic{font-size:var(--fs-h4);line-height:1}
  .seg button.on.ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}
  .seg button.on.fault{background:var(--fault-bg);border-color:var(--fault);color:var(--fault)}
  .seg button.on.fixed{background:var(--fixed-bg);border-color:var(--fixed);color:var(--fixed)}
  .detail{display:none;padding:0 12px 12px;flex-direction:column;gap:var(--sp-md)}
  .detail.show{display:flex}
  .detail textarea{width:100%;border:1px solid var(--ctl-bd);border-radius:var(--r-ctl);padding:10px;font-family:inherit;font-size:var(--fs-body);resize:vertical;min-height:46px}
  .photorow{display:flex;align-items:center;gap:var(--sp-md);flex-wrap:wrap}
  .addphoto{border:1px dashed var(--ctl-bd);background:#fafbfc;border-radius:var(--r-ctl);padding:9px 12px;font-size:var(--fs-label);font-weight:700;color:var(--steel)}
  .thumb{width:52px;height:52px;border-radius:var(--r-chip);object-fit:cover;border:1px solid var(--line);position:relative}
  .thumbwrap{position:relative}
  .thumbwrap .x{position:absolute;top:-6px;inset-inline-start:-6px;width:1.45em;height:1.45em;padding:0;border-radius:var(--r-circle);background:var(--fault);color:var(--action-primary-tx);border:none;font-size:var(--fs-label);font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}
  .voicebtn{border:1px solid var(--ctl-bd);background:var(--surface);border-radius:var(--r-ctl);padding:9px 12px;font-size:var(--fs-label);font-weight:700;color:var(--steel)}
  .voicebtn.rec{background:var(--fault-bg);color:var(--fault);border-color:var(--fault)}
  .special{font-size:var(--fs-small);color:var(--muted);padding:0 14px 12px;margin-top:-2px}
  .special.lock{color:var(--muted)} .special.on{color:var(--ok)} .special.due{color:var(--steel)}
  /* мини-строка состояния под названием системы */
  .sysline{display:block;font-weight:600;font-size:var(--fs-small);margin-top:4px;line-height:1.35}
  .sysline.ok{color:var(--ok)} .sysline.fault{color:var(--fault)} .sysline.due{color:var(--due)} .sysline.never{color:var(--muted)}
  /* известная поломка — подсветка карточки */
  .sysblock.knownfault{border-color:var(--fault);box-shadow:0 0 0 2px rgba(220,38,38,.28),var(--shadow)}
  .sysblock.knownfault .sysrow{background:var(--fault-bg)}
  .sysblock.knownfault .sysicon{color:var(--fault)}
  /* known-поломка, отмеченная решённой (тикин/тупал) → зелёный прогресс */
  .sysblock.knownfault.resolved{border-color:var(--ok);box-shadow:0 0 0 2px rgba(21,128,61,.28),var(--shadow)}
  .sysblock.knownfault.resolved .sysrow{background:var(--ok-bg)}
  .sysblock.knownfault.resolved .sysicon{color:var(--ok)}
  .sysblock.knownfault.resolved .fault-ribbon{background:var(--ok)}
  .fault-ribbon{background:var(--fault);color:var(--action-primary-tx);font-weight:700;font-size:var(--fs-label);padding:9px 14px;display:flex;align-items:center;gap:var(--sp-md);line-height:1.3}
  .fix-commit{margin:0 12px 12px;width:calc(100% - 24px);border:none;border-radius:var(--r-ctl);padding:15px;font-size:var(--fs-lead);font-weight:700;color:var(--action-primary-tx);background:var(--action-primary);box-shadow:0 4px 14px rgba(0,0,0,.14)}
  /* «не смог починить» — второй ярус: поверхность + красная рамка, не заливка */
  .fix-commit.defer{background:var(--surface);color:var(--fault);border:1px solid var(--fault);box-shadow:none}
  /* Заход 56: отмечено и ждёт отправки — третий ярус. Действие уже
     совершено, костюм кнопки тут врёт: тянет нажать ещё раз. */
  .fix-commit.staged, .fix-commit.defer.staged{background:var(--surface);color:var(--muted);border:1px solid var(--ctl-bd);box-shadow:none;font-weight:600}
  .fix-commit:active{transform:scale(.985)}
  /* A-2: подсказка «нажми» — приглашение к действию, а не сообщение о состоянии.
     Красный вариант учил, что цвет поломки означает «жми». Оба вида — синие.
     Отдельное правило .task стало пустым и удалено; класс в разметке безвреден. */
  .mi-open-hint{margin-top:9px;padding:11px;text-align:center;border-radius:var(--r-ctl);background:rgba(10,92,186,.10);color:var(--action-primary);font-weight:700;font-size:var(--fs-body)}
  .ocard.gtask{cursor:pointer}
  /* ===== מסך המשימה (v110) ===== */
  .tk-head{margin:2px 0 18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
  .tk-by{display:flex;align-items:center;gap:var(--sp-md);margin-top:11px;color:var(--muted);font-weight:700;font-size:var(--fs-label)}
  .tk-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px 16px;margin:4px 0 12px}
  .tk-kicker{display:flex;align-items:center;gap:var(--sp-md);color:var(--fixed);font-weight:600;font-size:var(--fs-label);margin-bottom:6px}
  .tk-title{font-size:var(--fs-display);font-weight:700;line-height:1.35;word-break:break-word}
  .tk-tags{display:flex;flex-wrap:wrap;gap:var(--sp-sm);margin-top:9px}
  .tk-acts{display:flex;gap:var(--sp-lg);margin-bottom:10px}
  .tk-btn{flex:1;border:none;border-radius:var(--r-card);padding:17px 10px;font-size:var(--fs-lead);font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:var(--sp-md);box-shadow:var(--shadow);cursor:pointer}
  .tk-btn:active{transform:scale(.985)}
  .tk-btn.ok{background:var(--action-primary);color:var(--action-primary-tx)}
  .tk-btn.no{background:var(--surface);color:var(--fault);border:1px solid var(--fault)}
  .tk-btn.insp{background:var(--action-primary);color:var(--action-primary-tx);width:100%;flex:none}
  .tk-why{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);padding:12px;margin-bottom:12px}
  .tk-ta{width:100%;border:1px solid var(--ctl-bd);border-radius:var(--r-ctl);padding:11px;font-family:inherit;font-size:var(--fs-lead);color:var(--ink);background:var(--bg);resize:vertical;margin-bottom:10px}
  .tk-insp{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
  .gt-ic{width:34px;height:34px;border-radius:var(--r-circle);flex:none;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,.1);color:#2563eb;margin-top:.1em}
  .gt-ic svg{width:18px;height:18px}
  @keyframes flashcard{0%,100%{box-shadow:0 0 0 2px rgba(220,38,38,.28),var(--shadow)}50%{box-shadow:0 0 0 5px rgba(220,38,38,.55),var(--shadow)}}
  .sysblock.flash{animation:flashcard .5s ease 3}
  /* кнопка «остальные поломки — ещё не починены» */
  /* Заход 56 · D-14. Было: рамка, заливка и текст — всё var(--fault).
     Это кнопка, а красный в полевом — цвет СОСТОЯНИЯ. В аудит захода 55 она
     не попала только потому, что пряталась вместе с панелью. Стала вторым
     ярусом; что речь о поломках, говорит текст и число, а не краска. */
  .bulkfault{width:100%;border:1px solid var(--ctl-bd);background:var(--surface);color:var(--steel);border-radius:var(--r-ctl);padding:13px;font-size:var(--fs-body);font-weight:700;margin-bottom:12px;box-shadow:var(--shadow)}
  .bulkfault:active{transform:scale(.99)}

  /* Заход 56. Было: градиент с прозрачным верхом. Пока в панели лежала
     одна яркая кнопка, это работало. Как только туда попал белый контрол
     второго яруса, сквозь прозрачный край полезла карточка списка, и кнопка
     читалась как часть той карточки. Приклеенная панель — ДРУГАЯ поверхность,
     и она обязана это говорить: сплошной фон + волосяная граница сверху. */
  .sendbar{position:fixed;bottom:0;inset-inline:0;max-width:430px;margin:0 auto;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--ctl-bd);box-shadow:0 -8px 20px rgba(15,23,42,.12)}
  /* A-2: была var(--ok) — тем же токеном, что кружок состояния תקין.
     Заблокированный вид задаётся общим полом button:disabled в конце файла. */
  .sendbtn{width:100%;border:none;border-radius:var(--r-card);padding:16px;font-size:var(--fs-lead);font-weight:700;color:var(--action-primary-tx);background:var(--action-primary);box-shadow:var(--shadow)}
  .crewbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-sm);margin-bottom:10px;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-ctl);box-shadow:var(--shadow)}
  .crewbar .cw-lbl{display:inline-flex;align-items:center;gap:var(--sp-sm);color:var(--muted);font-size:var(--fs-small);font-weight:700}
  .crewbar .cw-lbl .eic{width:1.15em;height:1.15em}
  .crewchip{display:inline-flex;align-items:center;gap:var(--sp-xs);background:var(--due-bg);border:1px solid #e2b877;color:var(--due);border-radius:var(--r-pill);padding:4px 6px 4px 10px;font-size:var(--fs-label);font-weight:700}
  .crewchip button{border:none;background:transparent;color:var(--due);padding:0;min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}
  .crewchip button .eic{width:1em;height:1em}
  .crewadd{display:inline-flex;align-items:center;gap:var(--sp-xs);border:1px dashed var(--ctl-bd);background:transparent;color:var(--muted);border-radius:var(--r-pill);padding:6px 12px;font-size:var(--fs-label);font-weight:700;min-height:32px}
  .crewadd .eic{width:1em;height:1em}
  .crewhint{color:var(--muted);font-size:var(--fs-small);padding:0 2px 12px}
  .crewpick{display:flex;flex-direction:column;gap:var(--sp-md)}
  .crewpick .namebtn{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-lg)}
  .crewpick .namebtn.on{border-color:var(--sel-bd);background:var(--bg)}
  .crewpick .namebtn .eic{width:1.3em;height:1.3em;color:var(--steel);flex:none}
  .crewhome{margin:8px 16px 2px;border-radius:var(--r-ctl);padding:11px 13px;display:flex;align-items:center;gap:var(--sp-md);background:var(--due-bg);border:1px solid #e2b877;box-shadow:var(--shadow);cursor:pointer}
  .crewhome .ch-ic{flex:none;display:inline-flex;color:var(--due)}
  .crewhome .ch-ic .eic{width:1.3em;height:1.3em}
  /* text-align:start — восстановление, а не запрет: текст обязан стоять у иконки
     независимо от того, что его центрировало. margin-inline-start:auto у кнопки
     прижимает её к дальнему краю, не полагаясь на растяжение соседа. */
  .crewhome .ch-txt{flex:1 1 auto;min-width:0;text-align:start;color:var(--due);font-weight:600;font-size:var(--fs-label);line-height:1.4}
  .crewhome .ch-txt b{font-weight:700}
  .crewhome .ch-clear{flex:none;margin-inline-start:auto;border:1px solid #e2b877;background:var(--surface);color:var(--due);border-radius:var(--r-pill);padding:6px 11px;font-size:var(--fs-small);font-weight:700;min-height:32px;display:inline-flex;align-items:center;gap:var(--sp-xs)}
  .crewhome .ch-clear .eic{width:1em;height:1em}
  .crewhome.empty{background:var(--surface);border:1px solid var(--line);padding:6px 12px;border-radius:var(--r-ctl);box-shadow:none;margin:6px 16px 0}
  .crewhome.empty .ch-ic{color:var(--muted)}
  .crewhome.empty .ch-ic .eic{width:1.05em;height:1.05em}
  .crewhome.empty .ch-txt{color:var(--muted);font-size:var(--fs-small);font-weight:600}
  .crewhome.empty .ch-add{min-height:0;padding:4px 10px;font-size:var(--fs-micro)}
  .crewhome .ch-add{flex:none;margin-inline-start:auto;border:1px dashed var(--ctl-bd);background:transparent;color:var(--muted);border-radius:var(--r-pill);padding:6px 12px;font-size:var(--fs-small);font-weight:700;min-height:32px;display:inline-flex;align-items:center;gap:var(--sp-xs)}
  .crewhome .ch-add .eic{width:1em;height:1em}

  /* ===== sheets ===== */
  .scrim{position:fixed;inset:0;background:rgba(15,20,26,.45);opacity:0;pointer-events:none;transition:opacity .2s;z-index:40}
  .scrim.show{opacity:1;pointer-events:auto}
  .sheet{position:fixed;inset-inline:0;bottom:0;max-width:430px;margin:0 auto;background:var(--surface);border-radius:var(--r-panel) var(--r-panel) 0 0;transform:translateY(100%);transition:transform .25s;z-index:50;max-height:92dvh;display:flex;flex-direction:column;pointer-events:none}
  .sheet.show{transform:translateY(0);pointer-events:auto}
  /* поиск — на весь экран */
  .sheet.full{inset:0;height:100dvh;max-height:none;border-radius:0}
  /* короткие окошки — карточка по центру */
  .sheet.modal{inset-inline:0;bottom:auto;top:11dvh;max-width:360px;border-radius:var(--r-panel);max-height:74dvh;
    transform:translateY(12px) scale(.97);opacity:0;transition:transform .2s,opacity .2s}
  .sheet.modal.show{transform:translateY(0) scale(1);opacity:1}
  /* окошко подтверждения выхода — чуть выше середины экрана */
  .sheet.modal.confirm{top:34dvh;max-width:300px}
  .sheet.modal.confirm h3{text-align:center;padding:22px 18px 14px;font-size:var(--fs-h4)}
  .exitrow{display:flex;gap:var(--sp-lg);padding:0 16px 18px}
  .exitbtn{flex:1;border:1px solid var(--ctl-bd);border-radius:var(--r-ctl);padding:15px;font-size:var(--fs-lead);font-weight:700;background:var(--surface);color:var(--steel)}
  .exitbtn:active{transform:scale(.98)}
  /* отмена и «нет» — третий ярус: только текст, вес 600. Закон 3, без исключений.
     Паддинг оставлен прежним, тап-таргет не уменьшился. */
  .exitbtn.no{background:transparent;border-color:transparent;color:var(--steel);font-weight:600}
  .exitbtn.yes{background:var(--action-primary);border-color:var(--action-primary);color:var(--action-primary-tx)}
  .sheethead{display:flex;align-items:center;justify-content:space-between;padding-inline-end:10px;flex:none}
  .sheethead h3{flex:1}
  .sheetx{border:none;background:none;color:var(--muted);font-size:var(--fs-h4);line-height:1;padding:14px 12px}
  .sheet h3{margin:0;padding:16px 18px 6px;font-size:var(--fs-lead);font-weight:700;flex:none}
  .sheet .body{overflow-y:auto;padding:6px 16px 22px;flex:1;min-height:0}
  .searchfield{margin:6px 16px 8px;display:flex;gap:var(--sp-md);flex:none}
  .searchfield input{flex:1;border:1px solid var(--ctl-bd);border-radius:var(--r-ctl);padding:13px 14px;font-size:var(--fs-lead);font-family:inherit}
  .pinfo{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:var(--sp-lg);padding:10px 2px;border-bottom:1px solid var(--line);font-size:var(--fs-body);align-items:baseline}
  .pinfo .k{color:var(--muted)} .pinfo .v{font-weight:700;word-break:break-word}
  .pnote{color:var(--muted);font-size:var(--fs-small);padding:12px 2px 0}

  /* name picker */
  .namegrid{display:flex;flex-direction:column;gap:var(--sp-md)}
  .namebtn{border:1px solid var(--ctl-bd);background:var(--surface);border-radius:var(--r-ctl);padding:15px 16px;font-size:var(--fs-lead);font-weight:700;text-align:start;box-shadow:var(--shadow)}
  .namebtn:active{transform:scale(.99)}

  /* toast */
  .toast{position:fixed;top:26vh;inset-inline:0;margin:0 auto;max-width:340px;width:calc(100% - 48px);background:var(--ok);color:var(--action-primary-tx);padding:18px 22px;border-radius:var(--r-card);font-size:var(--fs-lead);font-weight:700;line-height:1.35;opacity:0;transform:translateY(-8px) scale(.96);transition:.22s;z-index:80;text-align:center;pointer-events:none;box-shadow:0 14px 40px rgba(0,0,0,.28)}
  .toast.show{opacity:1;transform:translateY(0) scale(1)}
  .outbox{margin:0 14px 10px;padding:10px 14px;border-radius:var(--r-ctl);background:var(--steel);color:var(--action-primary-tx);font-size:var(--fs-label);font-weight:600;text-align:center}
  .outbox.bad{background:#b91c1c;cursor:pointer}
  .empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:var(--fs-body)}
  .stamp{text-align:center;color:var(--gray);font-size:var(--fs-label);padding:8px 16px;letter-spacing:.3px}
  .vbadge{display:inline-block;color:var(--action-primary-tx);border-radius:var(--r-pill);padding:5px 14px;font-size:var(--fs-micro);font-weight:700;letter-spacing:.3px}
  /* D-10 (заход 77). Блок стоял с v51, но глушил только переходы: анимация
     flashcard (подсветка карточки после возврата с проверки) продолжала мигать
     при системной настройке «меньше движения». Теперь гасятся и переходы, и
     анимации, и это тот же блок, что в dash/style.css. */
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{
      transition-duration:.01ms!important;
      animation-duration:.01ms!important;
      animation-iteration-count:1!important;
      scroll-behavior:auto!important;
    }
  }
  /* ===== accessibility floor (v51) — крупнее шрифт, выше контраст, тап-таргеты >=44px ===== */
  /* контраст: вторичный текст был ~4.4:1 на белом (ниже WCAG AA 4.5:1) -> темнее */
  :root{ --muted:#566072; }
  /* читаемость: поднимаем самый мелкий функциональный текст поля */
  .hero p{font-size:var(--fs-body)}
  .ocard .nm{font-size:var(--fs-lead)}
  .ocard .sub{font-size:var(--fs-label)}
  .ocard .last{font-size:var(--fs-label)}
  .stat .t{font-size:var(--fs-body)}
  .badge{font-size:var(--fs-small)}
  .hqflag{font-size:var(--fs-label)}
  .grp-head{font-size:var(--fs-body)}
  .refreshline{font-size:var(--fs-label)}
  .special{font-size:var(--fs-label)}
  .sysline{font-size:var(--fs-label)}
  .pnote{font-size:var(--fs-label)}
  .pinfo{font-size:var(--fs-body)}
  .empty{font-size:var(--fs-body)}
  /* тап-таргеты >=44px для мелких интерактивных элементов (крупные кнопки уже ок) */
  .hbtn{min-height:44px}
  .ttog{min-height:44px}
  .meta button{min-height:44px}
  .back{min-height:50px}
  .who .lnk{min-height:44px;display:inline-flex;align-items:center}
  .refreshline button{min-height:44px;display:inline-flex;align-items:center}
  .fsbtn{background:transparent;border:1px solid var(--ctl-bd);color:var(--steel);border-radius:var(--r-ctl);min-width:44px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;flex:none}
  .fsbtn svg{width:20px;height:20px}
  .fsrow{display:flex;align-items:center;gap:var(--sp-lg);direction:ltr;margin:6px 0 2px}
  .fsrow input[type=range]{flex:1;accent-color:var(--action-primary);height:36px}
  .fsval{font-size:var(--fs-lead);font-weight:700;min-width:56px;text-align:center}
  .fsreset{background:var(--bg);border:1px solid var(--ctl-bd);color:var(--steel);border-radius:var(--r-ctl);min-height:40px;padding:0 12px;font-weight:700;font-size:var(--fs-body);font-family:inherit}
  .fsdemo{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-ctl);padding:12px;margin-top:10px}
  .fsdemo .d1{font-size:var(--fs-lead);font-weight:700}
  .fsdemo .d2{font-size:var(--fs-label);color:var(--muted);margin-top:3px}
  /* ── טקסט מודגש (v70): контраст + вес приглушённого текста. На солнце серое по белому не читается. ── */
  body.bold-ui{--muted:#3d4653; --gray:#5c6673}
  body.bold-ui .who, body.bold-ui .hero p, body.bold-ui .refreshline,
  body.bold-ui .ocard .sub, body.bold-ui .ocard .last, body.bold-ui .stat .t,
  body.bold-ui .notifycard.blocked .nc-txt, body.bold-ui .segf, body.bold-ui .seg button,
  body.bold-ui .special, body.bold-ui .sysline.never, body.bold-ui .crewbar .cw-lbl,
  body.bold-ui .crewhint, body.bold-ui .crewadd, body.bold-ui .pinfo .k, body.bold-ui .pnote,
  body.bold-ui .empty, body.bold-ui .stamp, body.bold-ui .fsdemo .d2,
  body.bold-ui .pp-kv .k, body.bold-ui .pp-kv .v.empty, body.bold-ui .pp-none,
  body.bold-ui .mi-open-hint{font-weight:700}
  .fsbold{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-lg);margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
  .fsbold .l{font-size:var(--fs-lead);font-weight:700;color:var(--steel)}
  .fsbtoggle{background:var(--bg);border:1px solid var(--ctl-bd);color:var(--steel);border-radius:var(--r-ctl);min-height:44px;padding:0 14px;font-weight:700;font-size:var(--fs-body);font-family:inherit;display:inline-flex;align-items:center;gap:var(--sp-sm)}
  .fsbtoggle.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel-tx)}
  .fsbtoggle svg{width:20px;height:20px}
  .pp-grp{margin-top:14px}
  .pp-grp-t{font-weight:700;font-size:var(--fs-lead);color:var(--steel);border-inline-start:3px solid #0a5cba;padding-block:2px 7px;padding-inline:10px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--sp-sm)}
  .pp-kv{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:var(--sp-lg);padding:9px 2px;border-bottom:1px solid var(--line);align-items:baseline}
  .pp-kv:last-child{border-bottom:none}
  .pp-kv .k{color:var(--muted);font-size:var(--fs-label)}
  .pp-kv .v{font-weight:700;word-break:break-word}
  .pp-kv .v.empty{font-weight:400;color:var(--gray)}
  .pp-kv .v.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:var(--fs-label)}
  .pp-none{color:var(--gray);padding:9px 2px}
  .oc-faults{display:flex; flex-wrap:wrap; gap:var(--sp-sm)}
  .fault-ic{display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:var(--r-ctl); background:var(--fault-bg); border:1px solid #dc262633; flex:none}
  .fault-ic svg{width:29px; height:29px; color:var(--fault)}
  .fault-chip{font-size:var(--fs-small); font-weight:600; background:var(--fault-bg); color:#b91c1c; border:1px solid #dc262633; border-radius:var(--r-chip); padding:4px 8px}
  .ocard.fault{border-inline-start:4px solid var(--fault)}
  .oc-asgwrap{display:flex; flex-direction:column; gap:var(--sp-sm); margin-top:1px}
  .oc-asg{display:flex; align-items:center; gap:var(--sp-sm); border-radius:var(--r-chip); padding:5px 10px; font-size:var(--fs-label); line-height:1.3; max-width:100%; min-width:0}
  .oc-asg .eic{width:1.05em; height:1.05em; flex:none}
  .oc-asg .oc-who{flex:none; font-weight:700; white-space:nowrap}
  .oc-asg .oc-sys{flex:1; min-width:0; font-weight:600; opacity:.72; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .oc-asg.on{background:var(--fixed-bg); color:var(--fixed)}
  .oc-asg.free{background:var(--fault-bg); color:#b91c1c}
  .eic{width:1.05em; height:1.05em; vertical-align:-.16em; margin-inline-end:.35rem; flex:none}
  .eic.tr{margin-inline-end:0; margin-inline-start:.35rem}
  .eic.solo{margin:0}
  .sdot{display:inline-block; width:.6em; height:.6em; border-radius:var(--r-circle); margin-inline-end:.4rem; flex:none}
  .sdot.d-red{background:var(--fault)} .sdot.d-green{background:var(--ok)} .sdot.d-grey{background:var(--gray)}
  button svg.eic{pointer-events:none}

/* ===== install gate: в браузере работник видит только это ===== */
.ig-wrap{display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:2rem 1.4rem; gap:var(--sp-xl); min-height:100%}
.ig-icon{width:96px; height:96px; border-radius:22px; box-shadow:0 8px 28px rgba(0,0,0,.22)}
.ig-h{font-size:var(--fs-display); font-weight:700; margin:.4rem 0 0}
.ig-p{font-size:var(--fs-body); line-height:1.6; opacity:.85; max-width:30ch; margin:0}
.ig-btn{background:var(--action-primary); color:var(--action-primary-tx); border:none; border-radius:var(--r-card); padding:1rem 2rem; font-size:var(--fs-lead); font-weight:700; font-family:inherit; cursor:pointer; min-height:54px; width:100%; max-width:320px}
.ig-btn:active{filter:brightness(.92)}
.ig-steps{display:flex; flex-direction:column; gap:var(--sp-lg); text-align:start; max-width:320px}
.ig-step{display:flex; align-items:center; gap:var(--sp-lg); font-size:var(--fs-body); line-height:1.45}
.ig-step b{flex:none; width:28px; height:28px; border-radius:var(--r-circle); background:var(--action-primary); color:var(--action-primary-tx); display:inline-flex; align-items:center; justify-content:center; font-size:var(--fs-label)}
.ig-skip{margin-top:1.2rem; background:none; border:none; text-decoration:underline; font-size:var(--fs-small); opacity:.5; font-family:inherit; cursor:pointer; color:inherit}

/* ============================================================
   A-0 · кольцо фокуса (заход 51)
   Канон, раздел "Состояния": фокус обязателен и не заменяется
   наведением. В полевом :active было десять правил, фокуса — ноль.
   Контраст кольца: 4.9:1 на фоне экрана, 6.5:1 на белой карточке.
   ============================================================ */
button:focus-visible,
a:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--focus-ring);
  outline-offset:2px;
}

/* ============================================================
   A-2 · заблокированное состояние (D-04, заход 55)
   Порог канона — 3:1: заблокированный контрол ОБЯЗАН читаться,
   потому что именно он говорит, что делать дальше. На .sendbtn
   было белым по #c3cad2 = 1.65:1, и на ней написана единственная
   инструкция экрана: סמן תקין / לא תקין / טופל בכל מערכת. Стало 6.4:1.

   Пол задаётся ОДИН раз. Специфичность button:disabled = (0,1,1)
   выше правила по одному классу (0,1,0), поэтому следующая
   заблокированная кнопка получит читаемый вид без строки от нас.
   ============================================================ */
button:disabled{
  background:var(--dis-bg);
  color:var(--dis-tx);
  border:1px solid var(--dis-bd);
  box-shadow:none;
  cursor:default;
}