/* digest.css — стили офлайн-дайджеста (js/digest.js), ленты (js/screens/feed.js)
   и мини-блока ленты на экране «Прогресс» (js/screens/progress.js).

   Подключение (index.html под замком — правит другой трек, см. инструкцию
   в шапке js/digest.js): добавить тег ПОСЛЕ css/game.css —
     <link rel="stylesheet" href="css/digest.css">

   Канон: без скруглений, кегль 16/13, letter-spacing 0.4-1px на капсе,
   золотые L-скобки панелей — через ui.brackets()/ui.panel() в самом JS, тут
   их не рисуем. Ни одного своего цвета — только var(--...) из :root в game.css. */

/* ---------- модалка «пока тебя не было» ---------- */
.digest-modal.modal-panel { width: 600px; }

.digest-sections { display: flex; flex-direction: column; }
.digest-sec { padding: 0 16px 12px; }
.digest-sec-hdr {
  font-size: var(--font-min); letter-spacing: 0.8px; text-transform: uppercase; color: var(--muted);
  padding: 10px 0 6px; border-bottom: 1px solid var(--edge-soft); margin-bottom: 4px;
}

.digest-row {
  display: flex; align-items: center; gap: 10px; padding: 7px 0;
  border-bottom: 1px solid var(--edge-soft); cursor: default;
}
.digest-row:last-child { border-bottom: none; }
.digest-row img { width: 26px; height: 26px; flex: none; }
.digest-row i.fa-solid { width: 26px; flex: none; text-align: center; color: var(--muted); font-size: 15px; }
.digest-row-dot { width: 7px; height: 7px; flex: none; margin: 0 9.5px 0 0; background: var(--edge); }
.digest-row-text { flex: 1; min-width: 0; font-size: 13.5px; line-height: 1.4; }
.digest-row-text .sub { display: block; font-size: var(--font-min); color: var(--muted); margin-top: 2px; }
.digest-row.bad .digest-row-text { color: var(--red); }
.digest-row.bad .digest-row-dot { background: var(--red); }
.digest-row.good .digest-row-text { color: var(--green); }
.digest-row.good .digest-row-dot { background: var(--green); }
/* важное — золотом, поверх bad/good (правило идёт позже в каскаде) */
.digest-row.veha .digest-row-text { color: var(--gold-strong); }
.digest-row.veha .digest-row-dot { background: var(--gold-strong); }
.digest-row.veha i.fa-solid { color: var(--gold-strong); }

.digest-done {
  padding: 26px 16px; text-align: center; color: var(--gold-strong);
  font-size: 13.5px; letter-spacing: 0.8px; text-transform: uppercase;
}

/* ---------- лента (screens/feed.js) ---------- */
.feed-note {
  padding: 10px 12px; margin-bottom: 12px; font-size: var(--font-min); line-height: 1.55;
  color: var(--muted); background: var(--panel); border: 1px solid var(--edge-soft);
}
.feed-day {
  padding: 12px 4px 6px; font-size: var(--font-min); letter-spacing: 0.8px; text-transform: uppercase;
  color: var(--muted); border-bottom: 1px solid var(--edge-soft); margin-top: 4px;
}
.feed-row { display: flex; align-items: flex-start; gap: 10px; padding: 8px 4px; border-bottom: 1px solid var(--edge-soft); font-size: 13px; }
.feed-row .t {
  flex: none; width: 84px; color: var(--muted); font-variant-numeric: tabular-nums;
  display: flex; align-items: center; gap: 5px; padding-top: 1px;
}
.feed-row .t .approx { font-size: 10px; cursor: help; }
.feed-row .kind-dot { flex: none; width: 7px; height: 7px; margin-top: 6px; background: var(--edge); }
.feed-row.bad .kind-dot { background: var(--red); }
.feed-row.good .kind-dot { background: var(--green); }
.feed-row .txt { flex: 1; min-width: 0; line-height: 1.45; }
.feed-row.bad .txt { color: var(--red); }
.feed-row.good .txt { color: var(--green); }
/* веха — рамка слева + золото, перекрывает bad/good по каскаду (объявлено позже) */
.feed-row.veha { border-left: 2px solid var(--gold-strong); background: rgba(209, 168, 94, 0.06); padding-left: 8px; }
.feed-row.veha .kind-dot { background: var(--gold-strong); }
.feed-row.veha .txt { color: var(--gold-strong); }
.feed-empty { padding: 30px 12px; text-align: center; color: var(--muted); font-size: 13px; }

/* ---------- мини-блок ленты на «Прогрессе» ---------- */
.feed-mini-row { display: flex; gap: 8px; padding: 6px 12px; border-bottom: 1px solid var(--edge-soft); font-size: var(--font-min); }
.feed-mini-row .t { flex: none; width: 58px; color: var(--muted); }
.feed-mini-row .txt { flex: 1; min-width: 0; }
.feed-mini-row.bad .txt { color: var(--red); }
.feed-mini-row.good .txt { color: var(--green); }
.feed-mini-row.veha .txt { color: var(--gold-strong); }

/* =====================================================================
   АДАПТИВ — те же брейкпоинты, что в game.css (1150/700/480)
   ===================================================================== */
@media (max-width: 700px) {
  .digest-modal.modal-panel { width: 96vw; }
  /* было: font-size:11px тут же — ниже --font-min (13px) на КАЖДОЙ строке
     ленты на телефоне. Кегль не трогаем, только ширину. 60px держали под
     11px-текст — на 13px самая длинная метка "только что" требует 62px
     (замерено живьём, clientWidth рос за рамку колонки) — 68px с запасом. */
  .feed-row .t { width: 68px; }
  .feed-mini-row .t { width: 52px; }
}
@media (max-width: 390px) {
  .feed-row { flex-wrap: wrap; }
  .feed-row .t { width: auto; }
}