.mfa-panel{max-width:640px;margin:auto}.mfa-panel p{line-height:1.6}.mfa-panel input{min-width:0;width:100%}.mfa-panel [name=code]{font:600 20px ui-monospace,monospace;letter-spacing:2px;padding:12px}.mfa-qr{display:flex;justify-content:center;background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:14px}.mfa-qr img{max-width:100%;height:auto;object-fit:contain}.mfa-secret{font:600 14px ui-monospace,monospace;letter-spacing:1px;background:#f1f5f9}.mfa-recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0}.mfa-recovery-codes code{display:block;padding:12px 8px;text-align:center;background:#eef5ff;border:1px solid #c9dcf7;border-radius:8px;font-size:13px;overflow-wrap:anywhere}.mfa-ack{display:flex;gap:10px;align-items:flex-start;margin:20px 0;font-weight:600}.mfa-panel .mfa-ack input{width:auto;margin-top:4px}.mfa-settings-card{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:16px;border-top:4px solid #2563eb}.mfa-settings-card h3{margin:0}.mfa-settings-card p{margin-bottom:0}#continueMfaButton[hidden]{display:none!important}@media(max-width:520px){.mfa-recovery-codes{grid-template-columns:1fr}.mfa-settings-card{align-items:stretch;flex-direction:column}.mfa-panel .actions{flex-direction:column}.mfa-panel .actions .btn{width:100%}}
