/* ─── Раздел «Мои анализы» на экране «Ещё» (ТЗ 05.08, П4а) ────────────────
   Владелец файла — analysis.js. Карточку раздела (`.more-card`, `.card-head`,
   `.card-note`) даёт more.css: раздел обязан выглядеть как соседние, а не как
   отдельная страница внутри экрана.

   Ни одного нового цвета и ни одного нового кегля: всё из tokens.css. Тон
   строки (`tone-ok/warn/bad/wait`) повторяет приём сводки — цвет ЛИШЬ
   усиливает слово, само состояние всегда написано текстом.

   ГОЧА: модификаторы называются `is-*`, а не `warn`/`danger`. В detail.css
   есть неограниченное правило `.warn { padding; border-left; background }` —
   оно применяется к любому элементу с этим классом на любом экране (живая
   проверка 04.08 на подписях сводки).
   ──────────────────────────────────────────────────────────────────────── */

.an-list { list-style: none; margin: 0; padding: 0; }
.an-row {
  display: flex; flex-direction: column; gap: 3px;
  padding: var(--sp-2) 0;
}
.an-row + .an-row { border-top: 1px solid var(--line); }

/* Свежий разбор, ради которого и открыли приложение по кнопке из телеграма
   (`?analysis=<id>`). Подсветка бледная и без рамки: это «вот он», а не
   тревога. */
.an-row.is-wanted {
  background: var(--accent-tint);
  border-radius: var(--r-sm);
  padding-left: var(--sp-2); padding-right: var(--sp-2);
  margin: 0 calc(-1 * var(--sp-2));
}

.an-head { display: flex; align-items: baseline; gap: var(--sp-2); }
.an-when { margin-left: auto; font-size: var(--fs-meta); color: var(--ink-soft); }

/* Статус — плашкой: в списке из десятка строк глаз ищет именно его, а голый
   текст в ряду с адресом теряется. Подложка своя у каждого тона, текст всегда
   тёмный по светлому — те же пары, что в остальном приложении. */
.an-chip {
  flex: none;
  font-size: var(--fs-meta); font-weight: 500;
  padding: 1px 8px; border-radius: 999px;
  background: var(--surface); color: var(--ink-soft);
}
.an-chip.tone-ok { background: var(--ok-soft); color: var(--ok); }
.an-chip.tone-warn { background: var(--warn-soft); color: var(--warn); }
.an-chip.tone-bad { background: var(--danger-soft); color: var(--danger); }
.an-chip.tone-wait { background: var(--accent-soft); color: var(--accent-strong); }

/* Что разбирали. Ссылки бывают длинные — переносим по любому месту, иначе
   строка растягивает карточку и на телефоне появляется горизонтальная
   прокрутка. */
.an-query {
  font-size: var(--fs-body); line-height: 1.35;
  overflow-wrap: anywhere;
}
.an-title { font-size: var(--fs-small); color: var(--ink-soft); }
.an-note { font-size: var(--fs-meta); color: var(--ink-soft); line-height: 1.35; }

.an-acts { display: flex; align-items: center; gap: var(--sp-3); padding-top: var(--sp-1); }
/* «Открыть карточку» — главное действие строки, но не всего экрана: тот же
   безфоновый стиль, что у ссылок-кнопок сводки. */
.an-open, .an-link {
  border: 0; background: none; padding: 2px 0;
  color: var(--accent); font: inherit; font-size: var(--fs-small); font-weight: 500;
  cursor: pointer; text-decoration: none;
}
.an-link { font-weight: 400; color: var(--ink-soft); }

/* ─── карта радиуса (раздел «Радиус», 03.09) ───
   Картинка — сам ответ, а не иллюстрация, поэтому во всю ширину карточки и
   без обрезки: на ней кольца и дома, обрезанный край врёт о покрытии. */
.rd-map {
  display: block;
  width: 100%;
  border-radius: var(--r-sm);
  background: var(--surface);
}
/* Сводка приходит готовыми строками (те же, что подписью под фото в TG).
   Перенос по словам их перемешал бы, поэтому `pre` — но с переносом длинных
   строк, иначе на телефоне появляется горизонтальная прокрутка. */
.rd-sum {
  margin: 0;
  font: inherit;
  font-size: var(--fs-small);
  line-height: 1.4;
  color: var(--ink);
  white-space: pre-wrap;
  word-break: break-word;
}