/* Écran d'attente de la connexion (static/connexion.js), sur l'accueil et le
   tableau de bord : le code en grand, puis l'aide et « Renvoyer l'email »,
   en petit. Couleurs : les variables de chaque page (--text, --accent…). */
.cx-boite{padding:2px 0 0}
.cx-boite .check-big{width:58px;height:58px;font-size:26px;margin-bottom:16px}
.cx-boite .cx-titre{font-family:"Space Grotesk",sans-serif;font-size:22px;line-height:1.15;letter-spacing:-.04em;margin:0 0 6px}
.cx-boite .cx-texte{margin:0 0 18px;font-size:14px;line-height:1.5;color:var(--text-muted)}
.cx-texte b{color:var(--text);word-break:break-all}
.cx-boite input.cx-code{width:100%;height:58px!important;padding:0 0 0 .4em!important;text-align:center;font-size:26px!important;
  font-weight:700;letter-spacing:.4em;font-variant-numeric:tabular-nums;outline:none}
.cx-boite input.cx-code::placeholder{color:var(--text-dim);opacity:.45}
.cx-boite .btn{margin-top:12px!important}
.cx-boite .error-msg{margin-top:10px}
.cx-boite .error-msg.cx-info{color:var(--text-muted)}
.cx-boite .cx-aide{margin:16px 0 4px;font-size:12.5px;line-height:1.5;color:var(--text-dim)}
.cx-liens{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:4px;font-size:12.5px;color:var(--text-dim)}
.cx-lien{background:none;border:0;padding:6px 2px;font:inherit;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap}
.cx-lien:hover:not(:disabled){color:var(--accent)}
.cx-lien:disabled{color:var(--text-dim);cursor:default;font-variant-numeric:tabular-nums}