/* Demo-only Report extension. Existing shell, typefaces, filters and Detail are inherited. */
.report-mode-tabs{display:flex;gap:22px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.report-mode-tabs>.tab{border:0;border-radius:0;border-bottom:3px solid transparent;background:transparent;padding:10px 0 12px;color:var(--muted);font-size:15px}
.report-mode-tabs>.tab.active{border-bottom-color:#ffd400;color:var(--ink);font-weight:700;background:transparent}
.trends-page{min-width:0}
.report-trends-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 12px}
.report-trends-units{display:flex;flex-wrap:wrap;gap:5px;background:#fff;border:1px solid var(--line);padding:5px;border-radius:9px}
.report-trends-units>.tab{font-size:14px;padding:8px 14px;background:transparent;color:var(--ink)}
.report-trends-units>.tab.active{background:#ffd400;color:var(--ink);font-weight:700}
.report-trends-units>.tab:hover,.report-trends-units>.tab:focus-visible{background:var(--mint)}
.report-trends-aggregation{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0;color:var(--muted);font-size:14px;font-weight:400}
.report-trends-aggregation select{font-size:14px;padding:8px 10px}
.report-trends-period{display:flex;justify-content:space-between;gap:12px;margin:0 0 16px;font-size:14px}
.report-trends-period>span:last-child{color:var(--muted)}
.report-trends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.report-trends-panel{min-width:0;margin:0;container-type:inline-size}
.report-trends-panel .cardhead{align-items:flex-start;padding-bottom:8px}
.report-trends-panel .cardhead>div:first-child{min-width:0}
.report-trends-panel .subtitle{margin:5px 0 0}
.report-trends-total{text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;line-height:1.15}
.report-trends-total>strong{display:block;font-size:32px;font-weight:700;color:#0072bc;white-space:nowrap}
.report-trends-total>small{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.report-trends-chartbody{padding:4px 20px 18px}
.report-trends-chart{width:100%;min-width:0}
.report-trends-chart svg{width:100%;display:block;overflow:visible}
.report-trends-chart svg text{font-family:inherit;font-size:12px;fill:var(--muted);font-variant-numeric:tabular-nums}
.report-trends-chart .trends-grid line{stroke:var(--line);stroke-width:1}
.report-trends-chart .trends-members{fill:#0072bc}
.report-trends-chart .trends-couriers{fill:#ffd400}
.report-trends-chart .trends-value{fill:var(--ink);font-weight:700}
.report-trends-chart .trends-value-members{fill:#fff}
.report-trends-chart .trends-line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.report-trends-chart .trends-line-members{stroke:#0072bc}
.report-trends-chart .trends-line-couriers{stroke:#ffd400}
.report-trends-chart .trends-line-duration{stroke:var(--ink)}
.report-trends-chart .trends-area-members{fill:#0072bc12}
.report-trends-chart .trends-area-duration{fill:#003a4712}
.report-trends-chart .trends-point{fill:#fff;stroke-width:2.5}
.report-trends-chart .trends-point-members{stroke:#0072bc}
.report-trends-chart .trends-point-couriers{stroke:#e7b900}
.report-trends-chart .trends-point-duration{stroke:var(--ink)}
.report-trends-chart .trends-hit{cursor:crosshair}
.report-trends-summaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.report-trends-tile{background:#f1f7fa;border-radius:9px;padding:10px 12px;min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.report-trends-tiletop{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;line-height:1.3}
.report-trends-tile strong{font-size:22px;font-weight:700;line-height:1.2;white-space:nowrap}
.report-trends-tiletop strong:last-child{margin-left:auto}
.report-trends-tiletop strong:first-child{margin-left:0}
.report-trends-tile small{display:block;margin-top:4px;font-size:12px;color:var(--muted);line-height:1.4}
.trends-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}
.trends-swatch.members{background:#0072bc}.trends-swatch.couriers{background:#ffd400}
.report-trends-stocksummary{grid-template-columns:repeat(4,minmax(0,1fr))}
.report-trends-stocksummary .report-trends-tiletop{gap:5px}
.report-trends-stocksummary .report-trends-tile{padding:9px}
.report-trends-stocksummary .report-trends-tiletop strong{margin-left:0}
.report-trends-timesummary{grid-template-columns:1.4fr 1fr 1fr}
.report-trends-timesummary .report-trends-tile>strong{display:block;margin-top:4px;font-size:20px}
.report-trends-clock{width:28px;height:28px;stroke:var(--ink);stroke-width:1.7;fill:none;flex-shrink:0}
.report-trends-timesummary .report-trends-tiletop strong{margin-left:0;font-size:22px}
.report-trends-unavailable{min-height:330px;display:flex;align-items:center;color:var(--muted);font-size:14px;line-height:1.6}
.report-trends-reading{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0 0;font-size:14px}
.report-trends-reading>label{margin:0;font-size:14px}
.report-trends-reading>select{font-size:14px;max-width:100%}
.report-trends-readout{font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums;margin:0;flex:1 1 100%;line-height:1.6}
.report-trends-archive{margin:18px 0}
.report-trends-message{margin:16px 0;line-height:1.6;font-size:14px}
@container(max-width:480px){.report-trends-stocksummary{grid-template-columns:repeat(2,minmax(0,1fr))}.report-trends-timesummary{grid-template-columns:repeat(2,minmax(0,1fr))}.report-trends-timesummary .report-trends-tile:first-child{grid-column:1/-1}.report-trends-panel .cardhead{gap:8px}.report-trends-total>strong{font-size:28px}}
@media(max-width:900px){.report-trends-grid{grid-template-columns:1fr}.report-trends-panel .cardhead{padding-left:18px;padding-right:18px}.report-trends-chartbody{padding:4px 16px 18px}}
@media(max-width:480px){.report-trends-units{width:100%;justify-content:space-between;gap:2px}.report-trends-units>.tab{padding:8px 10px}.report-trends-total>strong{font-size:26px}.report-trends-total>small{font-size:12px}.report-trends-chartbody{padding:4px 12px 16px}.report-trends-period{font-size:12px}.report-trends-panel .cardhead{padding-left:15px;padding-right:15px}}

.report-trends-summaries:not(.report-trends-stocksummary):not(.report-trends-timesummary) .report-trends-tile{padding:10px}
.report-trends-summaries:not(.report-trends-stocksummary):not(.report-trends-timesummary) .report-trends-tiletop{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:5px}
.report-trends-summaries:not(.report-trends-stocksummary):not(.report-trends-timesummary) .report-trends-tiletop strong{font-size:20px}