.settings-layout.settings-content-wrap { display:block; max-width:800px; width:100%; margin-inline:auto; }
.settings-tabs { display:flex; gap:4px; flex-wrap:wrap; border-bottom:1px solid var(--clr-border); margin:20px 0; }
.settings-tabs [role=tab] { padding:10px 14px; border:0; border-bottom:3px solid transparent; background:transparent; color:var(--clr-text-secondary); font:inherit; cursor:pointer; }
.settings-tabs [aria-selected=true] { color:var(--clr-primary, #8178ed); border-bottom-color:currentColor; font-weight:600; }
.settings-tabs button:focus-visible { outline:2px solid var(--clr-primary, #8178ed); outline-offset:2px; }
.settings-panel[hidden] { display:none !important; }
.settings-layout .content-card { padding:20px; margin:0 0 16px; width:100%; min-width:0; }
.settings-layout .content-card__header { margin-bottom:16px; }
.settings-layout .profile-pic-section { gap:16px; margin-bottom:20px; }
.settings-layout .profile-pic-preview { width:64px; height:64px; flex:0 0 64px; }
.settings-layout .profile-pic-preview__avatar { width:100%; height:100%; font-size:24px; }
.settings-layout .profile-pic-info__hint { margin:0; }
.settings-name-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin-bottom:16px; }
.settings-layout .account-info { margin:16px 0 0; padding-top:16px; border-top:1px solid var(--clr-border); display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; }
.settings-layout .account-info h3 { grid-column:1/-1; font-size:14px; margin:0 0 4px; }
.settings-layout .account-info__item { padding:0; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
.settings-layout .account-info__value { overflow-wrap:anywhere; }
.settings-form-actions { display:flex; justify-content:flex-end; margin-top:16px; }
.settings-layout .settings-compact .toggle-group { margin:0; padding:0; gap:16px; }
.settings-compact .toggle-group > label:first-child span, .settings-compact .toggle-group > label:first-child small { display:block; font-size:13px; color:var(--clr-text-secondary); margin-top:4px; font-weight:400; }
.settings-layout .toggle-switch { flex:0 0 50px; }
.settings-save-status { min-height:20px; font-size:13px; color:var(--clr-text-secondary); margin:8px 0 0; }
@media(max-width:540px) {
 .settings-layout .content-card { padding:16px; }
 .settings-name-row, .settings-layout .account-info { grid-template-columns:minmax(0,1fr); }
 .settings-tabs [role=tab] { padding:10px; font-size:14px; }
 .settings-layout .profile-pic-section { flex-direction:row; text-align:left; align-items:center; }
}