/* ═══ PASTILLES NUMÉRIQUES (2026-10-06, demande de François) - chargée par navbar.html, donc sur TOUTES les pages ═══════════════════════════════
   Police dédiée « TF Pastille » (static/fonts/tf-pastille.woff2, dérivée d'Inter ExtraBold,
   SIL OFL - scripts/construire_police_pastille.py) : la MÊME pour tous les écrans. Chaque
   chiffre a la même largeur, son encre est centrée horizontalement dans cette largeur et
   verticalement sur la demi-hauteur de capitale ; les métriques de la police (ascendante −
   descendante = hauteur de capitale) placent ce centre AU MILIEU de la ligne. Donc :
   line-height = hauteur de la pastille ⇒ chiffre centré, sans text-box-trim.
   GÉOMÉTRIE : chiffres 11 px → 8 px de haut ; pastille 16 px → 4 px au-dessus et au-dessous,
   valeurs ENTIÈRES aux zooms 100/125/150/175/200 % (20/10/5, 24/12/6…). Ne pas changer
   l'un sans l'autre. Couleurs et positions restent celles de chaque pastille. */
@font-face {
  font-family: 'TF Pastille';
  src: url('/static/fonts/tf-pastille.woff2') format('woff2');
  font-weight: 100 900;
  font-display: block;
  unicode-range: U+0020, U+002B, U+0030-0039;
}
html :is(.mp-notif, .pat-compo-pastille, .prod-nav-badge, .ptf-encours-chip, .tcb-notif-pastille,
         .act-cnt:not(.act-cnt-neutre)) {
  font-family: 'TF Pastille', system-ui, sans-serif;
  font-size: 11px; font-weight: normal; font-variant-numeric: normal; letter-spacing: 0;
  height: 16px; min-width: 16px; line-height: 16px; padding: 0 4px; box-sizing: border-box;
  text-align: center; text-box-trim: none; border-radius: 8px;
}
html :is(.mp-notif, .pat-compo-pastille, .prod-nav-badge, .act-cnt:not(.act-cnt-neutre)) { display: inline-block; vertical-align: middle; }


/* GRANDE pastille (2026-10-06) : compteur d'en-tête de la page des transmissions Saxo.
   Chiffres 22 px → 16 px de haut (1490/2048 × 22 = 16,006) ; pastille 40 px → 12 px au-dessus
   et au-dessous, entiers à 100/125/150/175/200 % (50/20/15, 60/24/18…). */
html .saxo-primaire-pastille {
  font-family: 'TF Pastille', system-ui, sans-serif;
  font-size: 22px; font-weight: normal; font-variant-numeric: normal; letter-spacing: 0;
  display: inline-block; height: 40px; min-width: 40px; line-height: 40px; padding: 0 10px;
  box-sizing: border-box; text-align: center; text-box-trim: none; border-radius: 12px;
}