.traffic-controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.traffic-controls label{display:flex;flex:1 1 150px;flex-direction:column;gap:8px;color:#a7bbcc;font:11px var(--mono)}.traffic-controls select{width:100%;min-width:0;padding:10px;color:#e9f3fa;background:#102030;border:1px solid #395265;font:12px var(--mono)}.traffic-legend{display:flex;flex-wrap:wrap;gap:12px 22px;color:#c6d4df;font:11px var(--mono);margin:12px 0}.traffic-legend span::before{content:'';display:inline-block;width:16px;height:3px;background:var(--series-color);vertical-align:middle;margin-right:7px}.traffic-method,.traffic-coverage{color:#96aabd;font-size:12px;line-height:1.7}.traffic-series path{vector-effect:non-scaling-stroke}

.request-rate-summary[hidden]{display:none}