/* stu-vues.css — LA BASCULE DE VUES, POUR QUI NE CHARGE PAS LE SHELL.
 *
 * SORTIE DE shell.css LE 2026-09-20, SANS UNE VALEUR CHANGÉE. Le propriétaire a
 * demandé le rail multi-vues de `liste-des-classes-et-cours.php` sur la page
 * d'accueil, pour le filtre par thème de la FAQ. `index.php` est une page
 * AUTONOME : elle porte son propre jeu de règles en ligne et ne charge pas
 * shell.css — le lui servir entier lui donnerait un second `.btn`, un second
 * `.panel` et un second `.sec`, c'est-à-dire une autre page.
 *
 * ⚠ EXTRAIT, PAS RECOPIÉ. Une deuxième écriture de ces douze déclarations se
 *   serait ressemblée le jour de sa naissance et aurait divergé au premier
 *   réglage : c'est exactement ce que le cartouche ci-dessous raconte déjà pour
 *   `.lcc-views`. Une seule définition, deux mondes de chargement.
 *
 * 🔴 QUI SERT LE SHELL DOIT SERVIR CE FICHIER AUSSI. Le rail n'a AUCUN repli :
 *   sans cette feuille il rend des boutons bruts du navigateur, sans un mot
 *   d'erreur — le défaut que `fiabilite-donnees.php` a payé quand la règle était
 *   encore scopée `.cc`. Les chargeurs sont : inclusions/shell_haut.php (la
 *   boucle des feuilles), shell_delegation, shell_departement, shell_ministere,
 *   shell_gouvernance, gsa_page, guard, marche_public, acces-refuse,
 *   contrat-verifier, devenir-formateur, mon-academy et index.php.
 *   `grep -rn "css/shell.css" --include=*.php .` les retrouve tous.
 *
 * ⚠ LES TOKENS SONT CEUX DU SOCLE — --surf, --surf2, --line, --ink3, --blue-7,
 *   --sh et --stu-or-k (avec son repli). Une page qui charge cette feuille sans
 *   les définir n'aurait pas un rail laid : elle n'aurait pas de rail. */

/* ══ LA BASCULE DE VUES ═══════════════════════════════════════════════════════
 * Un groupe de boutons dans un rail gris, dont un seul est « levé » en blanc.
 * Écrit pour liste-des-classes-et-cours.php le 2026-08-08 ; remonté ici le
 * 2026-08-30, quand sante-scolaire.php a dû porter EXACTEMENT le même — demande
 * du client, qui a insisté sur « exactement ».
 *
 * ⚠ REMONTÉ, PAS RECOPIÉ. Deux copies d'un composant se ressemblent le jour où
 *   on les écrit et divergent au premier réglage : ce dépôt a déjà payé des
 *   copies oubliées dans generated_files/. Une seule définition, deux pages.
 *
 * ⚠ UN SEUL NOM DEPUIS LE 2026-09-11 : `.stu-vues` / `.stu-vbtn`. L'ancien
 *   `.lcc-views` / `.lcc-vbtn` était resté en second sélecteur (« la page des
 *   classes garde son balisage ») ; le jour où cette page est passée au contrat
 *   du shell (`tab` + `data-p`), elle a pris le nom du shell avec, et le double
 *   sélecteur ne peignait plus rien. Un nom mort dans une feuille partagée,
 *   c'est un renommage que personne n'ose plus finir.
 */
/* ⚠ LE NOUVEAU NOM N'EXIGE PLUS `.cc` (2026-08-30). fiabilite-donnees.php a dû
 *   porter la même bascule et n'ouvre AUCUN conteneur `.cc` — la scoper l'aurait
 *   laissée en boutons bruts du navigateur, exactement le défaut que
 *   preparation-cours.php raconte dans son propre en-tête. Les rails y étaient
 *   invisibles sans un mot d'erreur. */
.stu-vues{display:flex;gap:4px;background:var(--surf2);
  border:1px solid var(--line);border-radius:12px;padding:3px}
.stu-vbtn{border:0;background:transparent;font:inherit;font-size:.84rem;
  font-weight:700;color:var(--ink3);padding:8px 13px;border-radius:9px;cursor:pointer;
  display:inline-flex;align-items:center;gap:7px;transition:.14s;text-decoration:none}
.stu-vbtn.on{background:var(--surf);color:var(--blue-7);box-shadow:var(--sh)}
.stu-vbtn i{color:var(--stu-or-k,#b35c36)}
/* ⚠ L'ANNEAU DE FOCUS FAIT PARTIE DU RAIL. Il manquait : un bouton visité au
 *   clavier ne se signalait que par le fond blanc de `.on`, donc PAS DU TOUT
 *   tant qu'on ne l'avait pas activé. Les pastilles de la FAQ, elles, en
 *   avaient un — le rail les remplace, il reprend leur anneau, et les vingt-
 *   cinq écrans qui portent déjà le rail y gagnent.
 * ⚠ :focus-visible ET NON :focus — au clic la souris n'a rien à souligner. */
.stu-vbtn:focus-visible{outline:3px solid var(--stu-or-k,#b35c36);outline-offset:2px}

/* ⚠ LE REPLI TÉLÉPHONE FAIT PARTIE DU COMPOSANT. Écrit pour la page des classes,
 *   remonté ici le 2026-08-30 avec le reste : deux bascules identiques sur écran
 *   large et différentes sur téléphone ne sont pas identiques.
 * ⚠ L'INTITULÉ N'EST PAS SUPPRIMÉ, IL EST REPLIÉ : `font-size:0` le laisse dans
 *   le document, donc lisible par un lecteur d'écran et par la recherche du
 *   navigateur. Un `display:none` l'aurait retiré des deux. Seule la vue active
 *   garde son nom — les autres se reconnaissent à leur pictogramme.
 * ⚠ ELLIPSE, PAS COUPE FRANCHE : les huit langues n'ont pas la même longueur ;
 *   un texte tronqué net se lit comme un mot inconnu. */
@media (max-width:640px){
  .stu-vues{flex-wrap:nowrap;width:100%;gap:3px}
  .stu-vbtn{flex:0 0 auto;font-size:0;gap:0;padding:9px 11px;
    justify-content:center;white-space:nowrap;overflow:hidden}
  .stu-vbtn i{font-size:1rem}
  .stu-vbtn.on{flex:1 1 auto;min-width:0;font-size:.82rem;gap:7px;
    padding:9px 13px;justify-content:flex-start;text-overflow:ellipsis}
}