.node-graph-card{background:linear-gradient(145deg,var(--primary-soft),var(--surface) 55%);border-radius:20px;padding:22px;border-color:color-mix(in srgb,var(--primary) 24%,var(--border))}
.node-graph-card[data-state="down"]{border-inline-start:4px solid #ef646d}.node-graph-card[data-state="degraded"]{border-inline-start:4px solid #e6a43b}
.chart-legend .lg-up{background:#18b8e6}.chart-legend .lg-down{background:#ef646d}.chart-legend .lg-unknown{background:repeating-linear-gradient(135deg,#64748b 0 2px,#a2aebc 2px 5px)}
.health-chart-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-top:16px;direction:ltr}
.health-chart{display:block;width:100%;height:auto;min-width:560px;direction:ltr}
.health-grid{stroke:var(--border);stroke-dasharray:3 5}.health-label{fill:var(--text-3);font:12px system-ui,sans-serif}.health-time{fill:var(--text-3);font:11px system-ui,sans-serif}.health-segment{stroke-width:3;fill:none;vector-effect:non-scaling-stroke}.health-up{stroke:#18b8e6}.health-degraded{stroke:#e6a43b}.health-down{stroke:#ef646d}.health-change{stroke:var(--text-4);stroke-width:1;stroke-dasharray:3 3}.health-fill-up{fill:#18b8e610}.health-fill-down{fill:#ef646d25}.health-fill-degraded{fill:#e6a43b1a}.health-fill-unknown{fill:var(--surface-2)}
.health-caption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--text-3);font-size:12px;margin:10px 0}.health-caption b{color:var(--text-2)}
.ng-events{gap:8px;margin:14px 0}.ng-events span{padding:12px;border-inline-start:3px solid #ef646d;line-height:1.9}.ng-events span.muted{border-color:var(--border)}
.ng-speed{border-top:1px solid var(--border);padding-top:12px;margin-top:14px}.ng-speed summary{cursor:pointer;color:var(--primary-400);font-size:13px;padding:5px}.ng-speed p{font-size:12px;color:var(--text-3)}
.graph-current-value{color:var(--primary-400)}.graph-previous-value{color:var(--text-3)}.prtg-chart,[data-theme="dark"] .prtg-chart{background:var(--surface)}.chart-current{stroke:#18b8e6}.chart-current-area{fill:#18b8e61a}.chart-current-dot{fill:#18b8e6}.chart-previous{stroke:#8196ad;stroke-dasharray:5 4}.lane-up{fill:#18b8e6}.band-up{fill:#18b8e609}.graph-summary>span{border-radius:12px}.chart-shell{border:0;background:none}
@media(max-width:600px){.node-graph-card{padding:14px}.graph-summary.compact>span{min-width:0;flex:1 1 115px}.health-caption{font-size:11px}.ng-head h3{display:block;margin:9px 0}.health-chart-wrap{scrollbar-width:thin}}