/* Traffic components consume the shared admin design tokens. */
.traffic-filters{margin-bottom:12px}.filter-main{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.1fr 1fr;gap:14px}.traffic-filters input:not([type=checkbox]),.traffic-filters select{margin:7px 0 0;font-size:12px}.traffic-filters label>span{font-size:9px;color:var(--faint);margin-left:4px}.filter-advanced{margin:16px 0}.filter-advanced summary{font-size:11px}.filter-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:8px 0}.traffic-filter-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--border);padding-top:16px}.auto-refresh{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-left:auto}.traffic-filter-actions button{font-size:11px;min-height:36px}.traffic-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 24px}.traffic-metric{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.traffic-metric span{font-size:10px;color:var(--muted);display:block;min-height:30px}.traffic-metric strong{display:block;font-size:25px;font-weight:500;margin-top:16px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.report-card{padding:0;overflow:hidden}.report-tabs{display:flex;gap:20px;padding:0 24px;border-bottom:1px solid var(--border);overflow:auto}.report-tabs button{flex-shrink:0;min-height:52px;padding:14px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);font-size:11px}.report-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}.report-tabs button:hover{background:none;color:var(--text)}.report-tabs button:focus-visible{outline-offset:-4px}.report-intro{padding:24px 24px 18px}.report-intro p{font-size:11px;margin:6px 0 0}.report-card .table-wrap{border:0;border-radius:0}.traffic-table table{min-width:760px}.traffic-table th{white-space:normal;font-size:10px}.traffic-table td{max-width:200px;overflow-wrap:anywhere;vertical-align:middle;font-size:11px;padding-top:16px;padding-bottom:16px}.traffic-table td:first-child{min-width:90px}.traffic-link{background:transparent;border:0;padding:0!important;min-height:0;text-align:left;color:var(--accent);font-size:11px;text-decoration:none}.traffic-link:hover{background:none;text-decoration:underline}.traffic-reach{display:flex;align-items:center;gap:8px}.traffic-reach progress{width:65px;height:5px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:var(--border)}.traffic-reach span{white-space:nowrap;font-size:10px;color:var(--muted)}.traffic-pagination{margin:0;padding:18px 24px;border-top:1px solid var(--border)}.traffic-journey{width:min(820px,94vw);max-height:90vh}.traffic-attributes{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;font-size:12px;padding:18px;background:var(--field);border:1px solid var(--border);border-radius:8px}.traffic-attributes dt{color:var(--muted)}.traffic-attributes dd{margin:0;overflow-wrap:anywhere}.traffic-timeline{list-style:none;padding:0 0 0 10px;counter-reset:step}.traffic-timeline li{counter-increment:step;position:relative;padding:0 0 24px 26px;border-left:1px solid var(--border-strong)}.traffic-timeline li:before{content:counter(step);position:absolute;left:-11px;top:0;width:21px;height:21px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:10px;display:grid;place-items:center;border:1px solid #55436f}.traffic-timeline li:last-child{border-color:transparent}.traffic-timeline strong{font-size:13px;display:block;padding-bottom:3px}.traffic-timeline p{font-size:11px;margin:5px 0;overflow-wrap:anywhere}.traffic-checkout{color:var(--success)}.traffic-method{margin-top:18px;background:transparent}.traffic-method p{font-size:11px}.traffic-table .empty-state{padding:40px 24px}.traffic-table small{font-size:9px}.traffic-table .badge{font-size:9px;white-space:normal}#traffic-status{margin:8px 0 0}.traffic-note{background:var(--surface);border-left:2px solid var(--accent-solid);padding:12px}
@media(max-width:1180px){.filter-main{grid-template-columns:repeat(3,minmax(0,1fr))}.traffic-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.traffic-metric{padding:16px}.auto-refresh{margin-left:0}}
@media(max-width:760px){.filter-main,.filter-extra{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-filters{padding:18px}.filter-main label:last-child{grid-column:1/-1}.filter-extra label:last-child{grid-column:1/-1}.filter-main input{min-height:42px;width:100%}.traffic-filter-actions{gap:10px}.auto-refresh{width:100%;margin-top:4px;min-height:24px}.traffic-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.traffic-metric{padding:16px}.traffic-metric span{font-size:10px;min-height:28px}.traffic-metric strong{font-size:24px;margin-top:10px}.report-tabs{padding:0 18px;gap:18px}.report-tabs button{font-size:10px}.report-intro{padding:20px 18px 16px}.traffic-pagination{padding:16px 18px}.traffic-attributes{font-size:11px}.traffic-journey .heading{align-items:flex-start}.report-intro h2{font-size:14px}}
@media(max-width:760px){.traffic-filters input:not([type=checkbox]),.traffic-filters select{font-size:16px}}

.traffic-type-filter{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:18px;align-items:end;margin-bottom:20px}.traffic-type-filter .helper{margin:0;font-size:11px}@media(max-width:760px){.traffic-type-filter{grid-template-columns:1fr;gap:10px}}