/* TEMU sales shares the catalog's product and SKU cells. */
.temu-sort-label,.temu-sales-sort label { display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--muted); }
.temu-sort-label select,.temu-sales-sort select { padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface,#fff);color:var(--ink);font:inherit; }
.temu-sales-sort { padding:0 24px 16px; }
.temu-product-sales-total { display:block;margin-top:12px;line-height:1.7;color:var(--action,#14763d); }
.temu-sales-partial { color:var(--muted); }
.temu-today-sales { min-width:105px;font-variant-numeric:tabular-nums; }
.temu-today-sales small { display:block;margin-top:6px;color:var(--muted);font-size:11px; }
#temuRows[aria-busy=true] { opacity:.5;pointer-events:none; }
body.theme-dark .temu-product-sales-total { color:#9cdbaf; }
#page-sales .temu-sales-table { min-width: 1300px; width: 100%; }
#page-sales .temu-sales-table th:nth-child(1) { width: 105px; }
#page-sales .temu-sales-table th:nth-child(2) { min-width: 230px; }
#page-sales .temu-sales-table th:nth-child(3) { min-width: 275px; }
#page-sales .temu-sales-table :is(th,td) { vertical-align: middle; }
#page-sales .temu-sales-table .temu-sales-number { min-width: 100px; font-variant-numeric: tabular-nums; font-weight: 600; }
#page-sales .temu-sales-table .temu-sales-capture-cell { min-width: 165px; font-size: 13px; white-space: nowrap; }
#page-sales .temu-sales-shop { display: block; color: var(--muted); margin-top: 9px; font-size: 12px; }
#page-sales .temu-sales-curve-button { display: block; margin: 7px auto 0; padding: 4px 8px; color: var(--action,#14763d); background: transparent; border: 1px solid var(--line); border-radius: 6px; font-size: 12px; font-weight: 400; white-space: nowrap; }
#page-sales .temu-sales-curve-button:hover { background: var(--surface-hover,#edf5ef); border-color: currentColor; }
#page-sales .temu-sales-curve-button:disabled { cursor: default; opacity: .45; }
#page-sales #temuSalesCapture { max-width: 280px; }
#page-sales .temu-sales-table tbody[aria-busy=true] { opacity: .45; pointer-events: none; }
.temu-sales-chart-dialog { width: min(1000px,calc(100vw - 32px)); max-width: 1000px; max-height: calc(100dvh - 40px); padding: 0; color: var(--ink); background: var(--surface,#fff); border: 1px solid var(--line); border-radius: 16px; overflow: auto; }
.temu-sales-chart-dialog .dialog-head { padding: 22px 26px 16px; border-bottom: 1px solid var(--line); }
.temu-sales-chart-dialog .dialog-head h3 { margin: 5px 0 0; font-size: 20px; }
.temu-sales-chart-content { position: relative; padding: 0 26px 24px; }
.temu-sales-chart-sku { margin: 18px 0; color: var(--ink); line-height: 1.7; overflow-wrap: anywhere; }
.temu-sales-chart-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
.temu-sales-chart-toolbar>span,.temu-sales-chart-note,#temuSalesChartStatus { color: var(--muted); font-size: 13px; line-height: 1.7; }
.temu-sales-chart-periods { display: flex; gap: 6px; }
.temu-sales-chart-periods button { min-width: 54px; padding: 7px 13px; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: var(--surface,#fff); }
.temu-sales-chart-periods button.active { color: #fff; background: var(--action,#14763d); border-color: var(--action,#14763d); }
.temu-sales-chart-periods button:hover { border-color: var(--action,#14763d); }
.temu-sales-chart-plot { min-height: 290px; }
.temu-sales-chart-plot svg { display: block; width: 100%; height: auto; min-height: 240px; overflow: visible; }
.temu-sales-chart-plot .sales-chart-axis { stroke: var(--line); stroke-width: 1; }
.temu-sales-chart-plot .sales-chart-grid { stroke: var(--line); stroke-width: 1; stroke-dasharray: 3 5; }
.temu-sales-chart-plot text { fill: var(--muted); font-family: inherit; font-size: 12px; }
.temu-sales-chart-plot .sales-chart-line { fill: none; stroke: var(--action,#14763d); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.temu-sales-chart-plot .sales-chart-dot { fill: var(--action,#14763d); stroke: var(--surface,#fff); stroke-width: 2; }
.temu-sales-chart-plot .sales-chart-target { fill: transparent; cursor: crosshair; outline: none; }
.temu-sales-chart-plot .sales-chart-point:focus-within .sales-chart-dot,.temu-sales-chart-plot .sales-chart-point:hover .sales-chart-dot { stroke: var(--ink); stroke-width: 2.5; r: 5; }
.temu-sales-chart-plot .sales-chart-empty { color: var(--muted); display: grid; place-content: center; min-height: 290px; text-align: center; }
.temu-sales-chart-tooltip { pointer-events: none; position: fixed; z-index: 100; max-width: 280px; border: 1px solid var(--line); background: var(--surface-raised,#fff); color: var(--ink); box-shadow: 0 5px 20px #0002; border-radius: 9px; padding: 10px 13px; font-size: 13px; line-height: 1.8; white-space: pre-line; }
.temu-sales-chart-note { border-top: 1px solid var(--line); padding-top: 15px; margin: 12px 0 0; }
body.theme-dark #page-sales .temu-sales-curve-button { color: #8ccc9f; }
body.theme-dark .temu-sales-chart-dialog { background: var(--surface,#1f1f1f); }
body.theme-dark .temu-sales-chart-periods button.active { background: #237e43; border-color: #237e43; }
body.theme-dark .temu-sales-chart-plot :is(.sales-chart-line,.sales-chart-dot) { stroke: #81c597; }
body.theme-dark .temu-sales-chart-plot .sales-chart-dot { fill: #81c597; stroke: var(--surface,#1f1f1f); }
@media(max-width:600px) { .temu-sales-chart-dialog .dialog-head { padding: 18px; }.temu-sales-chart-content { padding: 0 15px 18px; }.temu-sales-chart-plot { overflow-x: auto; }.temu-sales-chart-plot svg { min-width: 620px; }.temu-sales-chart-toolbar>span { width: 100%; } }