/* Плитки прогноза по закупке. Пара к /js/gt-predictor.js — подключать вместе.
   Стили вынесены из public/search.html 21.09.2026, когда прогноз понадобился
   и в избранном: держать их в двух страницах значит развести их на первой правке. */

/* Точка с числом участников — компактный вид для списка. Спрятана, пока данных нет
   (правило 3.5: показывать пустую серую точку у каждой второй строки хуже, чем ничего);
   класс .on ставит gt-predictor.js, когда прогноз по этой закупке пришёл. */
.pdot { display: none; vertical-align: middle; margin-right: 7px; min-width: 20px; height: 18px;
  border-radius: 9px; color: #fff; font-size: 11.5px; font-weight: 700; line-height: 18px;
  text-align: center; padding: 0 5px; }
.pdot.on { display: inline-block; }
.pdot.p-green { background: #17935c; }
.pdot.p-amber { background: #d79a12; }
.pdot.p-red { background: #d2442c; }

/* Плитки: «3,2 участника», «−38 % падение цены», «64 % без торга» */
.pred-slot { display: flex; gap: 8px; align-items: stretch; }
.pred-tile {
  background: #f4f6f5; border-radius: 9px; padding: 8px 11px; min-width: 76px;
  text-align: center; display: flex; flex-direction: column; justify-content: center;
}
.pred-tile-v { font-size: 20px; font-weight: 700; line-height: 1.1; letter-spacing: -.3px; }
.pred-tile-l { font-size: 11px; color: #6b7b74; margin-top: 3px; white-space: nowrap; }
.pred-tile.p-green .pred-tile-v { color: #17935c; }
.pred-tile.p-amber .pred-tile-v { color: #b8830f; }
.pred-tile.p-red .pred-tile-v { color: #d2442c; }

/* Спрятанный подробный вид (см. комментарий в gt-predictor.js) — стили не удаляем */
.pred-mini-head { display: flex; align-items: center; gap: 7px; font-weight: 600; font-size: 13px; }
.pred-mini-row { font-size: 13px; margin-top: 4px; line-height: 1.4; }
.pred-mini-row.r-red { color: #b3372a; font-weight: 600; }
.pred-mini-row.r-amber { color: #96700d; }
.pred-mini-n { font-size: 11px; color: #7d8c86; margin-top: 3px; }

/* На телефоне плитки занимают свою строку и делят её поровну: иначе последняя
   уезжает за край карточки (жалоба владельца 21.09.2026, было 63 px за кромкой). */
@media (max-width: 560px) {
  .pred-slot { width: 100%; }
  .pred-tile { flex: 1; min-width: 0; }
}