/* Passe cloud du 02/11/2026 — fiche rencontre : barre d'onglets, tableaux propres au sport, météo du coup d'envoi.
   DA « Le Point » : la barre ne crée AUCUN aplat (BarreDOnglets.swift) — libellé choisi en encre principale souligné d'un
   filet de 2 px, les autres en secondaire ; chiffres en mono ; aucune couleur pour le temps qu'il fait, le rouge reste au
   direct ; tout appui se voit (voile gris de app.css). */
.fiche-onglets { grid-column:1/-1; display:flex; gap:16px; margin:16px 0 0; padding:0 4px; overflow-x:auto; scrollbar-width:none; border-bottom:1px solid var(--filet); }
.fiche-onglets::-webkit-scrollbar { display:none; }
.fiche-onglet { flex:none; min-height:44px; padding:10px 4px 8px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--secondaire); font:700 14px Chivo,system-ui,sans-serif; white-space:nowrap; cursor:pointer; }
.fiche-onglet-actif { color:var(--texte); border-bottom-color:var(--texte); }
@media (hover:hover) { .fiche-onglet:hover { color:var(--texte); } }
.fiche-volet { grid-column:1/-1; min-width:0; }
.fiche-volet:focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
@media (min-width:1024px) {
  .fiche-volet:not([hidden]) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-content:start; }
  .fiche-volet > .bloc-detail,.fiche-volet > .complements-match,.fiche-volet > details { margin:0; min-width:0; }
  .fiche-volet > .bouton,.fiche-volet > .aide,.fiche-volet > .envoi-pote { justify-self:start; }
}

/* Tableaux par période, par set, par manche (PeriodScoresTable). */
.fiche-tableau-defile { overflow-x:auto; }
.fiche-tableau { border-collapse:collapse; width:auto; min-width:100%; }
.fiche-tableau th,.fiche-tableau td { padding:8px 6px; border-top:1px solid var(--filet); text-align:center; font-weight:400; }
.fiche-tableau thead th,.fiche-tableau thead td { border-top:0; color:var(--secondaire); font-size:11px; }
.fiche-tableau .fiche-tableau-nom { text-align:left; font:700 12.5px Chivo,system-ui,sans-serif; white-space:nowrap; padding-left:0; }
.fiche-tableau td.mono { font-size:14px; min-width:2.2em; font-variant-numeric:tabular-nums; }
.fiche-tableau .fiche-set-gagne { font-weight:700; }
.fiche-jeu-decisif { font-size:10px; color:var(--secondaire); margin-left:1px; }
.fiche-intitule { margin:0 0 8px; }
.fiche-legende { margin:8px 0 0; font-size:13px; }
.fiche-masque,.fiche-vide { margin:16px 0; }

/* Météo au coup d'envoi (MatchWeatherSection). */
.fiche-meteo-zone:empty { display:none; }
.fiche-meteo-ligne { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:10px 0; border-top:1px solid var(--filet); }
.fiche-meteo-temps { display:grid; gap:2px; min-width:0; }
.fiche-meteo-temps strong { font-size:15px; }
.fiche-meteo-temps .aide,.fiche-meteo-chiffres .aide { font-size:12px; color:var(--secondaire); overflow-wrap:anywhere; }
.fiche-meteo-chiffres { display:grid; gap:2px; justify-items:end; text-align:right; }
.fiche-meteo-temperature { font-size:20px; font-weight:700; font-variant-numeric:tabular-nums; }

/* T414 — rangée d'actions sous l'en-tête (RangeeActionsFiche.swift) : gros boutons à icône de largeur égale, contenant opaque,
   filet 1 px, rayon 5, aucune ombre ; l'état se lit au libellé (encre principale) et à aria-pressed, jamais à une couleur.
   Quatre boutons trop serrés (texte agrandi, téléphone étroit) passent en grille 2 × 2. */
.fiche-actions { grid-column:1/-1; display:grid; gap:8px; margin:12px 0 0; min-width:0; }
.fiche-actions-rangee { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:8px; }
@media (max-width:359px) { .fiche-actions-rangee[data-nombre="4"] { grid-auto-flow:row; grid-template-columns:repeat(2,minmax(0,1fr)); } }
.fiche-action { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:6px; min-width:0; min-height:64px; padding:11px 4px; border:1px solid var(--filet); border-radius:var(--rayon); background-color:var(--bloc); color:var(--secondaire); font:700 13px/1.15 Chivo,system-ui,sans-serif; text-align:center; cursor:pointer; }
.fiche-action-icone { width:26px; height:26px; flex:none; fill:none; stroke:var(--texte); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.fiche-action-libelle { overflow-wrap:break-word; hyphens:manual; max-width:100%; }
.fiche-action.actif,.fiche-action[aria-pressed="true"],.fiche-action[aria-expanded="true"] { color:var(--texte); }
.fiche-action.actif .fiche-action-icone { stroke-width:2.2; }
@media (hover:hover) { .fiche-action:hover { color:var(--texte); } }
.fiche-action:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.fiche-actions .envoi-panneau,.fiche-rappel-panneau { padding:12px; border:1px solid var(--filet); border-radius:var(--rayon); background:var(--bloc); }
.fiche-rappel-panneau .etiquette { margin:0 0 8px; }
.fiche-rappel-choix { display:flex; flex-wrap:wrap; gap:8px; }
.fiche-rappel-choix .bouton[aria-pressed="true"] { border-color:var(--texte); color:var(--texte); }
.fiche-actions-legende { display:grid; gap:4px; margin:0 4px; font-size:12px; color:var(--secondaire); }
.fiche-actions-legende:not(:has(> :not([hidden]))) { display:none; }
.fiche-actions-ligne[hidden] { display:none; }
/* Face-à-face en colonne étroite et boutons du pronostic : un nom long se coupe avec un trait d'union, jamais au milieu sans signe. */
.face-equipe,.pronostic-nom { hyphens:auto; -webkit-hyphens:auto; overflow-wrap:break-word; word-break:normal; }