/* FB Clone account + login: standalone two-factor styling, aligned to existing blue/white theme. */
.account-two-factor .totp-status{display:flex;justify-content:space-between;gap:18px;align-items:center;background:#f5faff;border:1px solid #e0eefa;border-radius:11px;padding:15px 17px;margin-bottom:17px}
.account-two-factor .totp-status strong{font-size:13px;display:block;color:#20435e}
.account-two-factor .totp-status small{font-size:12px;display:block;color:#758da2;margin-top:5px;line-height:1.6}
.totp-status-pill{flex:0 0 auto;display:inline-flex;align-items:center;border-radius:99px;padding:6px 13px;font-size:11px;font-weight:800;white-space:nowrap}
.totp-status-pill.is-enabled{color:#08794d;background:#dff8ec}
.totp-status-pill.is-disabled{color:#7f8d9e;background:#e8eef4}
.account-two-factor .totp-form{max-width:none;width:100%;min-width:0}
.totp-setup{display:flex;align-items:flex-start;gap:22px;margin:6px 0 20px}
.totp-setup-qr{display:grid;place-items:center;width:226px;height:226px;padding:10px;border:1px solid #e3edf7;border-radius:13px;background:white;flex-shrink:0}
.totp-setup-qr svg{display:block;width:100%;height:auto;max-height:100%;background:white}
.totp-setup-qr p{font-size:12px;color:#617e94;text-align:center}
.totp-setup-info h3,.totp-recovery h3{margin:0 0 11px;font-size:15px;color:#1b496b}
.totp-setup-info p{font-size:12px;color:#668399;line-height:1.65;margin:8px 0}
.totp-setup-info .totp-secret{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;background:#edf6ff;border:1px dashed #bcdcf6;border-radius:9px;padding:10px 13px;font-size:14px;font-weight:700;line-height:1.8;letter-spacing:.065em;color:#075ea3;user-select:all}
.totp-setup-info .totp-warning{color:#b66025}
.account-two-factor .totp-form .account-field{max-width:none;width:100%;min-width:0}
.account-two-factor .totp-form .account-field input{width:100%;max-width:none;box-sizing:border-box}
.totp-disable-details{margin-top:14px;padding:13px 16px;border:1px solid #e9edf3;border-radius:10px}
.totp-disable-details summary{cursor:pointer;font-size:12px;font-weight:700;color:#4d7493}
.totp-disable-details>p{font-size:12px;line-height:1.6;color:#7a90a3}
.totp-danger-button{color:#fff!important;background:#ba4d4d!important;border:1px solid #ba4d4d!important}
.totp-recovery{background:#fffaf0;border:1px solid #ead4a7;border-radius:11px;padding:17px;margin:0 0 19px}
.totp-recovery p{font-size:12px;color:#765d28;line-height:1.7}
.totp-recovery pre{white-space:pre-wrap;user-select:all;display:grid;grid-template-columns:repeat(2,1fr);background:white;border:1px dashed #e4c993;border-radius:9px;padding:13px 16px;font-size:13px;letter-spacing:.07em;line-height:1.8;color:#3b3c49}
.totp-cancel-form{margin-top:20px;text-align:center}
.totp-link-button{appearance:none;background:none;border:0;color:#167acc;font-weight:700;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.totp-login-help{margin-top:10px;font-size:11px;color:#788ba1;text-align:center;line-height:1.6}
@media(max-width:660px){.account-two-factor .totp-status{align-items:flex-start;flex-direction:column;gap:10px}.totp-setup{flex-direction:column;gap:15px}.totp-setup-qr{width:min(226px,100%);height:auto;aspect-ratio:1/1}.totp-recovery pre{font-size:12px;grid-template-columns:1fr}}