/* Raccordement à V1 (plan § 4) : bouton « Revenir à la V1 », bandeaux, page des accès. */
.v2-vers-v1 { white-space: nowrap; font-weight: 600; border-color: hsl(var(--primary) / .45); color: hsl(var(--choisi-texte)); background: hsl(var(--choisi-fond)); }
.v2-vers-v1:hover { background: hsl(var(--primary)); color: #fff; }
.v2-raccord-bandeau { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 8px 16px 0; padding: 8px 12px; border: 1px solid hsl(var(--warning-trait)); border-radius: 10px; background: hsl(var(--warning-doux)); color: hsl(var(--warning-fort)); font-size: 13px; }
.v2-raccord-bandeau .btn { margin-left: auto; }
.v2-raccord-lecture, .v2-raccord-pause { border-color: hsl(var(--border)); background: hsl(var(--card)); color: hsl(var(--foreground)); }
.v2-acces-ligne { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: space-between; }
.v2-acces-general[data-coupure="true"] { border-color: hsl(var(--warning-trait)); background: hsl(var(--warning-doux)); }
.v2-acces-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.v2-acces-table th, .v2-acces-table td { text-align: left; padding: 8px 6px; border-bottom: 1px solid hsl(var(--bord)); }
.v2-acces-choix { display: flex; gap: 6px; flex-wrap: wrap; }
.v2-refus .v2-connexion-carte { max-width: 460px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.v2-refus { grid-template-columns: 1fr; }
/* Téléphone (17/10 soir) : avec « Revenir à la V1 », la pastille « Essai » poussait l'entête à
   410 px sur un écran de 390 : toute la page s'élargissait (panneau de la bulle rogné à droite,
   clics décalés). La pastille s'efface alors, son texte reste dans le bandeau du menu. */
@media (max-width: 600px) { header:has(.v2-vers-v1) .ux-pastille-essai { display: none; } }
@media (max-width: 720px) { .v2-vers-v1 { padding: 4px 8px; font-size: 12px; } .v2-acces-table th:nth-child(4), .v2-acces-table td:nth-child(4) { display: none; } }