/*
 * Les formulaires d'activation et de retour — les deux seuls du site.
 *
 * Fichier à part et non bloc `<style>` : le CSP du site est
 * `style-src 'self'`, sans `'unsafe-inline'`. Un bloc inline y est bloqué
 * en silence — la page s'affiche, sans aucun de ces styles, et le code de
 * retour reste 200. Même raison pour `activate.js`, où l'enjeu est plus
 * grave encore : le formulaire y serait simplement inerte.
 */
  /*
    Ces formulaires n'existent que sur leurs deux pages ; ils n'ont rien à
    faire dans la feuille commune, que toutes les autres chargent pour rien.
  */
  .act label { display: block; margin: 18px 0 6px; font-weight: 600; }
  .act input {
    width: 100%; padding: 10px 12px; font: inherit; font-family: ui-monospace, monospace;
    font-size: 14px; border: 1px solid var(--line, #d8d5cf); border-radius: 8px;
    background: var(--bg, #fff); color: inherit;
  }
  .act textarea {
    width: 100%; padding: 10px 12px; font: inherit; font-size: 15px; line-height: 1.5;
    border: 1px solid var(--line, #d8d5cf); border-radius: 8px;
    background: var(--bg, #fff); color: inherit; resize: vertical;
  }
  .act .opt { font-weight: 400; opacity: .6; font-size: 13px; margin-left: 6px; }
  .act .choices { border: 0; padding: 0; margin: 18px 0 0; }
  .act .choices legend { font-weight: 600; padding: 0; margin-bottom: 6px; }
  .act .choice { display: flex; align-items: center; gap: 8px; margin: 6px 0; font-weight: 400; }
  .act .choice input { width: auto; margin: 0; }
  .act .hint { margin: 6px 0 0; font-size: 13.5px; opacity: .72; }
  .act .row { display: flex; align-items: center; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
  .act button {
    padding: 10px 18px; font: inherit; font-weight: 600; cursor: pointer;
    border: 1px solid currentColor; border-radius: 8px; background: transparent; color: inherit;
  }
  .act button[disabled] { opacity: .45; cursor: default; }
  .act .check { display: flex; align-items: center; gap: 8px; font-size: 14px; }
  .act .check input { width: auto; }
  .act output {
    display: block; margin-top: 18px; padding: 14px; border-radius: 8px;
    border: 1px solid var(--line, #d8d5cf);
    font-family: ui-monospace, monospace; font-size: 13.5px; line-height: 1.6;
    word-break: break-all; white-space: pre-wrap;
  }
  .act .bad { border-color: #c0392b; }

  /* `hidden` doit gagner sur le `display` posé plus haut, sinon la boîte
     de résultat s'affiche vide avant d'avoir quoi que ce soit à dire. */
  .act [hidden] { display: none !important; }