.loginbox .mfa-title{font-size:25px;margin:22px 0 12px;line-height:1.4;letter-spacing:0}.mfa-setup-steps{padding-left:20px;font-size:13px;line-height:1.9;color:#62786e;margin:18px 0}.mfa-qr{width:204px;height:204px;margin:18px auto;border:1px solid #e4eae6;border-radius:8px;background:#fff;padding:5px}.mfa-qr svg{display:block;width:100%;height:100%}.mfa-manual-key{font-size:12px;color:#6b8279;margin:12px 0 20px}.mfa-manual-key summary{cursor:pointer}.mfa-manual-key p{font-size:12px;margin:10px 0}.mfa-manual-key code{display:block;font-family:monospace;overflow-wrap:anywhere;color:#3a574b;background:#f3f6f4;padding:10px;border-radius:6px;margin-bottom:8px}.mfa-manual-key button{padding:5px 10px;font-size:12px}#mfaForm label{font-size:13px;margin-top:18px}#mfaCode{font-size:20px;letter-spacing:3px;padding:11px 13px;line-height:1.5}#mfaCode[name=recovery_code]{font-size:14px;letter-spacing:.5px}.mfa-submit{width:100%;margin-top:16px;min-height:42px}.mfa-bottom-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.mfa-bottom-actions .link{font-size:12px;padding:3px 0}#mfaError{font-size:12px;color:#9d534a;line-height:1.7}.mfa-backup-codes{display:grid;text-align:center;font-family:monospace;font-size:13px;line-height:1.9;color:#3c554c;background:#f3f6f4;border:1px solid #e1e8e3;border-radius:8px;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere}.mfa-backup-tools{display:flex;gap:10px}.mfa-backup-tools button{flex:1;font-size:12px}.mfa-saved-label{display:flex;align-items:center;gap:8px;margin-top:20px!important;font-size:13px!important}.mfa-saved-label input{width:16px;height:16px;flex:none}.mfa-user-status{font-size:11px;padding:4px 7px;border-radius:5px;background:#e9f4eb;color:#537960;white-space:nowrap}.mfa-user-status.pending{background:#fff4dd;color:#a28343}.login:has(.mfa-qr) .loginform,.login:has(.mfa-backup-codes) .loginform{padding-top:32px;padding-bottom:32px}@media(max-width:600px){.mfa-qr{width:180px;height:180px}.loginbox .mfa-title{font-size:22px}.mfa-backup-codes{font-size:11px}}

.loginbox #mfaForm{gap:9px;margin:18px 0 10px}.loginbox #mfaForm>label{margin:0}.loginbox #mfaForm>.mfa-submit{margin-top:7px;padding:10px;min-height:40px}#mfaError:empty{display:none}.login:has(#mfaForm) .loginhero h1{color:#edf6ef}.login:has(#mfaForm) .mfa-setup-steps{margin:12px 0;line-height:1.75}.login:has(#mfaForm) .mfa-qr{margin:14px auto}.login:has(#mfaForm) .mfa-manual-key{margin:12px 0 16px}

.mfa-security-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.mfa-security-heading h2{margin-bottom:8px}.mfa-security-heading button{flex-shrink:0}.mfa-reset-row{display:flex;align-items:center;gap:16px;margin-top:20px}.mfa-reset-row select{max-width:420px;flex:1}.mfa-reset-row label{white-space:nowrap}@media(max-width:700px){.mfa-security-heading,.mfa-reset-row{align-items:stretch;flex-direction:column}.mfa-reset-row select{max-width:none}}