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

   ⚠️ ГЕРОЯ ЗДЕСЬ НЕТ И БЫТЬ НЕ ДОЛЖНО. В этой фазе герой один — полоса
   подготовки (.prog) и чек-лист (.list), а наша сводка отвечает на вопросы
   «когда собираемся» и «что успеть купить». Поэтому у неё стекло (--glass-3),
   а не плотная подложка (--hero-bg) и не тень героя: два плотных объекта
   подряд читаются как ошибка вёрстки, и полосу подготовки видно перестаёт.

   Своих цветов нет ни одного — только токены дизайн-системы, поэтому обе темы
   и telegram-тёмная приходят сами. Иконки — штрихом currentColor, эмодзи в
   интерфейсе не держим.

   ⚠️ У #nzs-now (корень состояний) отступов и display НЕ ЗАДАЁМ: узел общий,
   его правила живут в styles-tab-сейчас.css. Всё поле — на своей .nzprep.

   ⚠️ ПРЕФИКС .nzprep- — ТОЛЬКО ЭТОГО СОСТОЯНИЯ. Пять состояний рисуют в один
   и тот же корень и грузят свои стили на одну страницу: общий короткий
   префикс на всех (.nzp-) рано или поздно сталкивает две карточки лбами.
   ────────────────────────────────────────────────────────────────────── */

/* Сводка: одна карточка, внутри — строки через волосяную линию. Отступ сверху
   тот же, что у карточки встречи (#nextMeet), на месте которой она стоит. */
/* Тот же рецепт стекла, что у карточек остальных фаз (.msplan, .ns-card,
   .nzp-card): свой набор делал экран подготовки плоским и чужим. */
.nzprep{margin:var(--s5) 0 0;padding:0 16px;
  border:1px solid var(--glass-line);border-radius:var(--r-l);background:var(--pane);
  box-shadow:var(--pane-edge);backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%)}

.nzprep-row{display:flex;align-items:flex-start;gap:12px;padding:13px 0;
  border-bottom:1px solid var(--hair)}
.nzprep-row:last-child{border-bottom:0}

/* Иконка — метка строки, а не картинка: приглушена и не тянет на себя взгляд. */
.nzprep-ic{flex:none;display:flex;width:20px;height:20px;margin-top:1px;color:var(--taupe)}
.nzprep-ic svg{width:20px;height:20px}

/* min-width:0 — чтобы длинное название потока переносилось, а не растягивало
   строку и не выносило карточку за 375px. */
.nzprep-tx{min-width:0;flex:1}
.nzprep-tx b{display:block;font-size:14.5px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}
.nzprep-tx i{display:block;font-style:normal;font-size:12.5px;line-height:1.45;
  color:var(--muted);margin-top:3px}
/* Первая строка — дата занятия: единственное место, где нужна чуть большая
   заметность. Заголовочная гарнитура вместо второго размера шрифта. */
.nzprep-row:first-child .nzprep-tx b{font-family:var(--font-head);font-size:15px;
  font-weight:700;letter-spacing:-.015em}

/* Ссылка появляется в одном случае — «дату пока не назвали», написать
   администратору. Палец 40px: строка узкая, кнопке героя тут не место. */
.nzprep-a{display:inline-flex;align-items:center;min-height:40px;margin-top:2px;
  color:var(--blue);font-size:13px;font-weight:650;
  text-decoration:underline;text-underline-offset:3px}