.health-active .preview, .health-active .actionbar { display:none!important; }
.health-active .workspace { grid-template-columns:220px minmax(0,1fr); }
.health-page { max-width:1200px; margin:0 auto; padding:12px 0 40px; }
.health-heading,.health-card-top,.health-journal-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.health-heading h1 { font-size:clamp(24px,3vw,34px); margin:12px 0; letter-spacing:-.035em; }
.health-heading p,.health-footnote { color:var(--muted,#a1a1a5); line-height:1.6; font-size:13px; }
.health-summary { display:flex; align-items:center; gap:16px; padding:24px; margin:26px 0 18px; border:1px solid var(--line,#303235); border-radius:16px; background:rgba(140,150,145,.04); }
.health-summary strong { font-size:18px; color:var(--text,#eee); }
.health-summary p { margin:8px 0 0; color:var(--muted,#aaa); font-size:12px; line-height:1.6; }
.health-summary small { margin-left:auto; flex-shrink:0; color:var(--muted,#aaa); text-align:right; line-height:1.7; }
.health-dot { display:inline-block; flex:none; width:7px; height:7px; border-radius:50%; background:currentColor; }
.health-summary>.health-dot { width:10px; height:10px; }
.health-ok { color:#8acaad; }.health-warning { color:#e2bf79; }.health-critical { color:#ed9595; }.health-unknown { color:#a4a9b2; }
.health-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.health-card { min-width:0; padding:20px; border:1px solid var(--line,#303235); border-radius:14px; background:rgba(255,255,255,.015); }
.health-card-top { align-items:flex-start; flex-wrap:wrap; gap:12px; margin-bottom:22px; }
.health-card h2,.health-journal h2 { font-size:16px; margin:0; }
.health-badge { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:500; line-height:1.5; }
.health-card summary { color:var(--muted,#aaa); font-size:12px; cursor:pointer; }
.health-checks { list-style:none; margin:18px 0 0; padding:0; }
.health-checks li { padding:14px 0; border-top:1px solid var(--line,#303235); }
.health-checks strong { display:block; margin-top:7px; font-size:12px; }
.health-checks p { color:var(--muted,#aaa); font-size:12px; line-height:1.6; margin:7px 0; }
.health-checks small { color:var(--muted,#aaa); font-size:10px; }
.health-journal { margin-top:32px; border:1px solid var(--line,#303235); border-radius:16px; overflow:hidden; }
.health-journal-heading { padding:22px; border-bottom:1px solid var(--line,#303235); flex-wrap:wrap; }
.health-journal h2 { margin-top:8px; font-size:19px; }
.health-filters { display:flex; gap:12px; }.health-filters label { display:grid; gap:6px; color:var(--muted,#aaa); font-size:10px; }
.health-filters select { font:inherit; font-size:12px; color:var(--text,#eee); background:var(--panel,#17191c); border:1px solid var(--line,#303235); border-radius:8px; padding:9px 28px 9px 10px; }
.health-incident { border-bottom:1px solid var(--line,#303235); }.health-incident:last-child { border:0; }
.health-incident summary { display:flex; align-items:center; gap:18px; padding:20px 22px; cursor:pointer; }
.health-incident summary:before { content:'›'; color:var(--muted,#aaa); }.health-incident[open] summary:before { content:'⌄'; }
.health-incident summary strong { font-size:13px; font-weight:500; }
.health-incident-time { margin-left:auto; color:var(--muted,#aaa); font-size:11px; white-space:nowrap; }
.health-incident-body { margin:0 22px 22px 48px; max-width:780px; font-size:13px; line-height:1.65; }
.health-incident-body dl { display:grid; grid-template-columns:180px 1fr; font-size:12px; color:var(--muted,#aaa); }.health-incident-body dd { margin:0; }
.health-code { font-size:10px; color:var(--muted,#aaa); overflow-wrap:anywhere; }
.health-empty { text-align:center; padding:45px 20px; color:var(--muted,#aaa); font-size:13px; }
.health-note { padding:14px 18px; border:1px solid #806a3c; border-radius:10px; margin:16px 0; color:#e2bf79; font-size:12px; line-height:1.6; }
.health-footnote { margin:20px 4px; font-size:11px; }
.health-page button:focus-visible,.health-page summary:focus-visible,.health-page select:focus-visible { outline:2px solid #8acaad; outline-offset:4px; }
@media(max-width:1100px) { .health-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .health-active .workspace { grid-template-columns:minmax(0,1fr); }.health-heading { align-items:flex-start; }.health-heading>.button { padding:10px; font-size:11px; }.health-grid { grid-template-columns:minmax(0,1fr); }.health-card { padding:17px; }.health-card-top { margin-bottom:14px; }.health-summary { flex-wrap:wrap; padding:18px; gap:10px; }.health-summary>div { flex:1; }.health-summary small { text-align:left; margin-left:20px; width:100%; }.health-incident summary { gap:10px; padding:16px; flex-wrap:wrap; }.health-incident summary strong { flex-basis:70%; }.health-incident-time { margin-left:20px; }.health-incident-body { margin:0 18px 18px; }.health-incident-body dl { grid-template-columns:1fr; gap:4px; }.health-incident-body dd { margin-bottom:10px; } }

.health-related { display:grid; gap:10px; margin:18px 0; }
.health-related .button { justify-content:flex-start; text-align:left; white-space:normal; overflow-wrap:anywhere; }
.health-related small { font-size:11px; font-weight:400; }
.health-visibility { margin-top:18px; }
.health-visibility p { color:var(--muted); font-size:12px; }
.health-technical { margin-top:18px; font-size:11px; }