.login-main > [hidden] { display: none; }
#mfaEnrollment { text-align: center; }
#mfaQr { display: block; max-width: 100%; height: auto; margin: 0 auto; }
#mfaEnrollment label { text-align: left; }
#mfaSecret { font-family: monospace; font-size: 12px; }
#backToLogin { margin-top: 12px; background: #e8eeea; color: #304c3a; }
#recoveryCodes { font-size: 12px; line-height: 1.9; white-space: pre-wrap; overflow-wrap: anywhere; }
#recoveryPanel label { display: flex; align-items: center; line-height: 1.5; }
#recoverySaved { width: 18px; height: 18px; flex: 0 0 18px; }