.settings-section { background: var(--bg-secondary); border: 1px solid var(--border-default);
      border-radius: var(--radius-md); padding: var(--space-xl); margin-bottom: var(--space-xl); box-shadow: var(--shadow-panel); }
    .settings-section-title { font-family: var(--font-heading); font-size: 0.875rem; font-weight: 500;
      color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: var(--space-lg);
      border-bottom: 1px solid var(--border-default); padding-bottom: var(--space-md); }
    .health-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); }
    .health-card { background: var(--bg-subtle); border-radius: var(--radius-sm); padding: var(--space-md);
      display: flex; flex-direction: column; gap: var(--space-xs); }
    .health-card-name { font-size: 0.75rem; color: var(--text-secondary); }
    .health-card-value { font-family: var(--font-number); font-size: 0.875rem; font-variant-numeric: tabular-nums; color: var(--text-primary); }
    .health-card-status { font-size: 0.6875rem; font-family: var(--font-body); }
    .health-ok       { color: var(--status-active); }
    .health-warning  { color: var(--status-paused); }
    .health-critical { color: var(--status-error); }
    .kpi-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); }
    .kpi-stat { background: var(--bg-subtle); border-radius: var(--radius-sm); padding: var(--space-md); }
    .kpi-stat-label { font-size: 0.75rem; color: var(--text-tertiary); margin-bottom: 4px; }
    .kpi-stat-value { font-family: var(--font-number); font-size: 1.5rem; font-weight: 700;
      font-variant-numeric: tabular-nums; color: var(--text-primary); }
    .btn-primary { background: var(--accent); color: #ffffff; border: none; border-radius: var(--radius-md);
      padding: 6px 14px; font-family: var(--font-body); font-size: 0.8125rem; cursor: pointer;
      transition: opacity 150ms; }
    .btn-primary:hover { opacity: 0.85; }
    .btn-primary:focus-visible { outline: 2px solid var(--border-focus); outline-offset: 2px; }
    @media (max-width: 768px) { .health-grid, .kpi-row { grid-template-columns: 1fr 1fr; } }

    /* ── extracted inline style attributes (B-1, CSP compliance) ── */
    .set-1  { margin-top: var(--space-lg); font-size: 0.8125rem; }
    .set-2  { display: flex; justify-content: space-between; align-items: center; }
    .set-3  { max-width: 560px; }
    .set-4  { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md); margin-bottom: var(--space-md); }
    .set-5  { display: block; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 4px; }
    .set-6  { width: 100%; padding: 6px 10px; border: 1px solid var(--border-default); border-radius: var(--radius-sm); background: var(--bg-subtle); color: var(--text-primary); font-size: 0.875rem; font-family: var(--font-body); }
    .set-7  { display: block; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 4px; }
    .set-8  { width: 100%; padding: 6px 10px; border: 1px solid var(--border-default); border-radius: var(--radius-sm); background: var(--bg-subtle); color: var(--text-primary); font-size: 0.875rem; font-family: var(--font-body); }
    .set-9  { display: block; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 4px; }
    .set-10 { width: 100%; padding: 6px 10px; border: 1px solid var(--border-default); border-radius: var(--radius-sm); background: var(--bg-subtle); color: var(--text-primary); font-size: 0.875rem; font-family: var(--font-body); }
    .set-11 { display: block; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 4px; }
    .set-12 { width: 100%; padding: 6px 10px; border: 1px solid var(--border-default); border-radius: var(--radius-sm); background: var(--bg-subtle); color: var(--text-primary); font-size: 0.875rem; font-family: var(--font-body); }
    .set-13 { display: block; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 4px; }
    .set-14 { width: 100%; padding: 6px 10px; border: 1px solid var(--border-default); border-radius: var(--radius-sm); background: var(--bg-subtle); color: var(--text-primary); font-size: 0.875rem; font-family: var(--font-body); }
    .set-15 { display: flex; align-items: center; gap: var(--space-md); }
    .set-16 { font-size: 0.875rem; }
    .set-17 { font-size: 0.875rem; color: var(--text-secondary); margin-bottom: var(--space-lg); }
    .set-18 { display: flex; gap: var(--space-md); align-items: flex-end; max-width: 560px; }
    .set-19 { flex: 1; }
    .set-20 { display: block; font-size: 0.75rem; color: var(--text-secondary); margin-bottom: 4px; }
    .set-21 { width: 100%; padding: 6px 10px; border: 1px solid var(--border-default); border-radius: var(--radius-sm); background: var(--bg-subtle); color: var(--text-primary); font-size: 0.875rem; font-family: var(--font-mono); box-sizing: border-box; }
    .set-22 { background: var(--status-error); }
    .set-23 { margin-top: var(--space-md); font-size: 0.8125rem; }
    .set-24 { font-size: 0.875rem; color: var(--text-secondary); line-height: 2; }
    .set-25 { color: var(--text-tertiary); font-family: var(--font-mono); font-size: 0.75rem; }
    .set-26 { font-family: var(--font-mono); }
    .set-27 { margin-top: var(--space-md); }
    .set-28 { color: var(--text-tertiary); font-family: var(--font-mono); font-size: 0.75rem; }
    .set-29 { list-style: none; margin-top: var(--space-sm); display: flex; flex-direction: column; gap: 4px; }
    .set-30 { font-family: var(--font-mono); font-size: 0.8125rem; }
    .set-31 { font-family: var(--font-mono); font-size: 0.8125rem; }
    .set-32 { font-family: var(--font-mono); font-size: 0.8125rem; }
    .set-33 { font-family: var(--font-mono); font-size: 0.8125rem; }