#traffic .section-description{max-width:750px;line-height:1.8}
.traffic-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;margin:0 0 20px;padding:18px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.traffic-controls label,.traffic-custom-fields label{display:flex;flex-direction:column;gap:8px;font-size:11px;line-height:1.7;color:var(--muted)}
.traffic-controls select,.traffic-controls input{min-height:40px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface);font:inherit;font-size:12px;color-scheme:inherit}
.traffic-controls select{min-width:235px;max-width:100%}
.traffic-controls select:focus-visible,.traffic-controls input:focus-visible,.traffic-controls button:focus-visible,.traffic-table-scroll:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}
.traffic-controls select:disabled,.traffic-controls input:disabled,.traffic-controls button:disabled{opacity:.55;cursor:not-allowed}
.traffic-custom-fields{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}
.traffic-custom-fields[hidden]{display:none}
.traffic-range-help{flex-basis:100%;margin:0;font-size:10px;line-height:1.8;color:var(--muted)}
.traffic-status{margin:0 0 18px;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--accent2);font-size:12px;line-height:1.8}
.traffic-status[data-state="stale"],.traffic-status[data-state="unavailable"]{color:var(--soft);border-left:3px solid #bd865f}
.traffic-status[data-state="loading"],.traffic-status[data-state="paused"]{color:var(--muted)}
.traffic-freshness{padding:0 0 18px;font-size:11px;line-height:1.8;color:var(--muted)}
.traffic-freshness p{margin:7px 0;overflow-wrap:anywhere}
.traffic-coverage{display:flex;flex-direction:column;gap:5px;margin:0 0 22px;padding:13px 16px;border:1px solid var(--line);border-left:3px solid var(--accent2);border-radius:9px;font-size:11px;line-height:1.8;color:var(--muted)}
.traffic-coverage:empty{display:none}
.traffic-coverage strong{font-size:11px;font-weight:500;color:var(--accent2)}
.traffic-coverage[data-state="partial"],.traffic-coverage[data-state="unavailable"]{border-left-color:#bd865f}
.traffic-coverage[data-state="partial"] strong,.traffic-coverage[data-state="unavailable"] strong{color:var(--soft)}
.traffic-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 28px}
.traffic-summary:empty{display:none}
.traffic-kpi{min-width:0;padding:19px 17px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.traffic-kpi>span{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:12px}
.traffic-kpi>strong{display:block;font-size:25px;line-height:1.5;font-weight:500;color:var(--accent2);overflow-wrap:anywhere}
.traffic-kpi>small{display:block;font-size:10px;line-height:1.8;margin-top:9px;color:var(--muted)}
.traffic-summary[data-state="stale"] .traffic-kpi{border-style:dashed}
.traffic-details{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px}
.traffic-details>article,.traffic-details>section{min-width:0}
.traffic-details h3{font-size:18px;font-weight:500;margin:0 0 15px}
.traffic-table-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px;scrollbar-width:thin}
.traffic-table{width:100%;min-width:290px;border-collapse:collapse;background:var(--panel);font-size:11px;line-height:1.8}
.traffic-table th,.traffic-table td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.traffic-table th{font-size:10px;font-weight:500;background:var(--surface);color:var(--muted)}
.traffic-table td:first-child{max-width:430px}
.traffic-table td:last-child,.traffic-table th:last-child{text-align:right;white-space:nowrap}
.traffic-table tr:last-child td{border-bottom:0}
.traffic-empty{padding:20px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:12px;line-height:1.8;margin:0}
.traffic-trend{margin:0 0 28px;min-width:0}
.traffic-trend h3{font-size:18px;font-weight:500;margin:0 0 12px}
.traffic-trend-note{margin:0 0 12px;font-size:11px;line-height:1.9;color:var(--muted);max-width:940px}
#traffic-series .traffic-table{min-width:720px}
#traffic-series .traffic-table td:first-child{min-width:225px}
.traffic-trend-value{display:flex;flex-direction:column;gap:7px;min-width:100px}
.traffic-trend-meter{display:block;width:100%;height:7px;border:0;border-radius:4px;background:var(--line);accent-color:var(--accent2)}
.traffic-trend-meter::-webkit-meter-bar{height:7px;border:0;border-radius:4px;background:var(--line)}
.traffic-trend-meter::-webkit-meter-optimum-value{border-radius:4px;background:var(--accent2)}
.traffic-trend-meter::-moz-meter-bar{border-radius:4px;background:var(--accent2)}
#traffic>.note{max-width:950px;line-height:1.9}
@media(max-width:1100px){.traffic-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-details{grid-template-columns:1fr}}
@media(max-width:600px){#traffic>.section-head{align-items:flex-start;flex-direction:column;gap:15px}.traffic-controls{padding:14px;gap:13px}.traffic-controls>label,.traffic-controls form,.traffic-custom-fields{width:100%}.traffic-controls select{width:100%}.traffic-custom-fields label{flex:1;min-width:130px}.traffic-summary{gap:10px}.traffic-kpi{padding:15px 13px}.traffic-kpi>strong{font-size:22px}.traffic-table th,.traffic-table td{padding:11px 12px}}
@media(max-width:380px){.traffic-summary{grid-template-columns:1fr}}