.dd-traffic-analytics{gap:18px;min-width:0;margin-bottom:30px;display:grid;container:dd-traffic-analytics/inline-size}.dd-traffic-description{color:var(--dd-panel-muted,var(--muted));margin:0;font-size:11px;line-height:1.7}.dd-traffic-heading-actions{flex-wrap:wrap;flex:none;gap:6px;display:flex}.dd-traffic-button,.dd-traffic-toggle-button,.dd-traffic-text-button,.dd-traffic-filter-chip,.dd-traffic-journey-button{border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);min-height:34px;color:var(--dd-highlight,var(--accent));background:var(--dd-panel-surface,var(--paper));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-family:inherit;font-size:10px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.dd-traffic-button:hover,.dd-traffic-journey-button:hover,.dd-traffic-filter-chip:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 5%, transparent)}.dd-traffic-heading-actions>button:disabled,.dd-traffic-analytics button:disabled,.dd-traffic-analytics input:disabled,.dd-traffic-analytics select:disabled{opacity:.55;cursor:default}.dd-traffic-heading-actions>button:focus-visible,.dd-traffic-analytics button:focus-visible,.dd-traffic-analytics input:focus-visible,.dd-traffic-analytics select:focus-visible,.dd-traffic-outcome:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.dd-traffic-summary{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;min-width:0;display:grid}.dd-traffic-summary.is-filters-only{grid-template-columns:minmax(0,1fr)}.dd-traffic-summary-stats{flex-direction:column;gap:8px;min-width:0;transition:opacity .2s;display:flex}.dd-traffic-summary-stats>.dd-traffic-metrics,.dd-traffic-summary-stats>.dd-traffic-skeleton-cards{flex:1}.dd-traffic-summary-stats.is-loading{opacity:.6}.dd-traffic-filters{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);background:var(--dd-panel-surface,var(--paper));border-radius:12px;gap:14px;min-width:0;padding:16px;display:grid}.dd-traffic-range-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.dd-traffic-toggle{border:1px solid color-mix(in srgb, var(--accent) 12%, transparent);background:color-mix(in srgb, var(--accent) 3.5%, transparent);border-radius:8px;flex:none;gap:2px;padding:3px;display:inline-flex}.dd-traffic-toggle-button{min-height:28px;color:var(--dd-panel-muted,var(--muted));background:0 0;border-color:#0000;border-radius:5px;padding:6px 9px}.dd-traffic-toggle-button.is-active{border-color:color-mix(in srgb, var(--accent) 8%, transparent);background:var(--dd-panel-surface,var(--paper));color:var(--dd-highlight,var(--accent));box-shadow:0 1px 4px color-mix(in srgb, var(--accent) 6%, transparent)}.dd-traffic-date-form{flex-wrap:wrap;align-items:flex-end;gap:8px;min-width:0;display:flex}.dd-traffic-date-label,.dd-traffic-select-label{gap:5px;min-width:0;display:grid}.dd-traffic-input{border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);background:var(--dd-panel-surface,var(--paper));width:100%;min-width:0;min-height:34px;color:inherit;border-radius:7px;padding:7px 9px;font-family:inherit;font-size:10px}.dd-traffic-date-label>input{width:128px}.dd-traffic-caption{color:var(--dd-panel-muted,var(--muted));font-family:var(--font-body);font-size:9px;font-weight:400;line-height:1.6}.dd-traffic-select-label>span{align-items:center;gap:5px;display:flex}.dd-traffic-segment-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.dd-traffic-select{text-overflow:ellipsis;cursor:pointer}.dd-traffic-date-error{color:var(--danger);margin:0;font-size:11px}.dd-traffic-active-filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.dd-traffic-filter-chip{background:color-mix(in srgb, var(--accent) 3.5%, transparent);overflow-wrap:anywhere;border-radius:999px;min-height:27px;padding:5px 9px}.dd-traffic-filter-chip>svg{flex:none}.dd-traffic-text-button{background:0 0;border:0;min-height:27px;padding:5px 0;font-size:9px}.dd-traffic-text-button:hover{color:inherit}.dd-traffic-report{gap:18px;min-width:0;transition:opacity .2s;display:grid}.dd-traffic-analytics.is-loading .dd-traffic-report{opacity:.6;pointer-events:none}.dd-traffic-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;display:grid}.dd-traffic-kpi{border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);background:linear-gradient(140deg, color-mix(in srgb, var(--accent) 3.5%, transparent), transparent 65%), var(--dd-panel-surface,var(--paper));border-radius:12px;align-content:start;gap:9px;min-width:0;padding:18px;animation:.55s backwards dd-traffic-reveal;display:grid;overflow:hidden}.dd-traffic-kpi-label{color:var(--dd-panel-muted,var(--muted));flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;display:flex}.dd-traffic-kpi-value{min-width:0;color:var(--dd-highlight,var(--accent));font-family:var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(28px,4vw,39px);font-weight:500;line-height:1.1}.dd-traffic-kpi-change{flex-wrap:wrap;align-items:center;gap:4px;font-size:10px;display:flex}.dd-traffic-kpi-change.is-up{color:var(--success)}.dd-traffic-kpi-change.is-down{color:var(--danger)}.dd-traffic-kpi-change.is-flat{color:var(--dd-panel-muted,var(--muted))}.dd-traffic-kpi-period{color:var(--dd-panel-muted,var(--muted));font-size:9px}.dd-traffic-panel{border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);background:var(--dd-panel-surface,var(--paper));border-radius:12px;min-width:0;padding:20px;animation:.55s backwards dd-traffic-reveal}.dd-traffic-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.dd-traffic-panel-copy{gap:3px;display:grid}.dd-traffic-panel-copy>p{margin:0}.dd-traffic-panel-title{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);align-items:center;gap:8px;margin:0;font-size:21px;font-weight:500;line-height:1.25;display:flex}.dd-traffic-panel-title>svg{opacity:.75;flex:none}.dd-traffic-breakdowns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.dd-traffic-journey-links{flex-wrap:wrap;gap:8px;display:flex}.dd-traffic-journey-button.is-selected{background:color-mix(in srgb, var(--accent) 8%, transparent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.dd-traffic-outcomes{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px;display:grid}.dd-traffic-journeys>.dd-admin-skeleton.is-summary{max-width:none;margin-top:16px}.dd-traffic-journeys>.dd-admin-skeleton.is-summary>.dd-admin-skeleton-content{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.dd-traffic-journeys>.dd-admin-skeleton.is-summary .dd-admin-skeleton-card{border-color:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:9px;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.dd-traffic-journeys>.dd-admin-skeleton.is-summary .dd-admin-skeleton-card>.dd-admin-skeleton-block:last-child{width:40%;height:25px}.dd-traffic-outcome{border:1px solid color-mix(in srgb, var(--accent) 10%, transparent);border-radius:9px;gap:10px;min-width:0;padding:12px;transition:background-color .2s,border-color .2s;display:grid;position:relative}.dd-traffic-outcome:hover{border-color:color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 3.5%, transparent)}.dd-traffic-outcome-label{color:var(--dd-panel-muted,var(--muted));flex-wrap:wrap;align-items:center;gap:5px;font-size:9px;display:flex}.dd-traffic-outcome-count{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);font-size:25px;font-weight:500;line-height:1}.dd-traffic-outcome-arrow{color:var(--dd-highlight,var(--accent));opacity:.6;position:absolute;bottom:13px;right:12px}.dd-traffic-feedback{border:1px solid color-mix(in srgb, var(--accent) 13%, transparent);background:var(--dd-panel-surface,var(--paper));border-radius:12px;align-items:flex-start;gap:12px;padding:20px;display:flex}.dd-traffic-feedback>svg{color:var(--dd-highlight,var(--accent));flex:none;margin-top:3px}.dd-traffic-feedback-title{color:var(--dd-highlight,var(--accent));font-family:var(--font-display);margin:0 0 5px;font-size:23px;font-weight:500}.dd-traffic-feedback.is-error{border-color:var(--danger) 30;background:var(--danger) 5}.dd-traffic-feedback.is-error>svg{color:var(--danger)}.dd-traffic-feedback-copy>.dd-traffic-caption{margin:9px 0 0}.dd-traffic-empty-caption{color:var(--dd-panel-muted,var(--muted));margin:20px 0;font-size:11px}.dd-traffic-skeleton{gap:16px;display:grid}.dd-traffic-skeleton-card,.dd-traffic-skeleton-chart{background:color-mix(in srgb, var(--accent) 6%, transparent);border-radius:10px;animation:1.5s ease-in-out infinite alternate dd-traffic-skeleton-pulse;display:block}.dd-traffic-skeleton-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;display:grid}.dd-traffic-skeleton-card{min-width:0;min-height:150px}.dd-traffic-skeleton-chart{height:255px}.dd-traffic-button>.is-spinning{animation:1s linear infinite dd-traffic-spin}@keyframes dd-traffic-reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes dd-traffic-skeleton-pulse{to{opacity:.4}}@keyframes dd-traffic-spin{to{transform:rotate(360deg)}}@media (width<=850px){.dd-traffic-outcomes,.dd-traffic-journeys>.dd-admin-skeleton.is-summary>.dd-admin-skeleton-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.dd-traffic-segment-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.dd-traffic-breakdowns{grid-template-columns:minmax(0,1fr)}.dd-traffic-kpi{padding:13px}.dd-traffic-kpi-change{font-size:9px}.dd-traffic-kpi-period{width:100%;display:block}.dd-traffic-kpi-label{flex-wrap:wrap;font-size:9px}.dd-traffic-panel{padding:16px}}@media (width<=420px){.dd-traffic-metrics,.dd-traffic-skeleton-cards{grid-template-columns:minmax(0,1fr)}.dd-traffic-kpi{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px}.dd-traffic-kpi-value{grid-area:1/2/4}.dd-traffic-date-form{width:100%}.dd-traffic-date-label{flex:100px}.dd-traffic-date-label>input{width:100%}.dd-traffic-date-form>button{flex:100%}}@container dd-traffic-analytics (width<=840px){.dd-traffic-summary{grid-template-columns:minmax(0,1fr)}}@container dd-traffic-analytics (width<=560px){.dd-traffic-summary .dd-traffic-segment-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@container dd-traffic-analytics (width<=420px){.dd-traffic-summary .dd-traffic-metrics,.dd-traffic-summary .dd-traffic-skeleton-cards{grid-template-columns:minmax(0,1fr)}.dd-traffic-summary .dd-traffic-kpi{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 12px}.dd-traffic-summary .dd-traffic-kpi-value{grid-area:1/2/4}.dd-traffic-summary .dd-traffic-date-form{width:100%}.dd-traffic-summary .dd-traffic-date-label{flex:100px}.dd-traffic-summary .dd-traffic-date-label>input{width:100%}.dd-traffic-summary .dd-traffic-date-form>button{flex:100%}}@media (prefers-reduced-motion:reduce){.dd-traffic-kpi,.dd-traffic-panel,.dd-traffic-button>.is-spinning,.dd-traffic-skeleton-card,.dd-traffic-skeleton-chart{animation:none}.dd-traffic-button,.dd-traffic-toggle-button,.dd-traffic-text-button,.dd-traffic-filter-chip,.dd-traffic-journey-button,.dd-traffic-outcome,.dd-traffic-report,.dd-traffic-summary-stats{transition:none}}