/* Every sign-in step shares one centered shell; taller setup steps grow naturally. */
.uritools-entry .login-card { min-height:560px; }
.uritools-entry .login-copy p:not(.eyebrow) { min-height:4.95em; overflow-wrap:anywhere; }
#loginTitle:focus { outline:none; }
.mfa-panel { margin:0; }
.mfa-panel p,.mfa-steps { color:var(--text-soft); line-height:1.6; }
.mfa-steps { padding-left:22px; }
.mfa-steps li + li { margin-top:8px; }
#mfaQr { display:block; max-width:100%; height:auto; margin:16px auto; border:1px solid var(--line); border-radius:8px; }
.mfa-key-label { display:grid; gap:6px; font-size:12px; font-weight:600; }
.mfa-key-label input { width:100%; min-width:0; font-family:monospace!important; font-size:13px; letter-spacing:0.025em; }
#mfaCopySecret { margin-top:8px; }
#mfaCode { font-size:19px; letter-spacing:0.1em; }
.mfa-recovery-toggle { margin-top:12px; width:100%; }
.mfa-recovery-codes { display:grid; grid-template-columns:1fr; gap:7px; margin:18px 0; }
.mfa-recovery-codes code { padding:9px; border:1px solid var(--line); border-radius:6px; background:#f4f7f8; color:var(--text-main); text-align:center; font-size:14px; }
.mfa-saved-check { display:flex; align-items:center; gap:10px; margin:18px 0; }
.mfa-saved-check input { width:18px; height:18px; flex:0 0 auto; }
#mfaFinish { width:100%; }
#mfaBack { display:block; margin:20px auto 0; }
@media(max-width:480px) {
  .uritools-entry .login-copy h1 { font-size:clamp(20px,5.6vw,25px); }
  .mfa-key-label input { font-size:11px; }
  .mfa-recovery-codes code { font-size:12px; }
}