.monitoring-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.monitoring-stat{display:flex;flex-direction:column;gap:.35rem;min-width:0;padding:.75rem 0}.monitoring-stat strong{font-size:1.45rem;font-weight:600;overflow-wrap:anywhere}.monitoring-controls{align-items:end}.monitoring-details{display:flex;flex-wrap:wrap;gap:1.25rem;margin:1rem 0}.monitoring-details dt{font-size:.8rem;color:var(--muted,var(--text-secondary))}.monitoring-details dd{margin:.25rem 0;overflow-wrap:anywhere}.monitoring-trend{height:8rem;display:flex;align-items:flex-end;gap:2px;padding:.5rem 0;margin:1rem 0;border-bottom:1px solid var(--border,#ddd)}.monitoring-bar{flex:1;min-width:1px;max-width:2rem;background:var(--primary,#560c30);opacity:.6;border-radius:2px 2px 0 0}.monitoring-content[aria-busy=true]{opacity:.7}@media(max-width:700px){.monitoring-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.monitoring-stat strong{font-size:1.2rem}.monitoring-details{display:block}.monitoring-details>div{margin-bottom:.8rem}}

.account-traffic-chart{display:block;width:100%;height:auto;min-height:170px;overflow:visible}.traffic-visual{margin:1rem 0}.traffic-legend{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.8rem}.traffic-legend span:before{content:"";display:inline-block;width:.7rem;height:.7rem;margin-right:.4rem;border-radius:50%;background:var(--primary)}.traffic-legend .outbound:before{background:#438b8b}.traffic-grid{stroke:var(--line);stroke-width:1}.traffic-axis{fill:var(--muted);font-size:11px}.traffic-area{fill:var(--primary);opacity:.1}.traffic-line{fill:none;stroke:var(--primary);stroke-width:2;vector-effect:non-scaling-stroke}.traffic-area.outbound{fill:#438b8b}.traffic-line.outbound{stroke:#438b8b}.traffic-custom[hidden]{display:none}.traffic-custom{margin:.75rem 0}
.traffic-period{display:flex;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.traffic-period time{overflow-wrap:anywhere}@media(max-width:480px){.traffic-period{flex-direction:column}}
.traffic-dot{fill:var(--primary)}.traffic-dot.outbound{fill:#438b8b}.monitoring-content .table{min-width:560px}.monitoring-content .table td:first-child{white-space:nowrap}