.revenueTrendHead{align-items:flex-start;gap:12px;flex-wrap:wrap}.revenueTrendActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.revenueRange{height:32px}.revenueRange button{height:26px;padding:0 9px;font-size:11.5px}.revenueLegendBar{display:flex;align-items:center;gap:14px;padding:8px 12px;border-bottom:1px solid var(--ui-border);background:var(--ui-surface-subtle);min-height:40px}.chartLegendToggle{border:0;background:transparent;padding:4px 0;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ui-text-secondary);font-weight:500}.chartLegendToggle i{width:10px;height:10px;border-radius:2px;display:inline-block}.chartLegendToggle i.dash{height:0;width:18px;border-top:2px dashed}.chartLegendToggle:not(.active){opacity:.38;text-decoration:line-through}.revenueChartHint{margin-left:auto;font-size:10.8px;color:var(--ui-text-muted)}.revenueChartBody{padding:10px 12px 12px}.interactiveRevenueChart{height:300px;position:relative;min-width:0;touch-action:pan-y}.interactiveRevenueChart svg{width:100%;height:100%;overflow:visible}.interactiveRevenueChart .gridline{stroke:var(--chart-grid);stroke-width:1}.interactiveRevenueChart .axisLine{stroke:var(--ui-border-strong);stroke-width:1}.interactiveRevenueChart .actualArea{fill:rgba(90,69,206,.075)}.interactiveRevenueChart .actualLine{fill:none;stroke:var(--chart-revenue);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.interactiveRevenueChart .forecastLine{fill:none;stroke:var(--chart-forecast);stroke-width:2.5;stroke-dasharray:6 5;stroke-linecap:round;stroke-linejoin:round}.interactiveRevenueChart .actualPoint{fill:#fff;stroke:var(--chart-revenue);stroke-width:2}.interactiveRevenueChart .forecastPoint{fill:#fff;stroke:var(--chart-forecast);stroke-width:2}.interactiveRevenueChart .pointHit{fill:transparent;cursor:crosshair}.interactiveRevenueChart .hoverLine{stroke:var(--ui-border-strong);stroke-width:1;stroke-dasharray:3 4;pointer-events:none}.interactiveRevenueChart .todayLine{stroke:var(--ui-accent);stroke-width:1.5;stroke-dasharray:4 4;opacity:.65}.interactiveRevenueChart .todayLabel{fill:var(--ui-accent);font-size:10px;font-weight:600}.revAxisText{fill:var(--ui-text-muted);font-size:10.5px}.revenueTooltip{position:absolute;z-index:5;min-width:190px;max-width:230px;padding:9px 10px;border-radius:7px;background:#171A28;color:#fff;box-shadow:0 10px 24px rgba(23,26,40,.18);font-size:11px;line-height:1.45;pointer-events:none;opacity:0;transform:translate(-50%,-108%);transition:opacity .12s ease}.revenueTooltip.show{opacity:1}.revenueTooltip b{display:block;font-size:12px;margin-bottom:5px}.revenueTooltip .ttRow{display:flex;justify-content:space-between;gap:16px;margin-top:3px}.revenueTooltip .ttRow span:first-child{color:#D8D2DE}.revenueTooltip .ttDelta{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.16);color:#BDF1D7}.revenueSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.revenueSummaryItem{border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-surface);padding:8px 9px}.revenueSummaryItem span{display:block;font-size:10.5px;color:var(--ui-text-muted)}.revenueSummaryItem b{display:block;margin-top:3px;font-size:13px}.revenueDataTable{margin-top:10px;border:1px solid var(--ui-border);border-radius:7px;overflow:auto;max-height:260px}.revenueDataTable table{width:100%;border-collapse:collapse;min-width:520px}.revenueDataTable th,.revenueDataTable td{padding:7px 9px;border-bottom:1px solid var(--ui-border);font-size:11.5px;text-align:right}.revenueDataTable th{position:sticky;top:0;background:var(--ui-table-header-bg);color:var(--ui-table-header-text);font-size:11px}.revenueDataTable th:first-child,.revenueDataTable td:first-child{text-align:left}.revenueDataTable tr:last-child td{border-bottom:0}.revenueChartNoJs .line1{fill:none;stroke:var(--chart-revenue);stroke-width:3}.revenueChartNoJs .line2{fill:none;stroke:var(--chart-forecast);stroke-width:2.5;stroke-dasharray:6 5}.revenueChartNoJs .area{fill:rgba(90,69,206,.075)}
@media(max-width:760px){.revenueTrendActions{width:100%;margin-left:0;justify-content:space-between}.revenueRange{max-width:100%;overflow:auto}.revenueLegendBar{gap:10px;flex-wrap:wrap}.revenueChartHint{width:100%;margin-left:0}.interactiveRevenueChart{height:280px}.revenueSummary{grid-template-columns:1fr}.revenueTooltip{min-width:170px}.revenueChartBody{padding-left:8px;padding-right:8px}}
