.traffic-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.traffic-stats article{min-width:0}.traffic-stats strong{font-variant-numeric:tabular-nums}.traffic-stats p{line-height:1.65}.traffic-panel{margin-bottom:24px;overflow:hidden}.traffic-panel .panel-toolbar{gap:18px;flex-wrap:wrap}.traffic-panel .panel-toolbar p{margin:6px 0 0}.traffic-toggle{display:flex;padding:4px;background:#f4f7fb;border:1px solid #e7edf5;border-radius:11px;gap:3px}.traffic-toggle button{border:0;border-radius:8px;padding:9px 14px;color:#7a879c;background:transparent;font-size:12px;font-weight:600}.traffic-toggle button.selected{background:#fff;color:#079caf;box-shadow:0 2px 8px #19364c12}.traffic-scroll{overflow:auto;padding:8px 20px 0}.traffic-scroll svg{display:block;min-width:100%}.traffic-grid{stroke:#edf1f6;stroke-width:1}.traffic-axis{fill:#8a96a8;font-size:11px}.traffic-bar.pv{fill:#19adbd}.traffic-bar.uv{fill:#8975e8}.traffic-bar.zero{opacity:.25}.traffic-bar:hover{opacity:.75}.traffic-note{font-size:11px;color:#8190a5;line-height:1.85;margin:12px 26px}.traffic-recording{padding-top:12px;border-top:1px solid #eef1f6;margin-bottom:22px}.traffic-hour-details{margin:4px 26px 14px;color:#697d97;font-size:12px}.traffic-hour-details summary{cursor:pointer;padding:10px 0}.traffic-hour-details .table-scroll{max-height:260px}.traffic-hour-details table{min-width:380px}.traffic-hour-details th,.traffic-hour-details td{padding:10px 18px}.traffic-empty{margin:12px 26px;color:#9b7a4b;font-size:12px}.analytics-links table{min-width:1050px}.metric-uv{color:#8567d6}.traffic-stats .stat-icon{top:22px;right:22px}
@media(max-width:1050px){.traffic-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-stats article{padding:22px}.traffic-stats strong{font-size:29px}}
@media(max-width:520px){.traffic-stats{gap:10px}.traffic-stats article{padding:17px 13px}.traffic-stats .stat-icon{display:none}.traffic-stats strong{font-size:27px}.traffic-stats p{font-size:10px}.traffic-panel .panel-toolbar{padding:18px}.traffic-toggle{width:100%}.traffic-toggle button{flex:1}.traffic-note,.traffic-hour-details{margin-left:18px;margin-right:18px}.traffic-scroll{padding-left:8px;padding-right:8px}}

.traffic-line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}.traffic-line.pv{stroke:#19adbd}.traffic-line.uv{stroke:#8975e8}.traffic-dot{stroke:#fff;stroke-width:1.8;pointer-events:none}.traffic-dot.pv{fill:#19adbd}.traffic-dot.uv{fill:#8975e8}.traffic-dot.zero{fill:#fff;stroke:#8c9bab}.traffic-hit{fill:transparent;cursor:crosshair}.traffic-point:focus{outline:none}.traffic-point.is-selected circle,.traffic-point:focus circle{stroke:#20334e;stroke-width:2}.traffic-guide{stroke:#b3becd;stroke-width:1;stroke-dasharray:4 4;pointer-events:none}.traffic-missing{font-size:11px;fill:#aab5c3;pointer-events:none}.traffic-tick{pointer-events:none}.traffic-scroll svg{touch-action:pan-y}.traffic-live{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 26px 14px;font-size:11px;color:#7f8da1}.traffic-refresh{border:1px solid #d8e7ed;background:#f6fcfc;color:#078e9b;border-radius:8px;padding:8px 12px;font-weight:600;white-space:nowrap;min-height:36px}.traffic-refresh:disabled{opacity:.55}.traffic-readout{margin:0 26px 8px;padding:14px 18px;background:#f5fafb;border:1px solid #dfedf1;border-radius:12px;display:flex;gap:12px;align-items:center;justify-content:space-between;color:#55677e;font-size:12px;min-height:62px}.traffic-readout>div{display:flex;gap:24px}.traffic-readout strong{font-size:18px;font-variant-numeric:tabular-nums;color:#078e9b;margin-left:6px;overflow-wrap:anywhere}.traffic-readout [data-traffic-value=uv]{color:#8065cd}.traffic-chart-help{margin:0 26px 6px;color:#7e8da3;font-size:11px;line-height:1.7}.traffic-refresh:focus-visible,.traffic-toggle button:focus-visible{outline:2px solid #4075f5;outline-offset:2px}
@media(max-width:520px){.traffic-live,.traffic-readout,.traffic-chart-help{margin-left:18px;margin-right:18px}.traffic-readout{display:block;padding:12px}.traffic-readout>div{margin-top:8px;justify-content:space-between;gap:12px}.traffic-readout strong{font-size:16px}.traffic-readout>div>span{min-width:0}.traffic-live{font-size:10px;align-items:flex-start}.traffic-chart-help{font-size:10px}.traffic-refresh{min-height:40px}}
.traffic-coverage{margin:10px 26px;padding:10px 12px;background:#fff8ec;border:1px solid #f3e6ce;border-radius:9px;color:#937035;font-size:11px;line-height:1.8}@media(max-width:520px){.traffic-coverage{margin-left:18px;margin-right:18px}}