#mfa-view .login-card{gap:20px}
#verification-actions{display:grid;gap:12px}
#verification-actions .button,#mfa-view form .button{width:100%;min-height:50px}
#mfa-view .status:empty{display:none}
.mfa-cancel{display:grid;margin-top:4px;padding-top:20px;border-top:1px solid var(--border)}
.mfa-cancel .button{width:100%;min-height:50px}
.mfa-qr{display:grid;justify-items:center;gap:14px;padding:18px;border:1px solid var(--border);border-radius:12px;background:#fafbfe;text-align:center}
.mfa-qr p{font-size:.9rem}
#authenticator-qr{width:min(100%,256px);padding:4px;border:1px solid var(--border);border-radius:8px;background:#fff}
#authenticator-qr svg{display:block;width:100%;height:auto}
.mfa-manual{min-width:0;padding:14px 16px;border:1px solid var(--border);border-radius:8px}
.mfa-manual summary{color:var(--blue);font-size:.86rem;font-weight:700;cursor:pointer}
.mfa-manual label{margin-top:14px}
#setup-key{font-family:monospace;font-size:.85rem}
#mfa-view select{width:100%;min-height:48px;padding:10px;border:1px solid #bfc4d1;border-radius:7px;background:white;color:var(--text);font:inherit}
@media(max-width:480px){#mfa-view .login-card{gap:18px}.mfa-qr{padding:14px}.mfa-cancel{padding-top:18px}}

