/* Calculs maison (A4.5) : fiche joueur, onglet « Effectif et données » d'un club, ateliers data et « Les Belges partout ».
   Composants communs (panneaux, tableaux, étiquette .badge, chiffres de la fiche) ; ici la grille, le dessin de la forme en SVG
   et la mise en page des ateliers, sans défilement de côté (320 px). */
.calculs-maison { margin-top: 32px; }
.calculs-maison :is(h2, h3) .badge { vertical-align: middle; margin-left: 8px; }
.calculs-grille { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; align-items: start; margin-top: 12px; }
.calculs-grille .panneau { display: grid; gap: 8px; align-content: start; min-width: 0; }
.calculs-grille :is(h3, h4) { margin: 0; }
.calculs-grille h3 .badge { margin-left: 6px; }
.calculs-grille .chiffres-saison { grid-template-columns: repeat(auto-fit, minmax(84px, 1fr)); }
.calculs-grille .chiffres-saison dd small { font-size: 14px; color: var(--brume); }
.calculs-grille p { margin: 0; }
.calculs-maison p.small a, .atelier p.small a, .belges p.small a { display: inline-flex; align-items: center; min-height: 44px; }
.forme-maison { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.forme-maison .pastille-note { font-size: 20px; padding: 8px 10px; }
.forme-barres { width: 96px; height: 40px; }
.forme-barres rect { fill: var(--or); }
.atelier .formule { overflow-wrap: anywhere; }
.atelier .tableau, .belges .tableau { position: relative; }
.belges .bloc-belges { margin-top: 32px; }
.belges .tableau a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.belges .non-couvert { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.belges .barre-pct { display: inline-block; width: 96px; height: 10px; border-radius: var(--r-pilule); background: var(--trait); vertical-align: middle; overflow: hidden; margin-right: 8px; }
.belges .barre-pct i { display: block; height: 100%; background: var(--or); }
@media (max-width: 760px) {
  .belges .barre-pct { width: 56px; }
}