.dashboard-header { margin-bottom:0; }
.account-settings-page { padding:28px 0 64px; background:#f4f7f8; }
.push-settings-card { margin:22px 0; }
.push-settings-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.account-settings-page .container { max-width:1060px; }
.settings-header { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px; }
.settings-header h1 { margin:0; color:#111820; font-size:clamp(1.8rem,5vw,2.4rem); }
.settings-eyebrow { margin:0 0 5px; color:#1479d4; font-size:.75rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.settings-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:16px; align-items:start; }
.settings-photo-card,.settings-card,.settings-danger { padding:20px; border:1px solid #dbe3e8; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(31,41,51,.05); }
.settings-photo-card { display:grid; gap:12px; justify-items:center; text-align:center; }
.settings-photo-card img { width:140px; height:140px; object-fit:cover; border:4px solid #edf2f7; border-radius:50%; }
.settings-photo-card .btn { min-height:44px; display:flex; align-items:center; gap:7px; }
.settings-photo-card p,.settings-card form > p { min-height:20px; margin:0; color:#667085; }
.settings-card h2,.settings-danger h2 { margin:0 0 14px; color:#111820; }
.settings-card form { display:grid; gap:8px; }
.settings-card label { margin-top:5px; color:#344054; font-weight:800; }
.settings-card .form-control { min-height:46px; }
.settings-card .btn { justify-self:start; min-height:46px; margin-top:8px; }
.settings-related-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:16px 0; }
.settings-related-links a { display:flex; align-items:center; gap:11px; min-height:76px; padding:14px; color:#344054; border:1px solid #dbe3e8; border-radius:12px; background:#fff; text-decoration:none; }
.settings-related-links i { color:#1479d4; font-size:1.2rem; }
.settings-related-links strong,.settings-related-links small { display:block; }
.settings-related-links small { color:#667085; }
.settings-danger { display:flex; align-items:center; justify-content:space-between; gap:16px; border-color:#fecaca; }
.privacy-settings-card { margin-bottom:16px; }
.privacy-data-panel { margin-top:18px; padding:16px; border:1px solid #b8c8d6; border-radius:10px; background:#f8fafc; }
.privacy-data-panel[hidden] { display:none; }
.privacy-data-panel h3 { margin:0 0 6px; color:#111820; font-size:1.1rem; }
.privacy-data-panel details { margin-top:10px; overflow:hidden; border:1px solid #dbe3e8; border-radius:8px; background:#fff; }
.privacy-data-panel summary { display:flex; justify-content:space-between; gap:12px; padding:12px; cursor:pointer; }
.privacy-data-panel summary span { color:#667085; }
.privacy-data-panel pre { max-height:360px; margin:0; overflow:auto; padding:12px; border-top:1px solid #dbe3e8; background:#101828; color:#f8fafc; white-space:pre-wrap; overflow-wrap:anywhere; }
.privacy-cases { margin-top:18px; padding-top:18px; border-top:1px solid #dbe3e8; }
.privacy-cases h3 { margin:0 0 4px; color:#111820; font-size:1.1rem; }
.privacy-case { margin-top:12px; padding:14px; border:1px solid #dbe3e8; border-radius:10px; background:#f8fafc; }
.privacy-case-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.privacy-case-header strong,.privacy-case-header small { display:block; }
.privacy-case-header strong { text-transform:capitalize; }
.privacy-case-header small,.privacy-case-replies small { margin-top:3px; color:#667085; }
.privacy-case-status { padding:5px 9px; border-radius:999px; background:#fff3cd; color:#694f00; font-size:12px; font-weight:900; text-transform:capitalize; }
.privacy-case-replies { margin-top:12px; }
.privacy-case-replies p { padding:10px; border-radius:8px; background:#fff; }
.privacy-case-response { display:grid; gap:8px; margin-top:12px; }
.privacy-case-response textarea { min-height:96px; resize:vertical; }
.privacy-case-response .btn { justify-self:start; margin:0; }
.privacy-case-actions { display:flex; flex-wrap:wrap; gap:8px; }
.privacy-case-actions .btn { margin:0; }
.security-settings-card { margin-bottom:16px; }
.security-status-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.security-status-grid > div { padding:14px; border:1px solid #dbe3e8; border-radius:10px; background:#f8fafc; }
.security-status-grid span,.security-status-grid strong { display:block; }
.security-status-grid span { margin-bottom:4px; color:#667085; font-size:.78rem; font-weight:800; text-transform:uppercase; }
.security-status-grid strong { color:#111820; }
.mfa-enrolment-panel { margin-top:16px; padding:16px; border:1px solid #b8c8d6; border-radius:10px; background:#f8fafc; }
.mfa-enrolment-panel[hidden] { display:none; }
.mfa-enrolment-panel ol { padding-left:22px; }
.mfa-secret-row { display:flex; align-items:stretch; gap:8px; margin:6px 0 12px; }
.mfa-secret-row code { flex:1; overflow-wrap:anywhere; padding:12px; border:1px solid #b8c8d6; border-radius:8px; background:#101828; color:#f8fafc; font-size:.95rem; letter-spacing:.06em; }
.mfa-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.mfa-factor-list { display:grid; gap:8px; margin-top:14px; }
.mfa-factor { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border:1px solid #dbe3e8; border-radius:10px; }
.mfa-factor strong,.mfa-factor small { display:block; }
.mfa-factor small { color:#667085; }
.privacy-preferences-form { display:grid; gap:14px; }
.privacy-essential{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:center;padding:16px;border:1px solid #a9d5b9;border-radius:11px;background:#eef9f2}.privacy-essential>div{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#d8f0e1;color:#18723b}.privacy-essential>span{display:grid;gap:3px}.privacy-essential strong{color:#17212b}.privacy-essential small{color:#536273;line-height:1.5}.privacy-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.privacy-preferences-form fieldset { display:grid; gap:8px; margin:0; padding:14px; border:1px solid #dbe3e8; border-radius:10px; }
.privacy-preferences-form legend { width:auto; margin:0; padding:0 6px; color:#111820; font-size:15px; font-weight:900; }
.privacy-preferences-form fieldset>p{margin:0 0 3px;color:#667085;font-size:.86rem;line-height:1.45}.privacy-preferences-form label { display:flex; gap:10px; align-items:flex-start; margin:0;padding:10px;border-radius:8px;color:#344054;cursor:pointer}.privacy-preferences-form label:hover{background:#f3f7fa}.privacy-preferences-form label input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:#1479d4}.privacy-preferences-form label span{display:grid;gap:2px}.privacy-preferences-form label strong{color:#17212b}.privacy-preferences-form label small{color:#667085;font-weight:500;line-height:1.4}
.privacy-actions { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:16px 0; }.privacy-actions .btn{width:100%;min-height:44px;margin:0;justify-self:stretch;white-space:normal}
.privacy-history summary { cursor:pointer; color:#1479d4; font-weight:900; }
.privacy-history pre { max-height:260px; overflow:auto; margin-top:12px; padding:12px; border-radius:8px; background:#101828; color:#f8fafc; font-size:12px; white-space:pre-wrap; }
.settings-danger p:last-child { margin:5px 0 0; color:#667085; }
.email-verification-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:center;margin:0 0 18px;padding:16px;border:1px solid #e9c46a;border-radius:11px;background:#fffbeb}.email-verification-actions[hidden]{display:none}.email-verification-actions>span{display:flex;align-items:flex-start;gap:12px}.email-verification-actions>span>i{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#fff1bd;color:#946100}.email-verification-actions>span>span{display:grid;gap:3px}.email-verification-actions strong{color:#17212b}.email-verification-actions small{color:#5f6672;line-height:1.45}.email-verification-actions>div{display:flex;flex-wrap:wrap;gap:8px}.email-verification-actions .btn{margin:0;white-space:nowrap}.email-verification-actions>p{grid-column:1/-1;margin:0!important}
html[data-theme] .account-settings-page :is(.security-status-grid>div,.privacy-preferences-form fieldset,.privacy-essential,.email-verification-actions,.privacy-data-panel,.privacy-case,.mfa-enrolment-panel){border-color:var(--color-border-default)!important;background:var(--color-surface-2)!important;color:var(--color-text-primary)!important}
html[data-theme] .account-settings-page :is(.security-status-grid span,.privacy-preferences-form fieldset>p,.privacy-preferences-form label small,.privacy-essential small,.email-verification-actions small){color:var(--color-text-secondary)!important}
html[data-theme] .account-settings-page :is(.security-status-grid strong,.privacy-preferences-form legend,.privacy-preferences-form label strong,.privacy-essential strong,.email-verification-actions strong){color:var(--color-text-primary)!important}
html[data-theme] .account-settings-page .privacy-preferences-form label:hover{background:var(--color-primary-soft)!important}
.account-delete-modal { position:fixed; z-index:2100; inset:0; display:grid; padding:18px; place-items:center; }
.account-delete-modal[hidden] { display:none; }
.account-delete-backdrop { position:absolute; inset:0; width:100%; border:0; background:rgba(17,24,32,.75); }
.account-delete-modal > section { position:relative; z-index:1; display:grid; gap:12px; width:min(500px,100%); padding:22px; border-radius:14px; background:#fff; }
.account-delete-modal h2 { margin:0; color:#991b1b; }
.account-delete-modal label { font-weight:800; }
.account-delete-close { position:absolute; top:10px; right:10px; width:40px; height:40px; border:0; border-radius:50%; background:#f3f4f6; font-size:24px; }
.delete-confirm-check { display:flex; align-items:flex-start; gap:8px; }
.delete-confirm-check input { width:20px; height:20px; margin-top:2px; }
@media (max-width:767px) {
  .security-status-grid { grid-template-columns:1fr; }
  .mfa-secret-row { align-items:stretch; flex-direction:column; }
  .account-settings-page { padding-top:20px; }
  .settings-header { display:grid; align-items:start; }
  .settings-header .btn { width:100%; min-height:44px; display:flex; align-items:center; justify-content:center; }
  .settings-layout { grid-template-columns:1fr; }
  .settings-related-links { grid-template-columns:1fr; }
  .settings-danger { display:grid; }
  .settings-danger .btn { width:100%; min-height:46px; }
  .privacy-choice-grid,.privacy-actions{grid-template-columns:1fr}
  .email-verification-actions{grid-template-columns:1fr}.email-verification-actions>div{display:grid}.email-verification-actions .btn{width:100%}
}
/* WhatsApp consent stays in the existing account-settings component language. */
.whatsapp-settings-card{grid-column:1/-1}.whatsapp-settings-card h2 i{color:#25d366}.whatsapp-phone-setup,.whatsapp-verification,.whatsapp-preferences{display:grid;gap:10px;margin-top:18px}.whatsapp-inline-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.whatsapp-preferences>label,.whatsapp-choice-grid label,.whatsapp-club-choices label{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--color-border-default,#dbe3e8);border-radius:9px;background:var(--color-surface-2,#f8fafc)}.whatsapp-preferences input[type=checkbox]{width:18px;height:18px;margin-top:2px}.whatsapp-preferences strong,.whatsapp-preferences small{display:block}.whatsapp-preferences small{margin-top:3px;color:var(--color-text-secondary,#667085)}.whatsapp-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.whatsapp-club-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.whatsapp-actions{display:flex;flex-wrap:wrap;gap:10px}.whatsapp-verified-number{font-weight:800;color:#128c4a}@media(max-width:767.98px){.whatsapp-inline-action,.whatsapp-choice-grid,.whatsapp-club-choices{grid-template-columns:1fr}.whatsapp-actions{display:grid}.whatsapp-actions .btn{width:100%}}