.traffic-page{display:grid;gap:20px}.traffic-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:24px}.traffic-filter label{display:grid;gap:7px;color:var(--muted);font-size:12px}.traffic-filter input{margin:0;min-height:40px}.traffic-presets{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto;align-self:center}.traffic-presets a{padding:7px 12px;border:1px solid var(--line);border-radius:6px;font-size:12px}.traffic-presets a:hover{background:var(--surface)}.traffic-stats{margin:0}.traffic-page .panel{margin:0}.traffic-page .panel-heading{gap:16px;flex-wrap:wrap}.traffic-caption{padding:0 24px 24px;color:var(--muted);font-size:12px;line-height:1.8}.traffic-legend{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}.traffic-legend span:before{content:'';display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px;background:#e4e4e7}.traffic-legend span+span:before{background:#64748b}.traffic-chart-scroll{overflow-x:auto;padding:8px 24px 24px}.traffic-chart{display:grid;grid-template-columns:repeat(var(--traffic-days),minmax(30px,1fr));gap:10px;min-width:calc(var(--traffic-days)*40px);height:220px}.traffic-day{display:flex;flex-direction:column;align-items:center;min-width:0;gap:8px;font-size:10px;color:var(--muted)}.traffic-day strong{color:var(--ink);font-size:11px;font-weight:500}.traffic-bars{height:160px;display:flex;align-items:flex-end;justify-content:center;gap:4px;width:100%;border-bottom:1px solid var(--line)}.traffic-bars i{display:block;width:12px;max-width:40%;background:#e4e4e7;border-radius:3px 3px 0 0;min-height:1px}.traffic-bars i+i{background:#64748b}.traffic-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.traffic-page td small{display:block;color:var(--muted)}.traffic-page td{overflow-wrap:anywhere}.traffic-meter{height:5px;border-radius:3px;background:var(--surface);margin:8px 0 0;max-width:200px}.traffic-meter i{display:block;height:100%;border-radius:3px;background:#cbd5e1}.traffic-note{font-size:12px;line-height:1.9;color:var(--muted)}.traffic-empty{padding:24px;color:var(--muted);font-size:13px}.flow-heading>.logo{justify-content:center}
@media(max-width:800px){.traffic-columns{grid-template-columns:1fr}.traffic-filter{padding:20px;gap:12px}.traffic-filter label{flex:1;min-width:120px}.traffic-presets{margin:0;width:100%}.traffic-page{gap:14px}.traffic-caption{padding:0 20px 20px}}
.traffic-detail-filter{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:0 24px 18px;border-bottom:1px solid var(--line)}.traffic-detail-filter label{display:grid;gap:7px;font-size:11px;color:var(--muted);min-width:0}.traffic-detail-filter label:first-of-type{flex:1;min-width:200px}.traffic-detail-filter input,.traffic-detail-filter select{margin:0;min-height:38px;font-size:12px}.traffic-detail-filter>div{display:flex;align-items:center;gap:8px}.traffic-detail-caption,.traffic-detail-error{padding:12px 24px;margin:0;color:var(--muted);font-size:11px;line-height:1.9}.traffic-detail-error{color:#f3a6a6}.traffic-detail-scroll{max-height:650px;overflow:auto;overscroll-behavior:contain}.traffic-detail-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.traffic-detail-table{width:2355px;min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.traffic-detail-table thead th{position:sticky;top:0;z-index:1;background:var(--raised);white-space:nowrap}.traffic-page .traffic-detail-table td{font-size:12px;line-height:1.7;vertical-align:top;padding:16px 18px;white-space:normal;overflow-wrap:anywhere}.traffic-detail-table td>small{margin-top:4px}.traffic-detail-table td>code{font-size:11px;line-height:1.8}.traffic-cell-url,.traffic-cell-agent,.traffic-cell-text{display:block;max-height:82px;overflow:auto;overflow-wrap:anywhere;white-space:normal}.traffic-cell-url{color:var(--body-text);text-decoration:underline;text-underline-offset:3px}.traffic-cell-agent{font-size:11px;color:var(--muted)}.traffic-details .tiny-tag{font-size:10px;white-space:normal}.traffic-details .panel-heading .subtle{display:block;margin-top:7px;font-size:11px}
@media(max-width:800px){.traffic-detail-filter{padding:0 20px 18px}.traffic-detail-caption,.traffic-detail-error{padding-inline:20px}.traffic-detail-filter label:first-of-type{flex-basis:100%}.traffic-detail-filter label:nth-of-type(2){flex:1}.traffic-detail-scroll{max-height:560px}}

.traffic-details{min-width:0}.traffic-detail-scroll{min-width:0;max-width:100%}
.traffic-flow-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 24px 20px}.traffic-flow-cards>div{padding:18px;border:1px solid var(--line);border-radius:10px;display:grid;gap:10px}.traffic-flow-cards span,.traffic-flow-cards small{color:var(--muted);font-size:12px;line-height:1.7}.traffic-flow-cards strong{font-size:28px;line-height:1.2}.traffic-flow-cards strong small{margin-left:6px}.traffic-detail-table{width:2535px}.traffic-page .traffic-origin-url{font-size:11px;color:var(--muted);margin-top:4px}@media(max-width:900px){.traffic-flow-cards{grid-template-columns:1fr;padding:0 20px 20px}}
.traffic-link-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 24px 18px;align-items:end}.traffic-link-form label{display:grid;gap:7px;font-size:12px;color:var(--muted);min-width:0}.traffic-link-form input{margin:0;min-height:40px}.traffic-link-result{grid-column:1/-1}.traffic-link-form>[role=status]{grid-column:2/-1;font-size:12px}@media(max-width:800px){.traffic-link-form{grid-template-columns:1fr 1fr;padding-inline:20px}.traffic-link-form>[role=status]{grid-column:1/-1}}