.settings-layout{display:grid;grid-template-columns:230px 1fr;gap:18px}.settings-nav{position:sticky;top:96px;align-self:start;padding:14px}.settings-nav a{display:block;padding:12px 13px;border-radius:11px;color:var(--muted);font-size:.75rem}.settings-nav a:hover,.settings-nav a.is-active{color:#fff;background:rgba(124,92,255,.14)}.settings-section{scroll-margin-top:98px;margin-bottom:17px;padding:25px;border:1px solid var(--line);border-radius:21px;background:rgba(17,23,40,.7);box-shadow:var(--shadow)}.settings-section h2{font-size:1.15rem;margin-bottom:7px}.settings-section>p{color:var(--muted);font-size:.74rem;line-height:1.8;margin-bottom:19px}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-field{display:flex;flex-direction:column;gap:7px}.settings-field.full{grid-column:1/-1}.settings-field label{color:#e5e6ef;font-size:.72rem;font-weight:800}.settings-field label em{color:var(--teal);font-style:normal}.optional-label{display:inline-block;margin-inline-start:6px;padding:2px 7px;border:1px solid rgba(142,232,217,.22);border-radius:999px;color:#8ee8d9;font-size:.58rem;font-weight:700}.settings-field input,.settings-field select,.settings-field textarea{width:100%;padding:12px;color:#fff;border:1px solid var(--line);border-radius:12px;outline:0;background:rgba(255,255,255,.035)}.settings-field textarea{min-height:90px;resize:vertical}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:rgba(124,92,255,.7);box-shadow:0 0 0 3px rgba(124,92,255,.1)}.settings-field small{color:var(--muted);font-size:.62rem}.settings-actions{display:flex;align-items:center;gap:12px;margin-top:19px}.settings-actions button:disabled{opacity:.72;cursor:wait}.settings-actions button.is-saving{transform:none}.settings-message{min-height:18px;color:#ffc86a;font-size:.7rem}.settings-message.error{color:#ff9aaa}.settings-message.success{color:#8ee8d9;font-weight:800}.settings-toast{position:fixed;z-index:9999;top:82px;left:50%;min-width:260px;max-width:min(92vw,520px);padding:13px 18px;border:1px solid var(--line);border-radius:14px;background:#111728;color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.34);opacity:0;pointer-events:none;transform:translate(-50%,-18px);transition:.22s ease;text-align:center;font-size:.78rem;font-weight:800}.settings-toast.is-visible{opacity:1;transform:translate(-50%,0)}.settings-toast.success{border-color:rgba(142,232,217,.34);color:#9ef2e4}.settings-toast.error{border-color:rgba(255,154,170,.34);color:#ffadba}.password-wrap{display:flex;gap:7px}.password-wrap input{flex:1}.password-toggle{width:40px;border:1px solid var(--line);border-radius:11px;color:#fff;background:rgba(255,255,255,.04)}.strength{display:flex;gap:5px;margin-top:5px}.strength i{height:4px;flex:1;border-radius:9px;background:rgba(255,255,255,.1)}.strength i.on{background:var(--teal)}.contact-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:.68rem}.verified{color:#8ee8d9}.privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.privacy-setting{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;font-size:.68rem}.privacy-setting select{padding:6px;color:#fff;border:1px solid var(--line);border-radius:8px;background:#111728;font-size:.62rem}.blocked-list{display:grid;gap:8px}.blocked-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px}.blocked-row strong,.blocked-row small{display:block}.blocked-row strong{font-size:.72rem}.blocked-row small{color:var(--muted);font-size:.61rem;margin-top:3px}.settings-offline{display:none;padding:10px 13px;margin-bottom:17px;border:1px solid rgba(255,190,85,.25);border-radius:11px;color:#ffe4a6;background:rgba(244,191,101,.08);font-size:.72rem}.settings-offline.is-visible{display:block}.coming-soon{padding:13px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);font-size:.7rem}
/* Light mode: settings must never inherit dark translucent panels. */
html[data-theme="light"] .settings-section,body.light .settings-section{background:rgba(255,255,255,.96)!important;border-color:#d5deea!important;color:#172033!important;box-shadow:0 12px 34px rgba(31,41,55,.08)!important}html[data-theme="light"] .settings-section h2,html[data-theme="light"] .settings-section h3,body.light .settings-section h2,body.light .settings-section h3{color:#172033!important}html[data-theme="light"] .settings-section>p,html[data-theme="light"] .settings-field small,html[data-theme="light"] .contact-status,html[data-theme="light"] .coming-soon,body.light .settings-section>p,body.light .settings-field small,body.light .contact-status,body.light .coming-soon{color:#526079!important;opacity:1!important}html[data-theme="light"] .settings-field label,html[data-theme="light"] .privacy-setting,html[data-theme="light"] .blocked-row strong,body.light .settings-field label,body.light .privacy-setting,body.light .blocked-row strong{color:#263143!important;opacity:1!important}html[data-theme="light"] .privacy-setting,html[data-theme="light"] .contact-status,html[data-theme="light"] .blocked-row,body.light .privacy-setting,body.light .contact-status,body.light .blocked-row{background:#f8fafc!important;border-color:#d7dfeb!important}html[data-theme="light"] .privacy-setting select,html[data-theme="light"] .settings-field input,html[data-theme="light"] .settings-field select,html[data-theme="light"] .settings-field textarea,body.light .privacy-setting select,body.light .settings-field input,body.light .settings-field select,body.light .settings-field textarea{background:#fff!important;color:#172033!important;border-color:#b9c5d6!important}html[data-theme="light"] .settings-nav,body.light .settings-nav{background:rgba(255,255,255,.9)!important}html[data-theme="light"] .settings-nav a,body.light .settings-nav a{color:#526079!important}html[data-theme="light"] .settings-nav a:hover,html[data-theme="light"] .settings-nav a.is-active,body.light .settings-nav a:hover,body.light .settings-nav a.is-active{background:#eeeaff!important;color:#4938c9!important}html[data-theme="light"] .password-toggle,body.light .password-toggle{background:#eef3f9!important;color:#263143!important;border-color:#c8d2df!important}html[data-theme="light"] .optional-label,body.light .optional-label{color:#087a67!important;border-color:#9dd9ce!important;background:#eafaf6!important}
@media(max-width:800px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:flex;overflow:auto;gap:6px}.settings-nav a{white-space:nowrap}.settings-section{padding:19px}.settings-toast{top:68px}}@media(max-width:560px){.settings-form-grid,.privacy-grid{grid-template-columns:1fr}.settings-field.full{grid-column:auto}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions .button{width:100%}}