.settings-workbench { min-width:0; }
.settings-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px; border-bottom:1px solid var(--line); }
.settings-tabs { display:flex; min-width:0; gap:4px; overflow-x:auto; scrollbar-width:thin; }
.settings-tabs a { flex:none; color:var(--muted); font-size:13px; font-weight:600; text-decoration:none; padding:16px 18px; border-bottom:2px solid transparent; white-space:nowrap; }
.settings-tabs a:hover { color:var(--ink); background:var(--panel); }
.settings-tabs a[aria-selected=true] { color:var(--accent-strong); border-bottom-color:var(--accent); background:linear-gradient(0deg,var(--accent-soft),transparent); }
.settings-tabs a:focus-visible { outline:2px solid var(--accent); outline-offset:-4px; border-radius:6px; }
.settings-guide-link { flex:none; color:var(--muted); font-size:12px; text-decoration:none; padding:10px 0; }
.settings-guide-link:hover { color:var(--accent); }
.settings-context { font-size:13px; color:var(--muted); line-height:1.7; margin:0 0 24px; }
.settings-welcome { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; padding:26px 28px; border:1px solid var(--line); border-radius:14px; background:var(--panel); margin-bottom:24px; }
.settings-welcome h2 { font:650 22px/1.35 Manrope,Inter,sans-serif; margin:0 0 9px; }
.settings-welcome p { color:var(--muted); font-size:13px; line-height:1.75; max-width:650px; margin:0; }
.settings-service-list { border:1px solid var(--line); border-radius:14px; overflow:hidden; margin-bottom:24px; }
.settings-service-row { display:grid; grid-template-columns:180px minmax(0,1fr) auto; gap:24px; align-items:center; padding:22px 26px; text-decoration:none; color:var(--ink); background:var(--panel); border-bottom:1px solid var(--line); }
.settings-service-row:last-child { border-bottom:0; }
.settings-service-row:hover { background:var(--panel-raised); }
.settings-service-row strong { font:650 15px/1.5 Manrope,Inter,sans-serif; }
.settings-service-row p { color:var(--muted); font-size:12px; line-height:1.7; margin:0; }
.settings-service-row>span { color:var(--accent); }
.settings-server { padding:22px 26px; border:1px solid var(--line); border-radius:14px; background:var(--deep); }
.settings-server summary { cursor:pointer; font-size:13px; font-weight:600; }
.settings-server .readiness-list { margin-top:20px; }
.settings-server p { color:var(--muted); font-size:12px; line-height:1.8; margin:16px 0 0; }
.settings-panel .wa-settings-nav { margin-top:0; }
.settings-panel #wa-settings>.wa-section-heading { margin-bottom:16px; }
.settings-panel .wa-section-heading h2 { font-size:20px; }
.settings-panel .mp-central { margin:0; }
.settings-panel .wa-central { margin:0; }
@media(max-width:900px) { .settings-toolbar { align-items:flex-start; flex-direction:column; gap:0; } .settings-tabs { width:100%; } .settings-guide-link { align-self:flex-end; } .settings-service-row { grid-template-columns:150px minmax(0,1fr) auto; gap:18px; } }
@media(max-width:600px) { .settings-tabs a { padding:14px 12px; font-size:12px; } .settings-welcome { grid-template-columns:1fr; padding:22px; gap:18px; } .settings-welcome .button { justify-self:start; } .settings-service-row { grid-template-columns:1fr auto; gap:5px 12px; padding:20px; } .settings-service-row p { grid-column:1; } .settings-service-row>span { grid-column:2;grid-row:1/3; } .settings-server { padding:20px; } }