/* Reports (2026-11-08). Builds on order-desk.css and money.css. Chart colours: sales #2F6FB0, spending #CC0F37. */
.rp-grow{flex:1}
.rp-k6{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1400px){.rp-k6{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:560px){.rp-k6{grid-template-columns:1fr 1fr}}
.rp-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:4px 16px;align-items:start}
.rp-grid2>section{min-width:0}
.rp-card{background:#fff;border:1px solid var(--sp-line);border-radius:16px;padding:14px 16px}
.rp-chartbox{position:relative}
.rp-chart{width:100%;height:auto;display:block;overflow:visible}
.rp-grid{stroke:var(--sp-line);stroke-width:1}
.rp-base{stroke:var(--sp-muted);stroke-width:1;opacity:.6}
.rp-ax{fill:var(--sp-muted);font:500 11px var(--sp-body)}
.rp-dl{fill:var(--sp-ink);font:700 11.5px var(--sp-body)}
.rp-ln{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.rp-ln.s1,.rp-dot.s1{stroke:#2F6FB0}.rp-ln.s2,.rp-dot.s2{stroke:#CC0F37}
.rp-dot{fill:#fff;stroke-width:2}
.rp-bar.pos{fill:#1F7A45}.rp-bar.neg{fill:#CC0F37}
.rp-chart rect[data-tip]{cursor:pointer}
.rp-legend{display:flex;gap:16px;font-size:12.5px;font-weight:600;margin-bottom:6px}
.rp-legend span{display:inline-flex;align-items:center;gap:6px}
.rp-legend i{width:14px;height:3px;border-radius:2px;display:inline-block}.rp-legend i.s1{background:#2F6FB0}.rp-legend i.s2{background:#CC0F37}
.rp-tip{position:absolute;transform:translate(-50%,0);background:var(--sp-ink);color:#fff;border-radius:10px;padding:8px 10px;font-size:12px;display:grid;gap:2px;pointer-events:none;white-space:nowrap;z-index:5}
.rp-tip b{font-size:12.5px}
.rp-tview{margin-top:10px}.rp-tview summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--sp-red)}
.rp-small{font-size:12.5px;color:var(--sp-muted);margin:8px 0 0}
.rp-hbars{display:grid;gap:10px}
.rp-hb{display:grid;grid-template-columns:minmax(90px,150px) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13.5px}
.rp-hb-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-hb-t{height:10px;border-radius:5px;background:var(--sp-cream);overflow:hidden}
.rp-hb-t i{display:block;height:100%;background:#2F6FB0;border-radius:0 4px 4px 0}
.rp-hb-t i.neg{background:#CC0F37}
.rp-hb-v{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.rp-bud{padding:10px 0;border-bottom:1px solid var(--sp-line)}.rp-bud:last-child{border-bottom:0}
.rp-bud-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px}.rp-bud-top b{flex:1}
.rp-bud-t{display:block;height:8px;border-radius:4px;background:var(--sp-cream);margin-top:8px;overflow:hidden}
.rp-bud-t i{display:block;height:100%;border-radius:4px}.rp-bud-t i.ok{background:#1F7A45}.rp-bud-t i.near{background:#C99A1B}.rp-bud-t i.over{background:#A3102E}
.rp-bstat{font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px}
.rp-bstat.ok{background:#E2F1E6;color:#1F5A33}.rp-bstat.near{background:#FFF0C2;color:#5A4210}.rp-bstat.over{background:#FDE3E8;color:#A3102E}
.rp-finds{margin:0 0 4px;padding:0;list-style:none;display:grid;gap:8px}
.rp-finds li{padding:12px 14px;border-radius:12px;background:var(--sp-cream);font-size:14px;line-height:1.45;border-left:3px solid var(--sp-red)}
.rp-net{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:16px;background:#E2F1E6;color:#1F5A33;margin:0 0 12px}
.rp-net span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.rp-net b{font:700 28px/1.15 var(--sp-display)}
.rp-net small{font-size:13px;color:var(--sp-ink);opacity:.75}
.rp-net.loss{background:#FDE3E8;color:#A3102E}
.rp-pl{padding:6px 16px;max-width:760px}
.rp-pl-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:14.5px;font-variant-numeric:tabular-nums}
.rp-pl-row b{white-space:nowrap}
.rp-pl-row.sub{padding:4px 0 4px 16px;font-size:13.5px;color:var(--sp-muted)}.rp-pl-row.sub b{font-weight:600}
.rp-pl-row.total{border-top:1px solid var(--sp-line);margin-top:4px;padding-top:12px;font-weight:700}
.rp-pl-row.total.pos b{color:#1F5A33}.rp-pl-row.total.neg b{color:#A3102E}
.rp-budrow{align-items:center}.rp-budrow>span{font-weight:600;font-size:14px}
@media (prefers-reduced-motion:reduce){.rp-tip{transition:none}}
#rp .od-sel select,#rp .od-sel input{height:100%;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;line-height:1.2;width:auto;padding:0 2px}
/* Overview v2: change vs before, trend lines, best sellers, orders per day, heatmap, cities, payment mix */
.rp-kpi{gap:4px}
.rp-kpi-v{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.rp-spark{width:84px;height:26px;flex:none;overflow:visible}
.rp-spark path{fill:none;stroke:#2F6FB0;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.rp-spark circle{fill:#2F6FB0}
.mn-kpi.neg .rp-spark path{stroke:#CC0F37}.mn-kpi.neg .rp-spark circle{fill:#CC0F37}
.rp-delta{display:inline-flex;align-items:baseline;gap:3px;font-size:12px;font-weight:700;width:max-content;max-width:100%;padding:2px 8px;border-radius:999px}
.rp-delta em{font-style:normal;font-weight:500;opacity:.8}
.rp-delta.good{background:#E2F1E6;color:#1F5A33}.rp-delta.bad{background:#FDE3E8;color:#A3102E}.rp-delta.flat{background:var(--sp-cream);color:var(--sp-muted);font-weight:500}
@media (max-width:1399px){.rp-delta em{display:none}}
.rp-more{margin:8px 0 0}.rp-more summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--sp-red);margin-bottom:8px}
.rp-seg{display:inline-grid;grid-auto-flow:column;gap:2px;padding:3px;border-radius:999px;background:var(--sp-cream)}
.rp-seg button{height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;font:700 12.5px var(--sp-body);color:var(--sp-muted);cursor:pointer}
.rp-seg button[aria-pressed="true"]{background:#fff;color:var(--sp-red);box-shadow:0 1px 2px rgba(61,10,24,.1)}
.rp-best{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rp-best li{display:flex;gap:10px;align-items:flex-start}
.rp-rank{width:24px;height:24px;flex:none;border-radius:50%;background:var(--sp-cream);color:var(--sp-red);font:700 12px/24px var(--sp-body);text-align:center}
.rp-best li:first-child .rp-rank{background:var(--sp-pop);color:#fff}
.rp-best-main{flex:1;min-width:0;display:grid;gap:4px}
.rp-best-top{display:flex;justify-content:space-between;gap:8px;font-size:13.5px}
.rp-best-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.rp-best-top span{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.rp-best-top span.neg{color:#A3102E}
.rp-best small{font-size:12px;color:var(--sp-muted)}
.rp-col{fill:#2F6FB0}.rp-col.zero{fill:var(--sp-line)}
.rp-heat{display:grid;gap:4px;font-size:11.5px;color:var(--sp-muted)}
.rp-heat-row{display:grid;grid-template-columns:34px repeat(8,minmax(0,1fr));gap:4px;align-items:center}
.rp-heat-row.head span{text-align:center;font-weight:600}
.rp-heat-row>span:first-child{font-weight:700}
.rp-heat i{display:block;height:24px;border-radius:6px;cursor:default}
.rp-heat i.l0,.rp-heat-key i.l0{background:var(--sp-cream);border:1px solid var(--sp-line)}
.l1{background:#F9D2DC}.l2{background:#F2A3B7}.l3{background:#E66A8A}.l4{background:#CC0F37}.l5{background:#8E0A27}
.rp-heat-key{display:flex;align-items:center;gap:4px;margin-top:10px;font-size:11.5px;color:var(--sp-muted)}
.rp-heat-key i{width:18px;height:12px;border-radius:3px;display:inline-block}
.rp-mix-wrap{margin-top:16px;padding-top:12px;border-top:1px solid var(--sp-line)}
.rp-mix-head{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:8px}.rp-mix-head span{color:var(--sp-muted)}
.rp-mix{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--sp-cream);gap:2px}
.rp-mix i{display:block;height:100%}.rp-mix i.paid,.rp-mix-key i.paid{background:#2F6FB0}.rp-mix i.cod,.rp-mix-key i.cod{background:#C99A1B}
.rp-mix-key{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:12.5px;color:var(--sp-ink)}
.rp-mix-key span{display:inline-flex;align-items:center;gap:6px}.rp-mix-key i{width:10px;height:10px;border-radius:3px;display:inline-block}
.od-sect .rp-seg{margin-left:auto}
.mn-kpi{min-width:0}
.rp-delta{white-space:normal;width:auto}
@media (max-width:560px){.rp-k6{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-spark{width:60px}.rp-kpi-v{flex-wrap:wrap}}
.rp-best{grid-template-columns:minmax(0,1fr)}.rp-best li{min-width:0}.rp-best small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-best-main{grid-template-columns:minmax(0,1fr)}.rp-best-top b{min-width:0}
/* Number tiles: roomier, trend line under the number, change label in normal letters */
.rp-k6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (min-width:1800px){.rp-k6{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media (max-width:560px){.rp-k6{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.mn-kpi .rp-delta,.mn-kpi .rp-delta em{text-transform:none!important;letter-spacing:0!important}
.mn-kpi .rp-delta{font-size:12px!important;margin-top:4px}
.rp-kpi-v{display:block}
.rp-kpi .rp-spark{display:block;width:100%;height:30px;margin:6px 0 2px}
@media (max-width:1399px){.rp-delta em{display:inline}}
@media (max-width:700px){.rp-delta em{display:none}}