/* ===== Formulaire d'accès au replay d'un webinaire =====
   Reprend les briques du design system (.card, .btn) : aucune couleur ni rayon
   n'est réinventé ici, seulement la mise en grille des 10 champs.
   ⚠️ Fichier de PREVIEW. Le thème en détient une copie octet pour octet
   (garde-fou n°5). Modifier ici d'abord. */
.mist-replay-form{position:relative;max-width:720px}
.mist-replay-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
@media(max-width:640px){.mist-replay-grid{grid-template-columns:1fr}}
.mist-replay-champ{display:flex;flex-direction:column;gap:6px;font-size:14px}
/* Les deux listes déroulantes portent des libellés longs : sur une demi-colonne
   ils passaient à la ligne et cassaient l'alignement des autres champs. */
.mist-replay-champ-large{grid-column:1 / -1}
@media(max-width:640px){.mist-replay-champ-large{grid-column:auto}}
.mist-replay-champ span{font-family:var(--display);font-weight:700;color:var(--ink-soft);font-size:13px}
.mist-replay-champ input,
.mist-replay-champ select{
  font:inherit;color:var(--ink);background:var(--bg);
  border:1px solid var(--line);border-radius:var(--r-s);padding:11px 13px;width:100%;
  box-sizing:border-box}
.mist-replay-champ select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%234A5076' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.mist-replay-champ input:focus,
.mist-replay-champ select:focus{outline:2px solid var(--blue-soft);outline-offset:1px;border-color:transparent}
/* Mention d'information : texte juridique long, il doit rester lisible sans
   écraser le formulaire — d'où le défilement plutôt qu'un pavé de 12 lignes. */
.mist-replay-rgpd{display:flex;gap:10px;align-items:flex-start;margin-top:18px;
  padding:14px 16px;background:var(--bg-soft);border-radius:var(--r-s);
  max-height:132px;overflow:auto}
.mist-replay-rgpd input{margin-top:3px;flex:0 0 auto;width:16px;height:16px;
  min-width:16px;accent-color:var(--orange)}
.mist-replay-rgpd span{font-size:12.5px;line-height:1.5}
.mist-replay-reponse:empty{display:none}
.mist-replay-reponse[data-etat="erreur"]{color:var(--orange)}
.mist-replay-video{background:var(--blue-mist)}