.sales-tracking{display:grid;gap:18px;min-width:0;--sales-green:var(--success);--sales-blue:#4589d8}
.sales-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 0 2px}.sales-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:750;color:var(--muted)}.sales-heading h2{font-size:26px;line-height:1.25;letter-spacing:-.04em;font-weight:700;margin:8px 0}.sales-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.sales-heading-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--workspace-soft);color:var(--primary-2);flex:none}.sales-heading-icon svg{width:26px;height:26px}
.sales-coverage{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--line));background:color-mix(in srgb,var(--workspace-soft) 35%,var(--panel));border-radius:12px}.sales-coverage>span{display:grid;place-items:center;width:18px;height:18px;flex:none;border:1px solid var(--primary-2);border-radius:50%;font-size:11px;font-weight:700;color:var(--primary-2);margin-top:2px}.sales-coverage p{font-size:11px;line-height:1.75;color:var(--muted);margin:0}
.sales-tracking .sales-filters{padding:19px 20px;margin:0;display:block}.sales-filter-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.4fr 1.3fr 1.7fr .8fr;gap:12px}.sales-tracking label{display:grid;gap:7px;min-width:0}.sales-tracking label>span{font-size:11px;font-weight:600;color:var(--muted)}.sales-tracking input,.sales-tracking select,.sales-tracking textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:var(--panel);color:var(--text);font-size:12px;line-height:1.5}.sales-tracking input,.sales-tracking select{min-height:40px}.sales-filter-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:17px;padding-top:14px}.sales-filter-actions>span{font-size:10px;color:var(--muted)}.sales-filter-actions>div,.sales-toolbar>div,.sales-builder-actions{display:flex;gap:8px;align-items:center}.sales-tracking .btn{font-size:11px;padding:9px 12px;min-height:37px;border-radius:8px;white-space:nowrap}.sales-tracking .btn:disabled{opacity:.5;cursor:default}.sales-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px}.sales-toolbar p{font-size:11px;margin:0;color:var(--muted)}.sales-error{padding:13px 16px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line));border-radius:10px;color:var(--danger);font-size:12px;background:color-mix(in srgb,var(--danger) 5%,var(--panel))}.sales-error[hidden]{display:none}.sales-loading{padding:36px;text-align:center;color:var(--muted);font-size:13px}.sales-tracking [data-sales-results]{display:grid;gap:18px;min-width:0}.sales-tracking [data-sales-results][aria-busy=true]{opacity:.65;transition:opacity .15s}
.sales-funnel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.sales-step{padding:19px 17px;min-width:0;border-right:1px solid var(--line)}.sales-step:last-child{border-right:0}.sales-step-heading{display:flex;align-items:center;gap:7px}.sales-step-heading>span{color:var(--muted);font-size:9px;letter-spacing:.04em}.sales-step h3{font-size:11px;line-height:1.5;font-weight:600;margin:0}.sales-step>strong{font-size:31px;line-height:1.2;font-weight:700;letter-spacing:-.045em;display:block;margin:13px 0 7px;font-variant-numeric:tabular-nums}.sales-step p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}.sales-step-paid{background:color-mix(in srgb,var(--success) 5%,var(--panel))}.sales-step-paid>strong{color:var(--success)}.sales-method-note{font-size:10px;color:var(--muted);line-height:1.65;margin:-7px 2px 0}
.sales-revenue{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sales-tracking .sales-revenue-card{padding:18px 19px;min-width:0}.sales-revenue-card>span{font-size:11px;color:var(--muted);display:block}.sales-revenue-card>strong{font-size:25px;font-weight:700;line-height:1.3;letter-spacing:-.04em;display:block;margin:8px 0 6px;font-variant-numeric:tabular-nums}.sales-revenue-card:first-child{border-color:color-mix(in srgb,var(--primary) 26%,var(--line))}.sales-revenue-card:first-child>strong{color:var(--primary-2)}.sales-revenue-card>small{font-size:10px;color:var(--muted)}.sales-classification-note{font-size:11px;color:var(--warning);line-height:1.65;margin:0}
.sales-analysis{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;min-width:0}.sales-tracking :is(.sales-analysis-chart,.sales-source-panel,.sales-journeys){padding:22px;min-width:0;overflow:hidden}.sales-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.sales-section-heading h3{font-size:16px;font-weight:650;letter-spacing:-.02em;margin:6px 0 0}.sales-timezone,.sales-total{font-size:10px;color:var(--muted);padding:5px 8px;border:1px solid var(--line);border-radius:6px;white-space:nowrap}.sales-chart{width:100%;height:auto;display:block;overflow:visible}.sales-chart text{fill:var(--muted);font-size:10px;font-family:inherit}.sales-chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.sales-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.sales-line-visitors{stroke:var(--primary-2)}.sales-line-checkouts{stroke:var(--sales-blue)}.sales-line-payments{stroke:var(--sales-green)}.sales-point-visitors{fill:var(--primary-2)}.sales-point-checkouts{fill:var(--sales-blue)}.sales-point-payments{fill:var(--sales-green)}.sales-chart-legend{display:flex;justify-content:center;gap:22px;font-size:10px;color:var(--muted);margin:6px 0 13px}.sales-chart-legend>span{display:flex;gap:6px;align-items:center}.sales-chart-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.sales-dot-visitors{background:var(--primary-2)}.sales-dot-checkouts{background:var(--sales-blue)}.sales-dot-payments{background:var(--sales-green)}.sales-chart-empty{min-height:190px;display:grid;place-items:center;color:var(--muted);font-size:12px;text-align:center}.sales-chart-data>summary{font-size:10px;color:var(--muted);cursor:pointer;padding:8px 0}.sales-chart-data[open] .sales-table-scroll{max-height:260px;margin-top:8px}
.sales-table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin}.sales-tracking table{border-collapse:collapse;width:100%;font-size:11px}.sales-tracking th{padding:10px 12px;text-align:left;font-size:10px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap}.sales-tracking td{padding:13px 12px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}.sales-tracking tbody>tr:last-child td{border-bottom:0}.sales-tracking td>strong{display:block;font-size:11px;font-weight:600;line-height:1.6}.sales-tracking td>small{display:block;font-size:10px;color:var(--muted);margin-top:4px;line-height:1.55;overflow-wrap:anywhere}.sales-sources td:first-child{max-width:180px;overflow-wrap:anywhere}.sales-sources td:not(:first-child){white-space:nowrap;font-variant-numeric:tabular-nums}.sales-sources{min-width:350px}.sales-journey-table{min-width:830px}.sales-journey-table th:first-child{width:24%}.sales-journey-table th:nth-child(2){width:19%}.sales-table-note{font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 13px}.sales-money{white-space:nowrap;font-variant-numeric:tabular-nums}.sales-stage{display:inline-block;border-radius:6px;font-size:10px;padding:5px 7px;line-height:1.5;background:var(--panel-2);border:1px solid var(--line);white-space:nowrap}.sales-stage-paid{color:var(--success);background:color-mix(in srgb,var(--success) 6%,var(--panel));border-color:color-mix(in srgb,var(--success) 17%,var(--line))}.sales-stage-trial{color:var(--primary-2);background:var(--workspace-soft)}.sales-stage-checkout{color:var(--warning);background:color-mix(in srgb,var(--warning) 5%,var(--panel))}.sales-detail-button{border:0;background:transparent;color:var(--primary-2);padding:8px 3px;cursor:pointer;font-size:11px;font-weight:600;white-space:nowrap}.sales-detail-button>span{margin-left:8px}.sales-detail-row[hidden]{display:none}.sales-tracking .sales-detail-row>td{padding:20px;background:var(--panel-2)}.sales-touch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sales-touch{border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0;background:var(--panel)}.sales-touch h4{font-size:11px;font-weight:650;margin:0 0 5px}.sales-touch-date{font-size:10px;color:var(--muted);margin:0 0 13px}.sales-touch dl{margin:0;display:grid;gap:9px}.sales-touch dl>div{display:grid;grid-template-columns:95px 1fr;gap:8px}.sales-touch dt{font-size:10px;color:var(--muted)}.sales-touch dd{font-size:10px;margin:0;line-height:1.6;overflow-wrap:anywhere}.sales-touch>.muted{font-size:11px;line-height:1.7}.sales-timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 12px}.sales-timeline-heading h4{margin:0;font-size:12px}.sales-timeline-heading>span{color:var(--muted);font-size:10px}.sales-timeline{margin:0;padding:0;list-style:none;max-height:300px;overflow-y:auto}.sales-timeline li{display:flex;align-items:center;gap:15px;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.sales-timeline time{width:132px;flex:none;font-size:10px;color:var(--muted)}.sales-timeline li>span{flex:1}.sales-timeline strong{margin-left:15px;font-weight:600;color:var(--success)}.sales-timeline small{font-size:9px;color:var(--muted);overflow-wrap:anywhere;max-width:230px}.sales-detail-note{font-size:10px;line-height:1.6;color:var(--muted);margin:15px 0 0}.sales-empty-cell{text-align:center!important;padding:32px!important;color:var(--muted)!important}.sales-empty-cell>span{display:block;font-size:11px;margin-top:7px;line-height:1.6}.sales-empty-cell>strong{font-size:13px!important;color:var(--text)}.sales-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:16px;font-size:11px;color:var(--muted)}.sales-pagination>div{display:flex;align-items:center;gap:12px}.sales-pagination .btn{min-height:33px;padding:7px 10px}.sales-export-note{font-size:10px;color:var(--muted);line-height:1.7;margin:-5px 2px 0}
.sales-tracking .sales-builder{padding:0;overflow:hidden}.sales-builder>summary{list-style:none;cursor:pointer;padding:21px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px}.sales-builder>summary::-webkit-details-marker{display:none}.sales-builder>summary>span{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sales-builder>summary svg{width:18px;height:18px;color:var(--primary-2)}.sales-builder>summary strong{font-size:13px;font-weight:650}.sales-builder>summary small{font-size:11px;color:var(--muted)}.sales-builder>summary>b{font-weight:500;color:var(--muted)}.sales-builder[open]>summary{border-bottom:1px solid var(--line)}.sales-builder[open]>summary>b{transform:rotate(45deg)}.sales-builder form{padding:0 23px 23px;display:block}.sales-builder form>p{font-size:11px;color:var(--muted);line-height:1.8;margin:19px 0}.sales-builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sales-builder-extra>summary{padding:17px 0;font-size:11px;color:var(--primary-2);cursor:pointer}.sales-builder-extra[open]{margin-bottom:18px}.sales-builder-actions{margin:18px 0;flex-wrap:wrap}.sales-builder-actions>span{font-size:11px;color:var(--muted)}.sales-generated textarea{font-family:ui-monospace,monospace;font-size:11px;resize:vertical;line-height:1.8}.sales-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sales-table-scroll{position:relative}
@media(min-width:1550px){.sales-filter-grid{grid-template-columns:1fr 1fr 1.2fr 1.4fr 1.3fr 1.7fr .8fr}.sales-step{padding:22px}.sales-step>strong{font-size:35px}}
@media(max-width:1350px){.sales-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sales-step{padding:17px 12px}.sales-step h3{font-size:10px}.sales-analysis{grid-template-columns:1fr}.sales-source-panel .sales-table-scroll{max-height:310px}.sales-revenue-card>strong{font-size:22px}}
@media(max-width:1000px){.sales-funnel{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-step{border-bottom:1px solid var(--line);padding:18px}.sales-step:nth-child(3){border-right:0}.sales-step:nth-child(n+4){border-bottom:0}.sales-step h3{font-size:11px}.sales-revenue{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sales-tracking{gap:15px}.sales-heading h2{font-size:22px}.sales-heading p{font-size:12px}.sales-heading-icon{display:none}.sales-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-tracking .sales-filters{padding:16px}.sales-filter-actions{align-items:flex-start;flex-direction:column;gap:12px}.sales-filter-actions>div{width:100%;justify-content:flex-end}.sales-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.sales-toolbar>div{width:100%}.sales-toolbar .btn{flex:1}.sales-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-step{padding:16px}.sales-step:nth-child(3){border-right:1px solid var(--line)}.sales-step:nth-child(2n){border-right:0}.sales-step:nth-child(4){border-bottom:1px solid var(--line)}.sales-step>strong{font-size:29px}.sales-revenue{gap:10px}.sales-tracking .sales-revenue-card{padding:15px}.sales-revenue-card>strong{font-size:21px}.sales-revenue-card>small{font-size:9px}.sales-tracking :is(.sales-analysis-chart,.sales-source-panel,.sales-journeys){padding:17px}.sales-section-heading h3{font-size:15px}.sales-pagination{align-items:flex-start;flex-direction:column}.sales-pagination>div{width:100%;justify-content:space-between;gap:8px}.sales-pagination>div>span{font-size:10px}.sales-chart-legend{gap:15px}.sales-builder>summary{padding:18px}.sales-builder>summary>span{gap:8px}.sales-builder>summary small{flex-basis:100%;margin-left:26px}.sales-builder form{padding:0 17px 18px}.sales-builder-grid{grid-template-columns:1fr}.sales-coverage{padding:12px}.sales-coverage p{font-size:10px}.sales-tracking .sales-detail-row>td{padding:14px}.sales-touch-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.sales-timeline-heading>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.sales-tracking *{transition:none!important}}
@media print{.sales-filters,.sales-toolbar,.sales-builder,.sales-pagination,.sales-detail-button,.sales-export-note{display:none!important}.sales-tracking{font-size:10pt}.sales-chart{max-height:180px}.sales-table-scroll{overflow:visible}.sales-journey-table{min-width:0}.sales-journeys,.sales-revenue-card,.sales-funnel{break-inside:avoid}}
