/* Traffic shares the live admin palette, typography and control radius. */
.traffic-workspace{max-width:1300px}.traffic-heading,.traffic-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.traffic-heading h1{margin:0}.traffic-heading p{margin:8px 0 0}.traffic-heading label,.traffic-chart-select{font-size:11px;color:var(--muted);margin:0;min-width:130px}.traffic-period-note{font-size:11px;color:var(--muted);margin:20px 0 12px}.traffic-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.traffic-stat,.traffic-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}.traffic-stat>span{font-size:12px;color:var(--muted)}.traffic-stat>strong{display:block;font-size:32px;line-height:1.2;margin:12px 0 8px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.traffic-stat:first-child{background:var(--accent-soft)}.traffic-stat:first-child>strong{color:var(--accent)}.traffic-stat>small{font-size:11px}.traffic-stat>p{margin:8px 0 0;font-size:11px;color:var(--muted)}.traffic-panel-heading h2,.traffic-audience-heading h2{font-size:14px;margin:0}.traffic-panel-heading p,.traffic-audience-heading p{font-size:11px;color:var(--muted);margin:6px 0 0}.traffic-panel-heading>span{font-size:10px;color:var(--muted);white-space:nowrap}.traffic-panel-heading .traffic-chart-select{display:flex;align-items:center;gap:8px}.traffic-chart-select select{margin:0;max-width:135px}.traffic-chart{height:170px;display:flex;gap:8px;margin-top:18px;border-bottom:1px solid var(--line)}.traffic-day{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center}.traffic-day>svg{width:100%;height:140px;fill:var(--accent)}.traffic-day>svg text{fill:var(--muted);font-size:10px}.traffic-day>small{height:28px;line-height:28px;font-size:10px;color:var(--muted);white-space:nowrap}.traffic-day .traffic-previous{fill:#ded5f3}.traffic-tooltip{display:none;position:absolute;z-index:3;bottom:100%;background:var(--text);color:white;font-size:11px;padding:7px 10px;border-radius:8px;white-space:nowrap}.traffic-day:first-child .traffic-tooltip{left:0}.traffic-day:last-child .traffic-tooltip{right:0}.traffic-day:hover .traffic-tooltip,.traffic-day:focus .traffic-tooltip{display:block}.traffic-legend{display:flex;justify-content:flex-end;gap:16px;font-size:10px;color:var(--muted);margin-top:12px}.traffic-legend i{display:inline-block;width:7px;height:7px;border-radius:3px;background:var(--accent);margin-right:5px}.traffic-legend span+span i{background:#ded5f3}.traffic-audience-heading{margin:24px 0 12px}.traffic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.traffic-ranks{display:grid;gap:14px;margin-top:20px}.traffic-rank>div{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin-bottom:5px}.traffic-rank span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-rank strong{font-weight:550;font-variant-numeric:tabular-nums}.traffic-rank svg{display:block;width:100%;height:3px;fill:var(--accent)}.traffic-rank .traffic-track{fill:var(--soft)}.traffic-unavailable{font-size:12px;color:var(--muted);padding:24px 0 12px;line-height:1.6}.traffic-unavailable strong{color:var(--text);font-size:13px}.traffic-unavailable p{font-size:12px;margin:6px 0}.traffic-method{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:14px;padding:15px 20px}.traffic-method summary{font-size:12px;cursor:pointer}.traffic-method p{font-size:11px;color:var(--muted);line-height:1.7;max-width:850px}.traffic-technical{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.traffic-technical span{display:block;color:var(--muted);font-size:11px}.traffic-technical strong{display:block;margin-top:8px;font-size:18px}
@media(max-width:700px){.traffic-grid{grid-template-columns:1fr}.traffic-heading{align-items:flex-start}.traffic-heading h1{font-size:24px}.traffic-heading p{font-size:12px}.traffic-stat,.traffic-panel{padding:16px}.traffic-stat>strong{font-size:28px}.traffic-chart{gap:3px}.traffic-technical{grid-template-columns:1fr 1fr}.traffic-day>small{font-size:8px}.traffic-tooltip{white-space:normal;min-width:100px}.traffic-legend{justify-content:flex-start}}
@media(max-width:420px){.traffic-stats{gap:8px}.traffic-stat{padding:12px}.traffic-heading{flex-wrap:wrap}.traffic-panel-heading{flex-wrap:wrap}.traffic-stat>strong{font-size:25px}}