/* ------------------------------------------------------------------
   distal-biceps.css — ajustements de style propres à la maquette
   « rupture du biceps distal ». La charte générale (coquille UI, scène 3D,
   panneau, responsive) vient de /core/css/ui.css.
------------------------------------------------------------------ */

/* listes déroulantes : même rendu que dans les autres maquettes —
   hauteur tactile (44 px), chevron maison */
.field-label { display: block; margin: 14px 0 6px; font-size: 13px; font-weight: 500; }
.select { position: relative; margin-top: 2px; }
.select select {
  -webkit-appearance: none; appearance: none;
  width: 100%; min-height: 44px; padding: 10px 38px 10px 12px;
  font: inherit; font-size: 14px; font-weight: 500; color: var(--ink);
  background: var(--surface); border: 1px solid var(--border-2); border-radius: var(--r-sm);
  cursor: pointer;
}
.select select:hover { border-color: var(--tone, var(--accent)); }
.select::after {
  content: ""; position: absolute; right: 15px; top: 50%;
  width: 7px; height: 7px; margin-top: -6px; pointer-events: none;
  border-right: 2px solid var(--ink-2); border-bottom: 2px solid var(--ink-2);
  transform: rotate(45deg);
}

/* « Plier le coude » et « Reproduire le mécanisme » : la pastille passe de play à pause pendant le mouvement */
#btn-flex-play { margin-top: 10px; }
#btn-flex-play .ico-pause { display: none; }
#btn-flex-play.is-playing .ico-play { display: none; }
#btn-flex-play.is-playing .ico-pause { display: block; }

/* mesures sous les glissières : rétraction, tension du lacertus — lues sur la maquette */
#flex-meter strong { color: var(--ink); font-weight: 600; }

/* les risques ne se règlent qu'une fois le tendon réinséré */
.switch.is-off { opacity: 0.45; }
.switch.is-off .switch-track { cursor: not-allowed; }