/* Personal settings retain the existing type, controls, gaps and brand buttons. */
.account-identity { margin-bottom:20px; }
.account-identity h2 { margin-bottom:12px; }
.security-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.security-panel { display:flex; flex-direction:column; align-items:stretch; gap:18px; }
.security-panel h2 { margin:0; }
.security-panel>.badge { align-self:flex-start; }
.security-proof { display:flex; flex-direction:column; gap:14px; padding-top:16px; border-top:1px solid var(--line); }
.security-proof>p { font-size:14px; line-height:1.5; }
.security-panel form { min-width:0; }
.recovery-choice summary,.passkey-item>summary,.passkey-remove>summary { min-height:44px; padding:10px 0; cursor:pointer; line-height:1.4; font-weight:400; }
.recovery-choice[open]>.field { margin-top:10px; }
.totp-qr { display:block; width:220px; max-width:100%; height:auto; align-self:flex-start; border:10px solid var(--white); background:var(--white); }
.recovery-screen { max-width:660px; }
.recovery-screen>p { margin-top:18px; }
.recovery-codes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; padding:0; margin:24px 0; gap:12px; }
.recovery-codes li { padding:12px; background:var(--white); border:1px solid var(--line); border-radius:10px; font-size:17px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.save-codes-label { min-height:44px; display:flex; align-items:center; gap:12px; margin:22px 0; }
.save-codes-label>input { width:20px; height:20px; min-height:20px; flex:none; accent-color:var(--navy); }
.passkeys-list { display:flex; flex-direction:column; gap:14px; }
.passkey-item { padding:0 14px; border:1px solid var(--line); border-radius:12px; min-width:0; }
.passkey-item>summary>span { display:block; overflow-wrap:anywhere; }
.passkey-item>summary>small { display:block; margin-top:3px; }
.passkey-item>form { margin:12px 0 18px; }
.passkey-remove { margin-bottom:10px; }
.passkey-remove>form { margin-top:12px; }
@media(max-width:1050px) { .security-grid { grid-template-columns:1fr; } }
@media(max-width:650px) { .recovery-codes { grid-template-columns:1fr; } }