.system-health-intro { margin:0 0 16px; color:var(--text2); font-size:13px; line-height:1.5; }
.system-health-summary { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:18px; }
.system-health-summary span { padding:7px 10px; border:1px solid var(--border); border-radius:999px; background:var(--surface2); color:var(--text2); font-size:12px; font-weight:650; }
.system-health-checked-at { margin:0 0 16px; color:var(--text2); font-size:11px; }
.system-health-group { min-width:0; margin-bottom:18px; }
.system-health-group h4 { margin:0 0 9px; color:var(--text); font-size:13px; font-weight:750; }
.system-health-items { display:grid; gap:8px; }
.system-health-item { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; min-width:0; padding:12px 14px; border:1px solid var(--border); border-radius:12px; background:var(--surface2); }
.system-health-item-main { min-width:0; }
.system-health-item-name { display:block; color:var(--text); font-size:13px; font-weight:700; line-height:1.35; }
.system-health-item-detail { display:block; margin-top:4px; color:var(--text2); font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
.system-health-badge { flex:none; padding:5px 8px; border-radius:999px; font-size:10px; font-weight:750; white-space:nowrap; }
.system-health-badge.healthy { background:rgba(34,197,94,.13); color:var(--green); }
.system-health-badge.attention { background:rgba(245,158,11,.14); color:#d99216; }
.system-health-badge.unknown { background:rgba(128,128,128,.14); color:var(--text2); }
.system-health-badge.problem { background:rgba(239,68,68,.13); color:var(--red); }
.system-health-footnote { margin:2px 0 16px; color:var(--text2); font-size:11px; line-height:1.5; }
@media(max-width:540px) { .system-health-item { flex-direction:column; gap:8px; } .system-health-badge { align-self:flex-start; } }
.attention-open { border:1px solid var(--border); border-radius:9px; background:var(--surface2); color:var(--accent); padding:8px 12px; font:inherit; font-weight:700; cursor:pointer; flex:none; }
.attention-open:hover { border-color:var(--accent); }
.attention-summary { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 16px; }
.attention-summary span { padding:6px 9px; border-radius:999px; background:rgba(var(--accent-rgb),.1); color:var(--text2); font-size:11px; font-weight:700; }
.attention-group { margin:0 0 19px; }
.attention-group h4 { margin:0 0 8px; color:var(--text); font-size:13px; font-weight:750; }
.attention-group .system-health-item { align-items:center; }