/*
 * Connexion : « Code de vérification » de Login.vue d'origine (.validateCodeBox) : champ à
 * gauche, image du calcul à droite (40 px de haut, rayon 2 px), chacun la moitié de la ligne
 * après l'écart de 16 px. L'image est un bouton « Nouveau code » (accounts/login.js).
 * Aucune règle en ligne (CSP).
 */
.infoForm .validateCodeBox { display: flex; flex: 1 1 100%; align-items: center; width: 100%; }
.infoForm .validateCodeBox > .el-input { flex: 1 1 0; min-width: 0; margin-right: 16px; }
.validateCodeBox__refresh {
  display: block;
  flex: 1 1 0;
  min-width: 0;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: #f5f7fa;
  cursor: pointer;
}
.validateCodeBox__refresh img { display: block; width: 100%; height: 40px; border-radius: 2px; }
.validateCodeBox__refresh[aria-busy="true"] { cursor: progress; }
@media (forced-colors: active) {
  .validateCodeBox__refresh { border: 1px solid ButtonBorder; }
}