.monitor-live{--monitor-warn:var(--ui-warning,#80530b);--monitor-bad:var(--ui-danger,#aa2635);--monitor-good:var(--ui-success,#076c58);margin-bottom:24px;color:var(--text)}
.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.monitor-toolbar h2{margin:0 0 6px;font-size:23px}.monitor-toolbar p{margin:0;color:var(--muted);font-size:14px}.monitor-controls{display:flex;gap:8px;flex-wrap:wrap}.monitor-controls button{min-height:44px}
.monitor-connection{padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:16px;font-size:14px;overflow-wrap:anywhere}.monitor-connection[data-state=error]{border-color:var(--monitor-bad);color:var(--monitor-bad)}
.monitor-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.monitor-stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.monitor-stat dt{font-size:14px;color:var(--muted);margin:0 0 10px}.monitor-stat dd{font-size:30px;font-weight:650;letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin:0;line-height:1.2}.monitor-stat small{display:block;font-size:12px;color:var(--muted);margin-top:9px;line-height:1.5}.monitor-stat.is-bad dd{color:var(--monitor-bad)}
.monitor-alerts{display:grid;gap:8px}.monitor-alert{border:1px solid var(--line);border-left:4px solid var(--monitor-warn);border-radius:10px;padding:13px 16px;background:var(--panel)}.monitor-alert[data-severity=critical]{border-left-color:var(--monitor-bad)}.monitor-alert strong{font-size:14px}.monitor-alert p{margin:5px 0;font-size:14px;color:var(--muted)}.monitor-alert a{font-size:14px;color:var(--accent-text);font-weight:600}.monitor-clear{border-left-color:var(--monitor-good)}
.monitor-panel{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--panel);margin-top:16px;scroll-margin-top:20px;min-width:0}.monitor-panel h3{font-size:18px;margin:0 0 8px}.monitor-note{color:var(--muted);font-size:13px;line-height:1.6;margin:6px 0 16px}.monitor-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.monitor-split .monitor-panel{margin-top:0}
.monitor-resources{display:grid;gap:12px}.monitor-resource{padding:16px;border:1px solid var(--line);border-radius:12px}.monitor-resource h4{font-size:15px;margin:0 0 5px;overflow-wrap:anywhere}.monitor-resource dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:16px 0 0}.monitor-resource dt{font-size:13px;color:var(--muted)}.monitor-resource dd{font-size:18px;font-weight:600;margin:5px 0;font-variant-numeric:tabular-nums}.monitor-resource small{font-size:12px;line-height:1.5;color:var(--muted);display:block;overflow-wrap:anywhere}.monitor-resource meter{width:100%;height:8px;display:block;margin-top:8px;accent-color:var(--accent)}
.monitor-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.monitor-jobs dt{font-size:13px;color:var(--muted)}.monitor-jobs dd{font-size:25px;margin:5px 0;font-weight:600;font-variant-numeric:tabular-nums}
.monitor-table{width:100%;border-collapse:collapse;font-size:13px}.monitor-table th{text-align:left;color:var(--muted);font-weight:500}.monitor-table td,.monitor-table th{padding:12px 9px;border-bottom:1px solid var(--line);vertical-align:top;white-space:normal;overflow-wrap:anywhere}.monitor-table td small{display:block;color:var(--muted);font-size:12px;margin-top:5px;line-height:1.5}.monitor-table code{font-size:12px;overflow-wrap:anywhere}.monitor-state{font-size:12px;font-weight:650;color:var(--monitor-good)}.monitor-state[data-health=unknown]{color:var(--muted)}.monitor-state[data-health=low]{color:var(--monitor-warn)}.monitor-state[data-health=empty]{color:var(--monitor-bad)}
.monitor-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:15px 0}.monitor-filter label{margin:0;font-size:14px}.monitor-filter select{width:auto;min-height:44px}.monitor-auto{display:flex;align-items:center;gap:10px;font-size:14px;margin:12px 0;min-height:44px}.monitor-auto input{width:20px!important;min-height:20px!important;flex:0 0 20px}.monitor-provider-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.monitor-provider-tools a{font-size:14px;color:var(--accent-text)}
.monitor-chart{display:flex;align-items:flex-end;gap:5px;height:105px;padding-top:12px}.monitor-chart>div{display:flex;align-items:flex-end;flex:1;height:100%;min-width:0}.monitor-chart span{display:block;flex:1;min-height:2px;border-radius:3px 3px 0 0;background:var(--accent)}.monitor-chart span.has-errors{background:var(--monitor-bad)}.monitor-chart-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:8px}.monitor-empty{font-size:14px;color:var(--muted);padding:12px 0;line-height:1.6}
@media(min-width:1400px){.monitor-summary{grid-template-columns:repeat(6,minmax(0,1fr))}.monitor-stat{padding:16px}.monitor-stat dd{font-size:28px}}
@media(max-width:1100px){.monitor-split{grid-template-columns:1fr}}
@media(max-width:600px){.monitor-toolbar{align-items:flex-start;flex-direction:column}.monitor-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-stat{padding:14px}.monitor-stat dd{font-size:25px}.monitor-panel{padding:16px}.monitor-resource dl{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-table,.monitor-table tbody,.monitor-table tr,.monitor-table td{display:block}.monitor-table thead{display:none}.monitor-table tr{border-bottom:1px solid var(--line);padding:10px 0}.monitor-table td{border:0;padding:5px 0}.monitor-table td:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);margin-bottom:3px}.monitor-controls{width:100%}.monitor-controls button{flex:1}}

.monitor-more-alerts>summary{cursor:pointer;min-height:44px;padding:10px 4px;font-size:14px;color:var(--accent-text);font-weight:600}.monitor-more-alerts .monitor-alert{margin:8px 0}