/* ============================================================================
   LISTE | VISUEL — UN SEUL BOUTON, À LA MÊME PLACE DANS LES DEUX ÉDITEURS
   ============================================================================
   2026-10-22, Patrick : « le bouton bouge sans cesse selon la taille d'écran ».
   La bascule à deux choix était posée par-dessus la page, au milieu, fixe — puis
   reprenait sa place dans le flux sous 1000 px. Elle devient UN bouton, qui ne
   montre que l'éditeur où l'on va (« Visuel » depuis la Liste, « Liste » depuis
   le Visuel), dans la barre des boutons, JUSTE AVANT LES OUTILS (historique,
   aide, voir le site) : il ne bouge plus, quelle que soit la largeur.
   Chargée par la liste des feuilles de l'administration (includes/admin-assets.php)
   ET par admin/composer.php : aucune variable --ad-* n'est supposée présente.
   ========================================================================= */

/* La Liste : un bouton de l'en-tête (`btn btn--outline`), juste après les boutons pleins (order 1) et avant les autres
   boutons (order 3) et les outils sans fond (order 10) — la règle d'ordre est dans css/admin-socle.css. */
.admin-header__actions .editeur-bascule { order: 2; }

/* Le Visuel : un bouton de sa barre, l'icône devant le nom. */
.compo-bar .compo-bar__btn { gap: 6px; }
.compo-bar .compo-bar__btn svg { width: 16px; height: 16px; flex: 0 0 auto; }
.compo-bar .editeur-bascule { font-weight: 600; }
/* Les outils de la barre (historique, aide) : icônes seules, sans cadre, un tiers plus grandes — comme dans l'en-tête. */
.compo-bar .compo-bar__btn.compo-bar__outil { padding: 4px; border-color: transparent; background: transparent; border-radius: 50%; }
.compo-bar .compo-bar__btn.compo-bar__outil svg { width: 22px; height: 22px; }
/* « Annuler » est un petit formulaire (revisionBoutonsVersions(), étape G) : il se range dans la barre comme un bouton. */
.compo-bar form[data-annuler-dernier] { display: inline-flex; margin: 0; }

/* L'INFOBULLE D'UN BOUTON (js/admin-infobulles.js, 2026-10-22) : remplace celle du navigateur, lente,
   parfois absente, parfois hors de la fenêtre. Courte, sombre, posée sous l'élément et ramenée dans
   l'écran. Ici, dans la feuille que chargent l'administration ET la surface de composition (composer.php,
   qui n'a pas le socle) : d'où les valeurs de repli. */
.admin-infobulle {
    position: fixed;
    z-index: 10000;
    max-width: min(260px, calc(100vw - 16px));
    padding: 5px 9px;
    border-radius: 5px;
    background: var(--ad-text, #1f2430);
    color: #fff;
    font: 500 12px/1.35 system-ui, -apple-system, "Segoe UI", sans-serif;
    box-shadow: 0 4px 14px rgba(15, 18, 24, .18);
    pointer-events: none;
}
.admin-infobulle[hidden] { display: none; }