/*
 * Tous au Match – convocations et absences, styles de l écran (lot D-CONVOC).
 * © 2026 Ghislain DEMONDA – Tous droits réservés.
 */
/* TEM-DCONVOC début */
.convoc-bloc { margin-bottom: 16px; }
.convoc-compteurs { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--text); }
.convoc-etat { display: inline-block; padding: 2px 8px; border-radius: 99px; background: var(--surface-2); color: var(--text); }
.convoc-etat.present { background: var(--okbg); color: var(--ok); }
.convoc-etat.absent { background: var(--kobg); color: var(--ko); }
.convoc-etat.attente { background: var(--warnbg); color: var(--warn); }
.convoc-texte { white-space: pre-wrap; background: var(--surface-2); border-radius: 8px; padding: 8px 12px; color: var(--text); }
[data-theme="dark"] .convoc-etat { background: var(--surface-2); color: var(--text); }
[data-theme="dark"] .convoc-texte { background: var(--surface-2); color: var(--text); }
[data-contrast="high"] .convoc-etat { border: 1px solid var(--text); }
[data-contrast="high"] .convoc-compteurs { color: var(--text); }
@media (max-width: 390px) {
  .convoc-bloc { padding: 0; }
  .convoc-texte { padding: 8px; }
}
@media (min-width: 1440px) {
  .convoc-bloc { max-width: 1100px; }
  .convoc-texte { max-width: 720px; }
}
/* TEM-DCONVOC fin */