/* PTC — classeur d'étapes, composant PARTAGÉ (décision Déb du 29/08/2026).
   Un seul endroit pour la forme « classeur à onglets » : les onglets montrent
   les étapes EN PERMANENCE et chacun porte son état (pastille + valeur).
   Hôtes homologués : /app/autorisations/ et la vue Budget de /app/.
   Le gabarit des fiches (ptc-fiche-gabarit) reste distinct tant que le
   composant n'est pas homologué — adaptateur à écrire ensuite, pas avant.
   Typographie : celle de la marque (DM Sans / Poppins), pas system-ui.
   Couleurs : jetons de ptc-brand.css, avec repli local par variable.
   Mobile : les onglets DÉFILENT horizontalement (jamais de retour à la
   ligne) ; ptc-classeur.js recentre l'onglet actif. */
.ptc-classeur{margin:14px 0}
.ptc-classeur__tabs{display:flex;gap:5px;overflow-x:auto;overflow-anchor:none;position:relative;z-index:1;margin-bottom:-2px;padding:2px 2px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ptc-classeur__tabs::-webkit-scrollbar{display:none}
.ptc-classeur__tabs [role=tab]{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font:700 .78rem/1.25 "DM Sans",system-ui,sans-serif;color:var(--mut,#5b6573);background:var(--cream,#f7f4ef);background-clip:padding-box;border:1px solid var(--line,#e4e0d6);border-bottom:2px solid transparent;border-radius:10px 10px 0 0;padding:9px 12px;cursor:pointer;white-space:nowrap}
.ptc-classeur__tabs [role=tab]:hover{color:var(--navy,#0b3268)}
.ptc-classeur__tabs [role=tab]:focus-visible{outline:3px solid #79aee0;outline-offset:-2px}
.ptc-classeur__tabs [role=tab].est-actif{background:#fff;color:var(--navy,#0b3268);border-color:var(--navy,#0b3268);border-bottom-color:#fff}
.ptc-classeur .pc-num{display:inline-flex;flex:0 0 auto;width:19px;height:19px;border-radius:50%;background:var(--line,#e4e0d6);color:var(--mut,#5b6573);align-items:center;justify-content:center;font:800 .68rem/1 "DM Sans",sans-serif}
.ptc-classeur [role=tab].est-rempli .pc-num{background:var(--ok,#1d7a5f);color:#fff}
.ptc-classeur [role=tab].est-actif .pc-num{background:var(--coral,#d94032);color:#fff}
.ptc-classeur .pc-etat{font-size:.7rem;font-weight:700;color:var(--mut,#5b6573);font-variant-numeric:tabular-nums;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.ptc-classeur .pc-etat:empty{display:none}
.ptc-classeur [role=tab].est-actif .pc-etat{color:var(--coral-dark,#b72f28)}
.ptc-classeur__binder{position:relative;border:1px solid var(--navy,#0b3268);border-top-width:2px;border-radius:0 0 14px 14px;background:#fff;padding:16px 18px 18px}
/* Sans JS, tous les panneaux restent empilés (repli lisible) ; le script
   pose est-js sur le bloc et n'affiche alors que le panneau actif. */
.ptc-classeur.est-js .ptc-classeur__panneau{display:none}
.ptc-classeur.est-js .ptc-classeur__panneau.est-actif{display:block}