.panel.monitoring-panel{display:none;gap:16px}
.panel.monitoring-panel.active{display:grid}
.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}
.monitor-toolbar .filters{margin:0}
.monitor-toolbar small,.monitor-row small{color:var(--muted);font-size:10px}
.monitor-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.monitor-card,.monitor-status{padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(20,24,27,.9)}
.monitor-status span{display:block;color:var(--muted);font-size:10px}
.monitor-status strong{display:block;margin-top:8px;font:400 25px Prata;color:var(--gold)}
.monitor-status em{display:block;margin-top:6px;color:#7fca9c;font-size:10px;font-style:normal}
.monitor-status.warning em{color:#dfb76a}
.monitor-status.critical em{color:#dc8d82}
.monitor-chart-grid,.monitor-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.monitor-card h2{margin:8px 0 18px;font-size:24px}
.monitor-chart{min-height:180px;display:grid;align-items:end}
.monitor-chart svg{width:100%;height:180px;overflow:visible}
.monitor-chart .grid{stroke:rgba(255,255,255,.07);stroke-width:1}
.monitor-chart .line{fill:none;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke}
.monitor-chart .area{fill:rgba(216,181,106,.08)}
.monitor-chart-empty{place-self:center;color:var(--muted);font-size:12px}
.monitor-list{display:grid;gap:8px}
.monitor-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.monitor-row:last-child{border-bottom:0}
.monitor-row b{font-size:12px}
.monitor-row strong{color:var(--gold);font-size:12px}
.monitor-report{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.monitor-report:last-child{border-bottom:0}
.monitor-report header{display:flex;justify-content:space-between;gap:12px}
.monitor-report p{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0}
.monitor-report p span{padding:9px;border-radius:10px;background:rgba(255,255,255,.035);color:var(--muted);font-size:10px}
.monitor-report p b{display:block;margin-top:3px;color:var(--text);font-size:12px}
.monitor-empty{padding:28px;color:var(--muted);text-align:center}
@media(max-width:1100px){.monitor-status-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.monitor-chart-grid,.monitor-detail-grid{grid-template-columns:1fr}.monitor-report p{grid-template-columns:repeat(2,1fr)}.monitor-toolbar{align-items:flex-start;flex-direction:column}}