.security-wide{width:100%;margin-top:14px}
.security-panel{max-width:780px}.security-panel h3{margin-top:28px}
.security-panel label{display:block;max-width:360px;margin:16px 0}
.security-panel label input,#mfa-panel label input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px 14px;border:1px solid #d5dfef;border-radius:8px;font:inherit;background:#fff;color:#10213d}
.security-panel label input:focus,#mfa-panel label input:focus{outline:2px solid #1368ff;outline-offset:2px}
#mfa-panel form>button{margin-top:16px}#mfa-panel label{display:block}
.security-panel p{line-height:1.6}
.security-key-list{list-style:none;padding:0}.security-key-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e5e7eb}
.totp-qr{display:block;width:240px;max-width:100%;height:auto;margin:16px auto}
#totp-secret{display:block;overflow-wrap:anywhere;margin:12px 0;user-select:all}
.recovery-codes{padding:16px;background:#f3f6fb;border-radius:10px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;user-select:all}
.security-check{display:flex!important;align-items:center;gap:10px;margin:18px 0!important}.security-check input{width:auto!important}
#mfa-panel>button{margin-top:16px}#mfa-panel details{margin-bottom:16px}
.text-button{background:none;border:0;padding:14px 0;color:#1368ff;cursor:pointer;text-decoration:underline}
.settings-account{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:780px}
.settings-account h2{margin:6px 0;overflow-wrap:anywhere}.settings-account p{margin:0;color:#687a99}
.settings-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#687a99;font-weight:500}
.settings-account-badge{padding:7px 12px;border-radius:999px;background:#edf3ff;color:#0a50d2;font-size:12px;white-space:nowrap}
.security-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 28px}
.security-status-card{border:1px solid #dce4f1;border-radius:10px;padding:16px}
.security-status-card h3{font-size:14px;margin:0 0 12px}.security-status-card p{font-size:12px;color:#687a99;margin-bottom:0}
.security-state{display:inline-block;border-radius:999px;padding:5px 10px;background:#eaf8f0;color:#176242;font-size:12px;font-weight:500}
.security-state.pending{background:#fff4df;color:#805509}
@media(max-width:640px){.settings-account{align-items:flex-start;flex-direction:column}.settings-account h2{font-size:19px}.security-status-grid{grid-template-columns:1fr}}

#mfa-panel label input:not([type=checkbox]){border-radius:999px}

#mfa-panel button,#security-recovery button{border-radius:999px}

.settings-tabs{margin:22px 0}

.settings-profile{max-width:780px}.settings-profile .button-row{align-items:flex-end;gap:12px}.settings-profile label.field{margin:0;min-width:min(100%,240px);max-width:360px;flex:1}
