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

   ⚠️ СВОИХ ЦВЕТОВ ТУТ НЕТ И БЫТЬ НЕ МОЖЕТ. Карточка дня — тот же герой
   (.next.meet), что и ближайшая встреча: тёмная подложка в ОБЕИХ темах
   (--hero-bg: #123056→#0b1e38 днём, #27497a→#1a3357 ночью). Поэтому всё
   внутри неё живёт на «геройских» токенах — --hero-ink, --hero-sub,
   --hero-hair, --hero-on-ink, — и обе темы получаются сами, без второго
   набора правил и без @media. Единственный посторонний токен — --live
   (красный акцент срочного): он и в дневной, и в ночной теме рассчитан на
   тёмный фон и стоит только на иконке и на полоске слева, но не на тексте.

   ⚠️ Отдельного правила для #nzs-now здесь нет: корень принадлежит движку
   (tab-now.js), у него намеренно не задан display — см. styles-tab-сейчас.css.

   Ширина проверялась на 375px: карточка внутри .wrap (padding 15px) даёт
   307px содержимого, длинные хвосты строк уходят в многоточие.
   ────────────────────────────────────────────────────────────────────── */

/* ── Шапка карточки ─────────────────────────────────────────────────────
   «Сегодня в 11:00 · через 2 часа». Время — главное, отсчёт тише на тон:
   он меняется каждую минуту, и одинаково громкие цифры спорили бы друг с
   другом. Курсив снимаем — <i> здесь только ради узла для таймера. */
.nzd .nzd-till{font-style:normal;color:var(--hero-sub)}

/* Кнопка в зум — обычная ссылка героя (.next a), нам остаётся только знак. */
.nzd-join svg{flex:none;width:18px;height:18px}
/* «Ссылку пришлём в чат» стоит на месте кнопки — тот же отступ, что у неё,
   иначе подпись прилипает к тексту выше и читается его продолжением. */
.nzd .nzd-wait{margin-top:var(--s3)}

/* ── Срочное: подготовка не закрыта, а занятие сегодня ───────────────────
   Полоска слева вместо рамки: рамка вокруг всего блока на тёмном герое
   спорит с рамкой самой карточки, а полоска читается как «сюда смотреть». */
.nzd-alarm{display:flex;flex-direction:column;gap:5px;margin-top:var(--s4);
  padding:12px 14px;border-radius:var(--r-m);
  background:var(--hero-track);/* полосу на ребре убрали: срочность держат заголовок и точка --live */}
.nzd-alarm b{font-family:var(--font-head);font-size:14.5px;font-weight:700;
  letter-spacing:-.01em;color:var(--hero-ink)}
.nzd-alarm .nzd-cnt{font-size:12.5px;color:var(--hero-sub)}
/* system.css снимает маркеры со ВСЕХ списков — здесь они нужны: это перечень
   дел, а не абзац. Точку гасим до подписи, чтобы она не спорила с текстом. */
.nzd-alarm ul{margin:3px 0 0;padding-left:17px;list-style:disc;
  font-size:13.5px;line-height:1.55;color:var(--hero-ink)}
.nzd-alarm li::marker{color:var(--hero-sub)}
.nzd-alarm li.nzd-more{color:var(--hero-sub)}
.nzd-alarm .nzd-note{margin-top:3px;font-size:11.5px;color:var(--hero-sub)}

/* ── Строки готовности ──────────────────────────────────────────────────
   По строке на тему: подготовка, покупки, уроки. Разделены волосом, а не
   отступом: три отдельных плашки на герое выглядели бы как три карточки. */
.nzd-rows{margin-top:var(--s4);border-top:1px solid var(--hero-hair)}
.nzd-row{display:flex;align-items:center;gap:11px;width:100%;
  min-height:44px;padding:9px 0;margin:0;
  border:0;border-bottom:1px solid var(--hero-hair);border-radius:0;
  background:none;color:var(--hero-ink);font:inherit;text-align:left;
  -webkit-appearance:none;appearance:none}
.nzd-rows .nzd-row:last-child{border-bottom:0}
.nzd-row.act{cursor:pointer;transition:opacity var(--dur) var(--ease)}
.nzd-row.act:active{opacity:.62}

/* Три знака и ровно три смысла: .ok — закрыто (галочка в тихом кружке),
   .warn — сегодня мешает (красный восклицательный), .info — просто лежит
   рядом (список, без кружка). Зелёный --green на тёмно-синем герое в дневной
   теме почти не читается, да «сделано» и не должно кричать: кричит только
   несделанное. */
.nzd-ic{flex:none;display:flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:50%;
  background:var(--hero-track);color:var(--hero-ink)}
.nzd-ic svg{width:13px;height:13px}
.nzd-row.warn .nzd-ic{background:none;color:var(--live)}
.nzd-row.warn .nzd-ic svg{width:20px;height:20px}
.nzd-row.info .nzd-ic{background:none;color:var(--hero-sub)}
.nzd-row.info .nzd-ic svg{width:19px;height:19px}

.nzd-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.nzd-tx b{font-size:13.5px;font-weight:650;letter-spacing:-.005em}
/* Хвост — одной строкой: «осталось: Claude Pro, домен» длиннее экрана,
   и перенос на вторую строку ломает ритм списка. Курсив снимаем. */
.nzd-tx i{font-style:normal;font-size:12px;color:var(--hero-sub);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nzd-row.warn .nzd-tx i{color:var(--hero-ink)}

/* Шеврон стоит только у строк, которым есть что открыть; повёрнут — значит
   блок уже развёрнут ниже. Скорость и кривая — общие (--dur/--ease);
   prefers-reduced-motion гасит их в system.css. */
.nzd-go{flex:none;width:18px;height:18px;color:var(--hero-sub);
  transition:transform var(--dur) var(--ease)}
.nzd-go svg{display:block;width:18px;height:18px}
.nzd-row.open .nzd-go{transform:rotate(90deg)}