/*
 * kpi-band.css — bandeau de statistiques vérifiables (partagé entre
 * `stack.html` et l'accueil). Chiffres réels uniquement — jamais de
 * métrique de trafic fabriquée (cf. Loi RIGUEUR).
 */

.stat-row {
  display: flex;
  flex-wrap: wrap;
  border: var(--border-thin) solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
}

/* Nichée dans une fenêtre-chrome : la bordure/rayon du cadre suffit. */
.window-chrome .stat-row {
  border: none;
  border-radius: 0;
}

.stat-tile {
  flex: 1 1 10rem;
  padding: var(--space-5) var(--space-5);
  border-right: var(--border-thin) solid var(--color-border);
}

.stat-tile:last-child {
  border-right: none;
}

.stat-tile__value {
  display: block;
  font-size: var(--text-2xl);
  font-weight: var(--fw-semibold);
  font-variant-numeric: normal;
  color: var(--color-ink);
  line-height: 1;
}

.stat-tile__label {
  display: block;
  margin-top: var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  color: var(--color-ink-faint);
}