/*
  BARRE D'ONGLETS À SEPT ONGLETS ET PLUS (18/10/2026, revue le 23/10/2026 pour la DA du cockpit) — l'onglet
  « Trafic & Positionnement » (Franck : « Nouvel onglet "Trafic & Positionnement" ») n'apparaît que pour les
  clients qui partagent leur trafic ou ont des données de visibilité ; ces règles ne s'appliquent donc qu'à une
  barre de 7 onglets ou plus (:has), une barre de 6 ne bouge pas. Chargée par templates/espace/base.html.twig,
  après espace.css.

  - Téléphone (moins de 420 px) : 7 colonnes de 45 px à 320 px, 51 px à 360 px ; les marges latérales des
    onglets sont rendues au libellé court, resserré (« Factures » : 48 px pour 45 à 320 px et pour 47 à
    360 px, mesuré dans Chrome ; toujours en 12 px). Sans cela : « Factur… ». Un 8e onglet ferait tomber les
    colonnes sous 44 px à 320 px : espace.css (minmax(44px, 1fr)) fait alors défiler la barre de côté.
  - Grand écran : depuis le 23/10/2026 les paliers de la barre (casse, interlettrage, numéros) sont posés dans
    espace.css et calibrés pour HUIT onglets ; l'ancien resserrement de 900 à 1 099 px n'a plus lieu d'être.
*/

/*
  NEUF ONGLETS (passe finale du 23/10/2026) — un 9e onglet « Rapports » est arrivé le même jour (charte des
  documents, autre session). Mesuré dans Chrome (finale/tests/t1-visuel.php barres) avec les paliers ci-dessus
  calibrés pour HUIT : la barre défilait de côté à 1 100 (+30 px), 1 360 (+92), 1 440 (+12) et 1 500 px (+92),
  et au téléphone « Rapports » était coupé dans sa colonne de 44 px. Seulement quand il y a 9 onglets (:has) :
    - téléphone : chaque colonne au moins aussi large que son libellé court (et 44 px), le reste partagé ; à
      9 × 44 px la barre défile déjà de côté à 375 px, seul « Rapports » dépasse au lieu d'être coupé ;
    - 900-1 099 px : marges de 6 px ; 1 100-1 359 px : 7 px et interlettrage .04em ;
    - 1 360-1 639 px : 8 px et .06em (numérotés) ; le palier aéré (.14em, 16 px) attend 1 640 px.
*/
@media (max-width: 899px) {
  .esp-tabs:has(> .esp-tab:nth-child(9)) { grid-auto-columns: minmax(min-content, 1fr); }
  .esp-tabs:has(> .esp-tab:nth-child(9)) .esp-tab { min-width: 44px; }
}
@media (min-width: 900px) and (max-width: 1099px) {
  .esp-tabs:has(> .esp-tab:nth-child(9)) .esp-tab { padding: 0 6px; }
}
@media (min-width: 1100px) and (max-width: 1359px) {
  .esp-tabs:has(> .esp-tab:nth-child(9)) .esp-tab { padding: 0 7px; letter-spacing: .04em; }
}
@media (min-width: 1360px) and (max-width: 1639px) {
  .esp-tabs:has(> .esp-tab:nth-child(9)) .esp-tab { padding: 0 8px; gap: 7px; letter-spacing: .06em; }
}

@media (max-width: 419px) {
  .esp-tabs:has(> .esp-tab:nth-child(7)) .esp-tab { padding-left: 0; padding-right: 0; }
  .esp-tabs:has(> .esp-tab:nth-child(7)) .esp-tab-court { letter-spacing: -.045em; }
}