.traffic{display:grid;gap:24px}.traffic h1{margin:0}.traffic h2,.traffic h3{margin-top:12px}.traffic h2+p,.traffic h3+p{margin-top:4px}.traffic p{line-height:1.6}.traffic .traffic-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.traffic-head p{margin-top:8px}.traffic .traffic-tabs{display:flex;gap:8px;flex-wrap:wrap}.traffic .traffic-actions{margin-top:12px;gap:8px}.traffic .traffic-submit{margin-top:16px}.traffic .traffic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.traffic .traffic-stat{padding:16px}.traffic-stat strong{display:block;font-size:26px;margin-top:8px}.traffic-stat small{display:block;margin-top:8px}.traffic .traffic-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.traffic label{display:grid;gap:4px;font-size:12px}.traffic select,.traffic input,.traffic textarea{width:100%;min-width:0}.traffic .traffic-connection{display:grid;gap:16px}.traffic .traffic-businesses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.traffic .traffic-business{padding:16px;border:1px solid var(--line,#ddd);border-radius:12px}.traffic-business p{margin-top:4px}.traffic .traffic-table{overflow:auto}.traffic table{width:100%;border-collapse:collapse}.traffic th,.traffic td{text-align:left;padding:12px;border-bottom:1px solid var(--line,#ddd);white-space:nowrap}.traffic th{font-size:11px}.traffic .traffic-chart{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:16px;overflow-x:auto}.traffic-chart .traffic-bar{flex:1;min-width:8px;background:var(--accent,#6850a1);border-radius:4px 4px 0 0}.traffic .traffic-chart-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:11px}.traffic pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;padding:16px;background:var(--bg,#f6f5f8);max-height:400px;overflow:auto;border-radius:8px;margin-top:12px}.traffic .traffic-mcp{display:grid;gap:16px}.traffic .traffic-check{display:flex;gap:8px;align-items:flex-start;margin-top:12px}.traffic-check input{width:auto;margin-top:4px}.traffic .traffic-error{padding:12px;border:1px solid #b42318;border-radius:8px;color:#b42318}.traffic [hidden]{display:none!important}.traffic button:focus-visible,.traffic select:focus-visible,.traffic input:focus-visible,.traffic textarea:focus-visible{outline:2px solid var(--accent,#6850a1);outline-offset:4px}.traffic .traffic-positive{color:#217246}.traffic .traffic-negative{color:#b42318}.traffic .traffic-empty{padding:24px;text-align:center}.traffic .traffic-empty p{margin-top:8px}.traffic .traffic-note{padding:16px;border:1px solid var(--line,#ddd);border-radius:12px}.traffic .traffic-mcp-result{margin-top:16px}
.traffic,.traffic>*{min-width:0}.traffic .panel+.panel{margin-top:0}.traffic .traffic-table{max-width:100%}.traffic .traffic-note code{overflow-wrap:anywhere}.traffic select,.traffic input:not([type=checkbox]),.traffic textarea{padding:12px;border:1px solid var(--line,#ddd);border-radius:8px;background:var(--paper,#fffefa);color:var(--ink,#272c25)}.traffic .traffic-bar{background:var(--green,#466544)}.traffic details{margin-top:12px}
@media(max-width:960px){.traffic .traffic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic .traffic-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
.traffic .traffic-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.traffic .traffic-connected{background:var(--lime,#d5ee8b);color:var(--lime-ink,#3b4c21)}.traffic .traffic-disconnect{border-top:1px solid var(--line,#ddd);padding-top:16px}.traffic .traffic-summary h2{overflow-wrap:anywhere}
@media(max-width:680px){.traffic .traffic-grid,.traffic .traffic-filters,.traffic .traffic-businesses{grid-template-columns:1fr}.traffic .traffic-head{align-items:flex-start}.traffic .traffic-tabs .btn{flex:1}.traffic .traffic-actions{flex-wrap:wrap}}