/*
 * Tous au Match – fiche de match, styles de l écran (lot FICHEMATCH).
 * © 2026 Ghislain DEMONDA – Tous droits réservés.
 */
/* TEM-FICHEMATCH début */
.fiche-bloc { margin-bottom: 16px; }
.fiche-etat { display: inline-block; padding: 2px 8px; border-radius: 99px; background: var(--surface-2); }
.fiche-etat.present { background: var(--okbg); color: var(--ok); }
.fiche-etat.absent { background: var(--kobg); color: var(--ko); }
.fiche-etat.attente { background: var(--warnbg); color: var(--warn); }
.fiche-bar { height: 8px; background: var(--surface-2); border-radius: 99px; overflow: hidden; }
.fiche-bar > div { height: 100%; background: var(--accent); }
.fiche-recap { white-space: pre-wrap; }
[data-theme="dark"] .fiche-bloc { background: var(--surface); color: var(--text); }
[data-theme="dark"] .fiche-recap { background: var(--surface-2); color: var(--text); }
[data-contrast="high"] .fiche-bloc { border: 1px solid var(--text); }
[data-contrast="high"] .fiche-etat { border: 1px solid var(--text); }
@media (max-width: 390px) {
  .fiche-bloc { padding: 0; }
  .fiche-bar { height: 10px; }
  .fiche-recap { padding: 8px; }
}
@media (min-width: 1440px) {
  .fiche-bloc { max-width: 1100px; }
  .fiche-bar { max-width: 720px; }
}
/* TEM-FICHEMATCH fin */