/* Only the Revenue trend panel: other cards, dropdowns and tables are untouched. */
.revenue-trend-panel{border-color:#e3eaf4;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(31,62,104,.045)}
.revenue-trend-panel .chart-heading{padding:18px 20px 10px;min-height:76px}
.revenue-trend-panel .chart-heading h2{font-size:19px;line-height:1.3;letter-spacing:-.025em}
.revenue-trend-panel .chart-heading p:last-child{font-size:10px;line-height:1.6;color:#78869c}
.revenue-trend-panel .chart-empty{height:auto;min-height:285px;overflow:hidden;padding:0 16px 16px;border-radius:0 0 18px 18px}
.revenue-trend-panel #revenue-chart{position:relative;inset:auto;display:block;width:100%;height:250px;opacity:1;touch-action:pan-y;overflow:visible;outline-offset:-2px}
.revenue-trend-panel #revenue-chart:focus-visible{outline:2px solid #8fb1ff;border-radius:6px}
.revenue-trend-panel .rt-grid{fill:none;stroke:#e5ebf5;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.revenue-trend-panel .rt-grid-vertical{stroke:#edf1f8;stroke-dasharray:none}
.revenue-trend-panel .rt-tick,.revenue-trend-panel .rt-axis-title{fill:#75849c;stroke:none;font-family:"Roboto",Arial,sans-serif;font-size:10px;line-height:1.3}
.revenue-trend-panel .rt-axis-title{font-size:10px;font-weight:500}
.revenue-trend-panel .rt-zero{stroke:#cfd9e8;stroke-width:1;vector-effect:non-scaling-stroke}
.revenue-trend-panel .rt-line{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.revenue-trend-panel .rt-primary{stroke-width:1.45;opacity:.96}
.revenue-trend-panel .rt-secondary{stroke-width:1;stroke-dasharray:4 4;opacity:.23}
.revenue-trend-panel .rt-point{stroke:#fff;stroke-width:1.6;vector-effect:non-scaling-stroke}
.revenue-trend-panel .rt-crosshair{stroke:#9eafc9;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.revenue-trend-panel [hidden]{display:none!important}
.revenue-trend-panel .chart-store-legend{position:static;min-height:24px;margin:6px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;overflow:visible;white-space:normal}
.revenue-trend-panel .chart-store-legend-item{gap:7px;max-width:220px;color:#6a7b95;font-size:10px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.revenue-trend-panel .chart-store-legend-item i{width:8px;height:8px}
.revenue-trend-panel .rt-series-key{text-align:right;margin:0 4px 4px;color:#8795a9;font-size:9px;line-height:1.5}
.revenue-trend-panel .chart-tooltip{z-index:7;padding:10px 12px;border:1px solid #303b4d;border-radius:6px;background:#1d2531;color:#fff;box-shadow:0 8px 22px rgba(13,23,42,.25);pointer-events:auto;overflow:auto;overscroll-behavior:contain;font-size:11px;line-height:1.5;scrollbar-width:thin;scrollbar-color:#687589 #1d2531}
.revenue-trend-panel .chart-tooltip>strong{display:block;margin-bottom:6px;color:#fff;font-size:11px;font-weight:600}
.revenue-trend-panel .chart-tooltip-store{padding:4px 0}
.revenue-trend-panel .chart-tooltip-name{display:flex;align-items:center;gap:7px;color:#f5f7fc;font-size:11px;font-weight:500;overflow-wrap:anywhere}
.revenue-trend-panel .chart-tooltip-name i{width:7px;height:7px;flex:none}
.revenue-trend-panel .chart-tooltip-value{display:block;margin-top:2px;padding-left:14px;color:#fff;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.revenue-trend-panel .chart-tooltip-value em{font-size:11px;font-weight:400;color:#d2d9e5;font-style:normal}
.revenue-trend-panel .chart-tooltip-store>small{padding-left:14px;color:#b9c5d8;font-size:10px}
.revenue-trend-panel .rt-live{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.revenue-trend-panel .chart-empty:not(.has-data) #revenue-chart,.revenue-trend-panel .chart-empty:not(.has-data) .rt-series-key{display:none}
.revenue-trend-panel .empty-copy{max-width:calc(100% - 24px);min-width:0;margin:72px auto 40px}
.revenue-trend-panel .empty-copy svg{position:static;inset:auto;width:18px;height:18px}
@media(max-width:700px){.revenue-trend-panel .chart-heading{padding:16px 14px 8px;gap:12px}.revenue-trend-panel .chart-heading h2{font-size:17px}.revenue-trend-panel .chart-empty{padding:0 8px 12px}.revenue-trend-panel .chart-store-legend{gap:7px 14px}.revenue-trend-panel .rt-series-key{text-align:center;font-size:8px}.revenue-trend-panel .rt-tick,.revenue-trend-panel .rt-axis-title{font-size:9px}}
