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

   ГЛАВНОЕ РЕШЕНИЕ ПО ВИДУ: две кнопки решения — РАВНОЗНАЧНЫ. Ни «да», ни
   «нет» здесь не является рекомендуемым ответом: человек смотрит лот глазами
   и говорит, что видит. Красить «подтверждаю» в акцент, а «ошибка» в серое
   значило бы подталкивать к первому ответу — а это данные, на которых потом
   калибруют пайплайн. Поэтому обе кнопки одинаковой формы, различаются только
   цветом текста (зелёный/красный) и подписью.

   Подписи приходят с сервера и бывают ДЛИННЫМИ («✅ Локация верна — здесь
   действительно пусто»), поэтому кнопки в колонку и во всю ширину: в ряд они
   рвались бы на три строки каждая.
   ──────────────────────────────────────────────────────────────────────── */

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

.mr-head { display: flex; align-items: baseline; gap: var(--sp-2); }
.mr-id { font-size: var(--fs-ui); font-weight: 600; }
.mr-meta { margin-left: auto; font-size: var(--fs-small); color: var(--ink-soft); }

/* Описание со скрейпа — единственное, где у такого лота вообще есть адрес
   (координат-то нет). Три строки: больше на телефоне съедает экран, меньше —
   обрывает адрес на середине. */
.mr-descr {
  font-size: var(--fs-small); line-height: 1.35; color: var(--ink);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden;
}
.mr-reason { font-size: var(--fs-meta); color: var(--ink-soft); line-height: 1.35; }
.mr-link {
  align-self: flex-start;
  font-size: var(--fs-small); color: var(--accent); text-decoration: none;
  padding: 2px 0;
}

.mr-acts {
  display: flex; flex-direction: column; gap: var(--sp-2);
  padding-top: var(--sp-2);
}
.mr-btn {
  width: 100%;
  border: 1px solid var(--line); border-radius: var(--r-sm);
  background: var(--bg); padding: 10px var(--sp-3);
  font: inherit; font-size: var(--fs-small); font-weight: 500; text-align: left;
  cursor: pointer;
}
.mr-btn:disabled { opacity: .5; cursor: default; }
.mr-yes { color: var(--ok); }
.mr-no { color: var(--danger); }
.mr-neutral { color: var(--ink); }

/* «Одобрить и вывести» — единственное действие, которое ВЫВОДИТ лот, а не
   закрывает его. Заливкой, а не цветом текста: цвет здесь уже занят парой
   «подтвердить/отклонить», и третья по счёту оттеночная кнопка читалась бы
   как ещё один вариант отказа. */
.mr-go {
  background: var(--accent); border-color: var(--accent);
  color: var(--on-accent); font-weight: 600;
}

/* Откат — не кнопка решения, поэтому без рамки: он появляется только на
   строке, по которой решение только что приняли. */
.mr-undo {
  align-self: flex-start;
  border: 0; background: none; padding: 2px 0;
  color: var(--accent); font: inherit; font-size: var(--fs-small); font-weight: 500;
  cursor: pointer;
}

.mr-status { font-size: var(--fs-meta); color: var(--ink-soft); padding-top: var(--sp-1); }
.mr-status.is-ok { color: var(--ok); }
.mr-status.is-warn { color: var(--warn); }