/* ═══ ВКЛАДКА «СЕЙЧАС» · СОСТОЯНИЕ «ИТОГ» ══════════════════════════════════
   Пара к /cabinet/js/now-itog.js. Подключать ПОСЛЕ /styles-tab-сейчас.css:
   здесь только доводка своего корня, общие компоненты живут в cabinet.css.

   ⚠️ ВСЁ ПОД #nzs-now. Корень состояния — единственное место, которое этот
   экран рисует сам; за его пределами он ничего не красит и никого не двигает.
   Одинаковые имена классов у соседних состояний поэтому не столкнутся.

   Своих цветов нет ни одного: герой берёт токены героя (--hero-*), карточки —
   стеклянные токены панелей, счётчики — токены чипов. Обе темы получаются
   сами, отдельного блока для тёмной здесь быть не должно.
   ────────────────────────────────────────────────────────────────────── */

/* Свой заголовок вместо общего «Готовность к интенсиву»: тот принадлежит
   подготовке и на этом экране врёт. Общая шапка спрятана движком (NOW.блоки),
   так что h1 на странице по-прежнему один видимый. Отступ повторяет воздух
   шапки: h1 + подпись + карточка (см. .sub и .prog в cabinet.css). */
#nzs-now .nzi-h1{margin-bottom:var(--s4)}

/* ── Герой: что дальше по пути ──────────────────────────────────────────
   Плашка действия повторяет .next a (cabinet.css) — это то же действие
   героя, только кнопка: разговор начинает бот, а не ссылка. */
#nzs-now .nzi-go{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
  min-height:44px;padding:0 var(--s5);margin-top:var(--s3);
  border:0;border-radius:var(--r-m);background:var(--hero-ink);color:var(--hero-on-ink);
  font:inherit;font-size:14px;font-weight:700;cursor:pointer;
  transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}
#nzs-now .nzi-go:hover{transform:translateY(-1px)}
#nzs-now .nzi-go:active{transform:translateY(1px)}
#nzs-now .nzi-go:disabled{opacity:.6;transform:none;cursor:default}
#nzs-now .nzi-go svg{flex:none;width:17px;height:17px}

/* Ответ на нажатие — строкой под кнопкой, на подложке героя. Пустая строка
   не должна занимать место: :empty гасит её до первого ответа. */
#nzs-now .nzi-note{display:block;margin-top:10px;font-size:12.5px;line-height:1.5;
  color:var(--hero-sub)}
#nzs-now .nzi-note:empty{display:none}

/* ── Итог: счёт как результат ───────────────────────────────────────────
   Две плитки в строку; на узком экране (375) они делят ширину пополам, на
   очень узком переносятся. Крупная цифра — заголовочным шрифтом: это и есть
   главный факт карточки. Потолок ширины — для веба: на 1320 пикселях две
   плитки растянулись бы на полметра ради строчки «12 из 12». */
#nzs-now .nzi-nums{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:2px}
#nzs-now .nzi-num{flex:1 1 132px;min-width:120px;max-width:240px;padding:10px 12px;
  border:1px solid var(--chip-line);border-radius:var(--r-m);background:var(--chip-bg)}
#nzs-now .nzi-num b{display:block;font-family:var(--font-head);font-size:17px;font-weight:700;
  letter-spacing:-.02em;color:var(--ink)}
/* <i> здесь — подпись, а не курсив: наклон в этом кегле только мылит текст. */
#nzs-now .nzi-num i{display:block;margin-top:2px;font-style:normal;font-size:11.5px;
  line-height:1.35;color:var(--muted)}

/* План уехал на свою страницу — здесь от него осталась одна тихая ссылка.
   44px высоты — не украшение: это минимальная цель для пальца. */
#nzs-now .nzi-plan{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;
  min-height:44px;color:var(--ink2);font-size:13px;font-weight:650;text-decoration:none;
  transition:color var(--dur) var(--ease)}
#nzs-now .nzi-plan:hover{color:var(--ink)}
#nzs-now .nzi-plan svg{flex:none;width:15px;height:15px}

/* ── Материалы ──────────────────────────────────────────────────────────
   Двери «записи» и «бесплатные уроки» стоят внутри карточки материалов, а не
   отдельными кнопками под ней: это одна полка, а не три разных предложения.
   Свой отступ нужен потому, что у карточки со списком уроков gap обнулён
   (styles-кабинет.css: .msplan:has(.msurow)), и кнопки слиплись бы. */
#nzs-now .msplan > .msback{margin-top:8px}

/* Куратор — самой тихой строкой внизу: это не действие экрана, а страховка.
   Общий низ страницы («застрял на шаге?») движок здесь прячет: шагов нет. */
#nzs-now .nzi-ask{display:block;min-height:44px;padding:12px 0 4px;
  color:var(--taupe);font-size:12.5px;text-align:center;text-decoration:none;
  transition:color var(--dur) var(--ease)}
#nzs-now .nzi-ask:hover{color:var(--ink)}