.settings-workspace { min-width: 0; display: grid; gap: 14px; }
/* Explicit presentation restoration and browser scroll anchoring must not
   both compensate for settings rows or async sensor content being replaced. */
#main-view[data-settings-view="true"], .settings-workspace, .settings-workspace * { overflow-anchor: none; }
.settings-navigation { padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.settings-navigation h2 { margin: 0; font-size: 18px; }
.settings-navigation p { color: var(--muted); font-size: 12px; line-height: 1.55; margin: 5px 0 12px; }
.settings-tab-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 8px; }
.settings-tab-list button { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); color: var(--ink); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; text-align: left; line-height: 1.35; }
.settings-tab-list button:hover { border-color: var(--cyan); }
.settings-tab-list button[aria-selected="true"] { border-color: var(--cyan); box-shadow: inset 0 -3px var(--cyan); background: var(--surface-3); }
.settings-tab-list button:focus-visible { outline: 3px solid var(--cyan); outline-offset: 2px; }
.settings-tab-number { display: grid; place-items: center; border-radius: 6px; background: var(--surface); color: var(--cyan); flex: 0 0 26px; height: 26px; font-size: 11px; }
.settings-navigation .settings-tab-description { margin: 12px 0 0; }
.settings-workspace > .settings-panel[hidden] { display: none !important; }
.settings-panel { align-items: start; }
#settings-panel-display, #settings-panel-system { grid-template-columns: minmax(0,1fr); }
#settings-panel-accounts:not(:has(.user-access-card)) { grid-template-columns: minmax(0,1fr); }
#settings-panel-accounts .user-config-list { max-height: 58vh; }
.settings-announcement-card .card-heading { margin-bottom: 0; }
/* Keep the operational visibility checkbox out of the full-width text-input layout. */
.settings-card form[data-form="completedWorkVisibility"] > label:first-child > span { display: flex; align-items: center; gap: 10px; min-height: 36px; color: var(--ink); }
html .settings-card form[data-form="completedWorkVisibility"] input[type="checkbox"] { width: 20px; height: 20px; min-width: 20px; min-height: 20px; margin: 0; padding: 0; flex: 0 0 20px; accent-color: var(--cyan); }
@media (max-width: 760px) {
  .settings-tab-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .settings-tab-list button { padding: 9px; font-size: 12px; }
  .settings-navigation { padding: 12px; }
  .settings-panel { grid-template-columns: minmax(0,1fr); }
}