/* 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; }
/* 21/10 (lot acces-v2) : interrupteur « V2 ouverte », case « lecture seule », confirmation d'ouverture. */
.v2-acces-table td { vertical-align: middle; }
.v2-acces-qui { font-size: 12.5px; margin-top: 2px; }
.v2-acces-bascule { font-size: 13px; min-height: 36px; }
.v2-acces-bascule:disabled { cursor: not-allowed; opacity: .6; }
.v2-acces-case { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; cursor: pointer; }
.v2-acces-case input { width: 18px; height: 18px; }
.v2-acces-confirmer td { background: hsl(var(--choisi-fond)); }
.v2-acces-formulaire { display: flex; align-items: center; gap: 12px 16px; flex-wrap: wrap; }
.v2-acces-boutons { display: inline-flex; gap: 8px; margin-left: auto; }
.v2-acces-fait { border-color: hsl(var(--success) / .5); }
.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; } }
/* 21/10 : portables de 1 280 à 1 365 px (et fenêtre d'application) — la barre du haut tenait 52 px de
   trop (bouton « ? » hors de l'écran, défilement horizontal sur tous les écrans). La recherche se
   resserre, ⌘K l'ouvre toujours. */
@media (min-width: 1100px) and (max-width: 1365px) {
  header.v2-entete .v2-search input { width: 150px; }
  header.v2-entete .v2-search .ux-kbd { display: none; }
  /* Pas de texte d'aide coupé (« Écran, pl… ») : la loupe seule, le libellé reste pour les lecteurs d'écran. */
  header.v2-entete .v2-search input::placeholder { color: transparent; }
}