.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.settings-nav{display:flex;flex-direction:column;gap:5px;padding:12px}
.settings-nav button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 13px;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:650}
.settings-nav button:hover{background:#f5f5fd;color:var(--ink)}
.settings-nav button.active{background:#eeeefe;color:#32368e}
.settings-pane{padding:26px;min-height:360px}
.settings-pane h2{font-size:19px;color:var(--ink);margin:0 0 7px}
.settings-pane h3{font-size:14px;margin:22px 0 7px;color:var(--ink)}
.settings-pane p{font-size:13px;line-height:1.6;color:var(--muted)}
.settings-section{border-top:1px solid var(--line);margin-top:22px;padding-top:19px}
.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.settings-form-grid .form-group{margin:0}
.settings-form-grid .wide{grid-column:1/-1}
.settings-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.settings-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}
.settings-summary>div{background:#f7f8fc;border:1px solid var(--line);border-radius:9px;padding:13px}
.settings-summary span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}
.settings-summary strong{font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.settings-back{display:inline-flex;align-items:center;gap:6px;color:#383d98;background:transparent;font-size:12px;font-weight:700;padding:0;margin-bottom:11px}
.settings-back .icon svg{width:15px;height:15px}
.topbar-back{display:inline-flex;align-items:center;gap:5px;margin-right:8px}
.topbar-back .icon svg{width:16px;height:16px}
.dialog-back-link{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;background:transparent;color:#383d98;font-size:12px;font-weight:700;padding:6px 8px 6px 0;white-space:nowrap}
.dialog-back-link .icon svg{width:15px;height:15px}
.dialog-head.has-back{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start}
.settings-note{padding:15px;border:1px solid var(--line);border-radius:9px;background:#f8f9fc}
[data-theme="dark"] .settings-nav,[data-theme="dark"] .settings-pane{background:#1d2435;color:var(--ink);border-color:#353e54}
[data-theme="dark"] .settings-nav button:hover,[data-theme="dark"] .settings-nav button.active,[data-theme="dark"] .settings-summary>div,[data-theme="dark"] .settings-note{background:#282e47;color:var(--ink);border-color:#353e54}
@media(max-width:760px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow-x:auto;white-space:nowrap}.settings-nav button{width:auto;flex:none}.settings-pane{padding:20px}.settings-form-grid{grid-template-columns:1fr}.settings-summary{grid-template-columns:1fr}.topbar-back{margin-right:0;padding:7px 9px;min-height:36px}.topbar-back span:last-child{display:none}.dialog-back-link{font-size:11px}}
@media(max-width:590px){.topbar-secondary .brand-text{display:none}.topbar-secondary .brand{padding:0 2px}}
