.monitor-heading{flex-wrap:wrap;gap:.5rem}.monitor-badge{margin-left:auto;font-size:.76rem;color:var(--text2);border:1px solid var(--border,rgba(128,128,160,.25));padding:.25rem .65rem;border-radius:2rem}.monitor-badge.warn{color:var(--orange,#ffb74d)}.monitor-note{color:var(--text2);font-size:.76rem;line-height:1.7;margin:.65rem 0 0}.monitor-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.8rem}.monitor-controls label{display:grid;gap:.3rem;font-size:.76rem;color:var(--text2)}.monitor-controls .form-select{min-width:145px;color:var(--text);background-color:var(--bg2,#181a2d);border-color:rgba(128,128,160,.3)}.monitor-controls button{height:31px}.history-chart{position:relative;height:260px;margin-top:1rem}.history-chart canvas{display:block;width:100%;height:100%}.history-empty{position:absolute;inset:40% 0 auto;text-align:center;padding:0 1rem;font-size:.85rem;color:var(--text2);pointer-events:none}.history-legend{display:flex;flex-wrap:wrap;gap:.55rem 1.3rem;margin-top:.8rem;font-size:.76rem;font-variant-numeric:tabular-nums}.history-series{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.history-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.monitor-details{margin-top:1rem}.monitor-details summary{font-size:.82rem;color:var(--text2);cursor:pointer}.monitor-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.4rem 1.8rem;font-size:.78rem;color:var(--text2);padding-left:1.2rem;margin-top:.75rem}.alert-list{display:grid;gap:.5rem}.alert-row{padding:.65rem .8rem;border-left:3px solid var(--orange,#ffb74d);background:rgba(255,180,50,.06);border-radius:5px;font-size:.8rem;line-height:1.6}.alert-row.recovered{border-color:var(--green,#4ade80);background:rgba(70,200,120,.06)}.network-live{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.network-card{border:1px solid rgba(128,128,160,.2);border-radius:10px;padding:1rem;min-width:0}.network-card h6{font-size:.85rem;overflow-wrap:anywhere;margin:0 0 .8rem}.network-speeds{display:flex;justify-content:space-between;gap:.6rem;font-size:1.05rem;font-weight:650;font-variant-numeric:tabular-nums}.network-speeds span:first-child{color:var(--green,#4ade80)}.network-speeds span:last-child{color:var(--blue,#60a5fa)}@media(max-width:575px){.history-chart{height:225px}.monitor-controls{gap:.6rem}.monitor-controls label{flex:1;min-width:125px}.monitor-controls .form-select{min-width:0;width:100%}.monitor-badge{margin-left:0}.monitor-rules{grid-template-columns:1fr}.network-live{grid-template-columns:1fr}}