/* v0.6.29 — account security and login recovery UI. */
.login-recovery-link{display:flex;justify-content:center;align-items:center;min-height:40px;margin-top:10px;color:#e4e9ff;font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.recovery-screen{min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:24px 12px;background:linear-gradient(150deg,#0c1633,#1a2659 60%,#303a77)}
.recovery-card{width:min(480px,100%);background:#fff;color:#1e293b;padding:26px;border-radius:22px;box-shadow:0 22px 65px #0005;display:grid;gap:17px}
.recovery-card h1{font-size:23px;text-align:center;margin:0}.recovery-card p{color:#64748b;text-align:center;line-height:1.9;margin:0;font-size:13px}
.recovery-card form{display:grid;gap:12px}.recovery-card label{display:grid;gap:6px;font-weight:800;font-size:13px}
.recovery-card input{width:100%;min-width:0;font-size:16px!important;direction:ltr;text-align:left;border:1px solid #cbd5e1;border-radius:11px;padding:12px;background:#f8fafc;color:#0f172a}
.recovery-card button{min-height:46px;border-radius:12px}.recovery-back{text-align:center;color:#3755ae;text-decoration:none;font-weight:800}
.settings-security-intro{border:1px solid #e0e7f1;background:linear-gradient(135deg,#f9fbff,#edf4ff);padding:16px;border-radius:17px;margin-bottom:15px}
.settings-security-intro h2{margin:0 0 6px;font-size:18px}.settings-security-intro p{margin:0;color:#64748b;font-size:13px;line-height:1.9}
.settings-security-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px;margin-bottom:20px;align-items:start}
.settings-security-card{padding:20px!important;border:1px solid #e2e8f0!important;border-radius:18px!important;background:#fff!important;min-width:0}
.settings-security-card h3{margin:0 0 7px;font-size:17px;color:#12254b}.settings-security-card p{font-size:12px;color:#64748b;line-height:1.9;margin:0 0 16px}
.settings-security-card form{display:grid;gap:11px}.settings-security-card label{display:grid;gap:6px;min-width:0;font-size:13px;font-weight:800;color:#26354d}
.settings-security-card input{min-width:0;width:100%;height:44px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:11px;font-size:16px!important;background:#f9fbff;direction:ltr;text-align:left}
.settings-security-card button{min-height:44px;width:100%;font-weight:800;border-radius:11px}
.settings-security-card .tiny{line-height:1.8}
.recovery-codes-once{grid-column:1/-1;padding:17px;border:2px solid #4a66a7;border-radius:14px;background:#f2f6ff}
.recovery-codes-once h3{margin-top:0;color:#193567}.recovery-codes-once p{font-size:13px;line-height:1.9;color:#334155}
.recovery-codes-once pre{direction:ltr;text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;font-weight:800;line-height:2.1;background:white;border:1px solid #cbd5e1;border-radius:11px;padding:12px}
.recovery-codes-once button{min-height:42px;padding:8px 16px;border-radius:10px}
.settings-section-links{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 18px}
.settings-section-links a{font-weight:800;font-size:12px;border:1px solid #dce4ef;background:#f7faff;padding:9px 13px;border-radius:999px;text-decoration:none;color:#334d77}
@media(max-width:740px){.settings-security-layout{grid-template-columns:1fr}.settings-security-card{padding:16px!important}.recovery-card{padding:20px}.settings-section-links a{flex:1;text-align:center}}
/* Readable settings typography and spacing, without changing financial calculations. */
.settings-layout{gap:13px!important}
.settings-layout>.settings-card{padding:17px 18px!important;border:1px solid #e2e8f0;border-radius:17px!important;min-width:0}
.settings-layout>.settings-card h2{font-size:17px!important;margin-bottom:14px!important}
.settings-layout label{font-size:12px!important;line-height:1.55;font-weight:800}
.settings-layout input:not([type=color]):not([type=range]),.settings-layout select{min-height:43px!important;font-size:16px!important;border-radius:10px}
.settings-layout .tiny{font-size:11px!important;line-height:1.8!important}
.settings-layout .form-grid{gap:10px!important}
.settings-layout .settings-save{min-height:46px;border-radius:11px;font-size:14px}
@media(max-width:740px){.settings-layout>.settings-card{padding:15px!important}.settings-layout .settings-number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.settings-layout .font-settings-grid{grid-template-columns:1fr!important}}
@media(max-width:365px){.settings-layout .settings-number-grid{grid-template-columns:1fr!important}}