/* BâtIA, démo en ligne : la bascule reste visible, « Données réelles » grisé avec son explication. */
body:not(.bascule-prete) .bascule { visibility: visible; }
.bascule { position: relative; }
.bascule .bascule__demo, .bascule .bascule__demo:hover { background: var(--bleu); color: var(--papier); cursor: default; }
.bascule .bascule__grise { color: var(--encre-3, #8a8a8a); cursor: not-allowed; opacity: .7; }
.bascule .bascule__grise:hover { background: none; color: var(--encre-3, #8a8a8a); }
.bascule__info {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 30; width: max-content; max-width: min(300px, calc(100vw - 32px));
  padding: 10px 12px; background: var(--encre, #161616); color: var(--papier, #fff); border-radius: var(--rayon, 4px); box-shadow: var(--ombre);
  font-size: 13.5px; font-weight: 400; line-height: 1.45; white-space: normal; text-align: left;
  opacity: 0; visibility: hidden; transform: translateY(-3px); transition: opacity .15s, transform .15s, visibility .15s;
}
.bascule__grise:hover + .bascule__info, .bascule__grise:focus-visible + .bascule__info, .bascule.info-ouverte .bascule__info {
  opacity: 1; visibility: visible; transform: none;
}
@media (prefers-reduced-motion: reduce) { .bascule__info { transition: none; } }