.profile-settings { max-width:700px; margin-inline:auto; }
.settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.settings-grid .account-field { min-width:0; }
.profile-settings .account-card h2 { margin-bottom:18px; }
.profile-settings .account-card p { line-height:1.6; }
.settings-status,.settings-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:12px 0; }
.kyc-badge { display:inline-flex; width:fit-content; align-items:center; border-radius:20px; padding:5px 11px; background:#edf3f1; color:#426359; font-size:.8rem; font-weight:650; }
.kyc-badge.verified { background:#dcf7eb; color:#066d50; }
.kyc-badge.under_review,.kyc-badge.in_progress { background:#e6effb; color:#285d8d; }
.kyc-badge.action_required { background:#fff0dc; color:#925313; }
.settings-history { list-style:none; margin:0; padding:0; }
.settings-history li { display:flex; justify-content:space-between; gap:14px; padding:14px 0; border-bottom:1px solid var(--line); }
.settings-history li:last-child { border-bottom:0; }
.settings-history span { color:var(--muted); font-size:.85rem; }
.sample-document,.settings-preview { border:1px dashed #b7d5cb; border-radius:12px; padding:16px; background:#f2faf7; }
.sample-document { display:flex; gap:14px; align-items:center; }
.sample-document svg { width:32px; height:32px; flex:none; color:#087f67; }
.sample-document p { margin:4px 0 0; }
.settings-faq details { padding:16px 0; border-bottom:1px solid var(--line); }
.settings-faq summary { cursor:pointer; font-weight:650; }
.settings-faq details:last-child { border-bottom:0; }
.profile-settings .session-row { flex-wrap:wrap; }
.support-attachment { object-fit:cover; border:1px solid var(--line); border-radius:12px; }
@media(max-width:540px) { .settings-grid { grid-template-columns:1fr; gap:16px; } .settings-history li { flex-direction:column; gap:4px; } .settings-actions>* { flex:1; } .profile-settings .account-card { padding:20px 16px; } }
:root[data-appearance="dark"] { color-scheme:dark; --page:#14221f; --surface:#1e302b; --ink:#ecf5f1; --muted:#aec8bd; --line:#38554b; --mint:#254a3f; --green:#58d7b1; background:var(--page); color:var(--ink); }
[data-appearance="dark"] :is(body,.shell,.app-header,.sidebar,.app-footer,.mobile-nav) { background:var(--page); color:var(--ink); }
[data-appearance="dark"] :is(.account-card,.profile-summary,.profile-overview-group,.profile-exit,.panel,.offer-card,.running-card,.rewards-fees,.rewards-invite-progress,.rewards-invite-panel,.demo-controls) { background:var(--surface); color:var(--ink); border-color:var(--line); }
[data-appearance="dark"] :is(.profile-overview,.profile-summary-copy h2,.profile-row-copy strong,h1,h2,h3) { color:var(--ink); }
[data-appearance="dark"] :is(.profile-summary-copy p,.profile-row-copy small,.field-help,.account-muted,.settings-history span,.side-caption) { color:var(--muted); }
[data-appearance="dark"] :is(.account-field input,.account-field select,.account-field textarea,.account-button.secondary,.sample-document,.settings-preview,.account-notice,.account-tabs) { background:#233c33; color:var(--ink); border-color:var(--line); }
[data-appearance="dark"] .profile-picture-content { color:#045a43; }
[data-appearance="dark"] .account-button.primary { background:#0a8468; color:white; }