.auth-mfa-dialog {
  width: min(460px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
}
.auth-mfa-dialog .modal-box { padding: 24px; gap: 16px; }
.auth-mfa-dialog h2 { margin: 0; font-size: clamp(1.4rem, 5vw, 1.8rem); }
.auth-mfa-dialog p { margin: 0; }
.auth-mfa-dialog .field { margin-bottom: 16px; }
.auth-mfa-dialog .actions { margin-top: 20px; }
.auth-mfa-dialog .error { margin-top: 8px; }
#mfa-dialog button.auth-mfa-recovery {
  justify-self: start;
  padding: 8px 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--accent);
}
#mfa-dialog .button-secondary {
  background: #ffffff;
  color: var(--accent);
  border: 1px solid var(--border);
  box-shadow: none;
}