/* Досье заказчика и прогноз цены победы: дополняет app.css, переменные цветов оттуда. */

.forecast { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.forecast__main { min-width: 0; }
.forecast__price { font: 800 30px/1.1 var(--font); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.forecast__price small { font: 700 15px var(--font); color: var(--text-3); }
.forecast__range { margin-top: 4px; font-size: 14px; color: var(--text-2); font-weight: 600; }
.forecast__side { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: 13px; }
.forecast__percent { font: 800 22px/1.2 var(--font); font-variant-numeric: tabular-nums; }
@media (max-width: 559px) {
  .forecast__side { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; width: 100%; }
  .forecast__side .tag { order: 3; }
  .forecast__percent { font-size: 18px; }
}
.forecast__scale { position: relative; height: 10px; border-radius: 5px; background: var(--surface-soft); margin: 16px 0 4px; }
.forecast__scale span { position: absolute; top: 0; bottom: 0; border-radius: 5px; background: var(--info-soft); box-shadow: inset 0 0 0 1.5px rgba(21, 101, 216, .35); }
.forecast__scale i { position: absolute; top: -4px; width: 3px; height: 18px; margin-left: -1px; border-radius: 2px; background: var(--link); }
.forecast__axis { display: flex; justify-content: space-between; font-size: 12px; color: var(--text-3); font-weight: 600; }
.insights__basis { font-size: 13px; color: var(--text-2); margin: 10px 0 0; }
.insights__list { margin-top: 14px; color: var(--text-2); }
.insights__list .icon--s { color: var(--text-3); }
.insights__list .warn { color: var(--warn); }
.insights__empty { margin: 14px 0 0; font-size: 14px; }

.dossier__title { font-size: 24px; line-height: 1.25; overflow-wrap: anywhere; }
@media (min-width: 900px) { .dossier__title { font-size: 28px; } }
.dossier__facts { margin-top: 0; }
@media (min-width: 720px) { .dossier__facts { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .dossier__facts { grid-template-columns: repeat(6, 1fr); } }
.fact__value.bad { color: var(--bad); }
.fact__value.warn { color: var(--warn); }

.winner { align-items: flex-start; }
.winner__body { flex: 1; min-width: 0; }
.winner__name { font-weight: 700; overflow-wrap: anywhere; }
.winner .bar { margin-top: 6px; }
.winner__meta { font-size: 13px; color: var(--text-3); margin-top: 4px; font-weight: 600; }
.complaint__side { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: 13px; max-width: 45%; }
.dossier__table td:nth-child(2) { min-width: 220px; }
.dossier__table td:last-child { min-width: 160px; font-size: 13px; }
.dossier__periods { margin-bottom: 14px; }
@media (max-width: 479px) { .dossier__periods a { padding: 8px 12px; } }