/* styles-prod-readiness.css — кружок-итог в конце кружков участков (pages-prod-readiness.js).
   Тот же кружок, что у участков (размер, шрифт, подпись — от .route-chain-dot /
   .route-chain-name, в «Заданиях» мельче через .pz-group-route), но кольцо сплошное
   цветом запаса: зелёный — успеваем, жёлтый — впритык, красный — опоздание. */

.route-fin-dot {
  --pct: 100%;
  border: 0;
  padding: 0;
  font-family: inherit;
  cursor: pointer;
}

.route-fin-dot:focus-visible {
  outline: 2px solid #3a82d8;
  outline-offset: 2px;
}

.route-chain-fin.is-fin-ok .route-chain-dot { --ring-fill: #3da375; color: #1f7a52; }
.route-chain-fin.is-fin-warn .route-chain-dot { --ring-fill: #e0a43a; color: #9a6400; }
.route-chain-fin.is-fin-bad .route-chain-dot { --ring-fill: #d64c40; color: #b5332a; }
.route-chain-fin.is-fin-none .route-chain-dot { --ring-fill: #b7c4d4; color: #6f8aa8; }

/* Подпись под итогом — цветом запаса, чтобы «опоздание» читалось без кружка. */
.route-chain-fin.is-fin-ok .route-chain-name { color: #1f7a52; }
.route-chain-fin.is-fin-warn .route-chain-name { color: #9a6400; }
.route-chain-fin.is-fin-bad .route-chain-name { color: #b5332a; }

/* Линия к итогу — пунктиром: это не участок, а вывод по всему маршруту. */
.route-chain .route-chain-step.route-chain-fin::before {
  background: repeating-linear-gradient(90deg, #b7c4d4 0 4px, transparent 4px 7px);
}

/* Окошко по нажатию — фиксированное, координаты считает JS (как подсказка «Прогресс-ПЗ»). */
.route-fin-pop {
  position: fixed;
  z-index: 1200;
  min-width: 220px;
  max-width: min(320px, calc(100vw - 16px));
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid rgba(124, 164, 220, 0.4);
  border-radius: 8px;
  background: #0c2143;
  box-shadow: 0 10px 24px rgba(4, 14, 32, 0.45);
  color: #e7f1ff;
  font-size: 12px;
  line-height: 1.45;
  text-align: left;
  white-space: normal;
}

.route-fin-pop-title {
  margin-bottom: 6px;
  color: #ffffff;
  font-weight: 700;
}

.route-fin-pop-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 0;
  border-top: 1px solid rgba(124, 164, 220, 0.18);
}

.route-fin-pop-row span { color: #a9bfdc; }
.route-fin-pop-row b { font-weight: 600; font-variant-numeric: tabular-nums; }
.route-fin-pop-row.is-late b { color: #ff8a8d; }
.route-fin-pop-text { max-width: 280px; }
/* Подпись блока участков и пояснение внизу (27.10.2026: даты без подписи были непонятны). */
.route-fin-pop-sec {
  margin-top: 8px;
  padding-top: 4px;
  color: #a9bfdc;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.route-fin-pop-list { margin: 4px 0 6px; padding-left: 18px; }
.route-fin-pop-foot { margin-top: 8px; color: #a9bfdc; font-size: 11.5px; }