/* Two-step sign-in set-up (public/mfa-ui.js), on the sign-in page and the account page */
.mfa-step h3{font-family:Manrope,Inter,sans-serif;font-size:20px;margin:0 0 8px;letter-spacing:-.02em}
.mfa-how{margin:0 0 16px;padding-left:20px;color:#34435c;font-size:14px;line-height:1.6}
.mfa-qr{width:200px;max-width:70vw;margin:0 auto 14px;background:#fff;border:1px solid #dce3ee;border-radius:12px;padding:6px}
.mfa-qr svg{display:block;width:100%;height:auto}
.mfa-manual{margin:0 0 18px;font-size:13px;color:#5b6a82}
.mfa-manual summary{cursor:pointer;color:#315bd8;font-weight:600}
.mfa-secret{display:block;margin:8px 0 4px;font-size:15px;letter-spacing:.06em;word-break:break-all;background:#f6f8fc;border:1px solid #e3e8f0;border-radius:8px;padding:10px 12px;color:#071226}
.mfa-note{font-size:13px;color:#5b6a82;line-height:1.55;margin:0 0 14px}
.mfa-form label{display:block;font-size:13px;font-weight:600;color:#26354d;margin:0 0 7px}
.mfa-form input{width:100%;font:inherit;font-size:22px;letter-spacing:.3em;padding:12px 14px;border:1px solid #dce3ee;border-radius:10px;margin:0 0 12px;box-sizing:border-box}
.mfa-form input:focus{outline:none;border-color:#315bd8;box-shadow:0 0 0 4px rgba(49,91,216,.12)}
.mfa-err{font-size:14px;color:#b4233c;background:#fdf0f2;border:1px solid #f3c9d1;border-radius:10px;padding:10px 12px;margin:0 0 12px}
.mfa-err[hidden]{display:none}
.mfa-btn{width:100%;border:0;border-radius:10px;padding:14px 18px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;background:#315bd8;color:#fff}
.mfa-btn:hover{background:#244eca}
.mfa-btn[disabled]{opacity:.55;cursor:default}
.mfa-btn.ghost{background:#fff;color:#1b2c47;border:1px solid #d8dfeb}
.mfa-row{display:flex;gap:10px;margin:0 0 14px}
.mfa-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;margin:0 0 16px;padding:14px 14px 14px 34px;background:#f6f8fc;border:1px solid #e3e8f0;border-radius:10px;font-size:15px}
.mfa-codes code{letter-spacing:.05em}
.mfa-check{display:flex;gap:8px;align-items:center;font-size:14px;margin:0 0 14px;color:#26354d}
.mfa-check input{width:auto;margin:0}
html[data-brand="justdom"] .mfa-btn{background:#0971fd}
html[data-brand="justdom"] .mfa-manual summary{color:#0971fd}