/* ENVOL — disposition libre des commandes tactiles (js/disposition-tactile.js). Sous body.tactile
   seulement : l'ordinateur n'est pas touché. La zone de pouce devient un carré centré sur le point choisi. */
body.tactile.tac-perso .poignee { left: calc(var(--tx) - 95px) !important; top: calc(var(--ty) - 95px) !important; right: auto !important; bottom: auto !important;
  width: 190px !important; height: 190px !important; justify-content: center !important; padding: 0 !important; }
body.tactile.tac-perso .btn-action { left: var(--tx) !important; top: var(--ty) !important; bottom: auto !important; transform: translate(-50%, -50%) !important; }

body.tac-edition .poignee { display: flex !important; outline: 2px dashed rgba(255, 255, 255, .55); outline-offset: -2px; border-radius: 18px; z-index: 40; }
body.tac-edition .poignee .jauge-f, body.tac-edition .poignee .glyphe, body.tac-edition .btn-action { opacity: 1 !important; }
body.tac-edition .btn-action[hidden] { display: flex !important; z-index: 40; }
.tac-bandeau { position: fixed; z-index: 45; top: 8px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; align-items: center; padding: 6px 10px; border-radius: 12px;
  background: rgba(10, 16, 24, .92); border: 1px solid var(--ligne, rgba(255, 255, 255, .14)); font-size: 13px; color: #fff; white-space: nowrap; }

/* téléphone en portrait : la barre d'outils s'étirait sur toute la hauteur (boutons en colonnes vides) */
@media (max-width: 600px) and (min-height: 501px) { .outils { bottom: auto !important; align-items: flex-start; } .outils button { height: auto; } }
