.statistics-trends{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.trends-heading,.trend-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.trends-heading{margin-bottom:16px}.trends-heading h3,.trend-card-heading h4{margin:0}.trends-heading label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.statistics-trends select{min-height:40px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:6px 8px;font:inherit}
.trend-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.trend-card{--trend-color:#8bbff5;min-width:0;padding:18px 18px 10px;border:1px solid var(--line);border-radius:6px;background:#1c1e21}
#trend-op{--trend-color:#82d4c2}.trend-card-heading{min-height:40px}.trend-card-heading h4{font-size:13px;font-weight:500;color:var(--muted)}.trend-card-heading select{font-size:12px}
.trend-value{display:block;margin:10px 0 14px;font-size:25px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--trend-color)}
.trend-plot{width:100%;min-width:0;height:170px}.trend-plot svg{width:100%;height:170px;display:block;overflow:visible;touch-action:pan-y}
.trend-axis{font-size:10px;fill:var(--muted);font-variant-numeric:tabular-nums}.trend-grid{stroke:var(--line);stroke-dasharray:3 4;stroke-width:.7}.trend-line{fill:none;stroke:var(--trend-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.trend-point{fill:var(--trend-color)}.trend-cursor{stroke:var(--trend-color);stroke-width:1;stroke-dasharray:3 3;opacity:.45}.trend-selected{fill:var(--trend-color);stroke:var(--bg);stroke-width:2}
.trend-detail{min-height:20px;margin:8px 0 0;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.trend-empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px;line-height:1.7;margin:0}
.trends-note{color:var(--muted);font-size:11px;margin:12px 0 0}.trend-plot svg:focus-visible{outline:2px solid var(--trend-color);outline-offset:3px}
@media(max-width:700px){.trend-cards{grid-template-columns:1fr;gap:12px}.trend-card{padding:12px 12px 10px}.trend-value{font-size:22px}}
@media(forced-colors:active){.trend-line,.trend-cursor,.trend-grid{stroke:CanvasText}.trend-point,.trend-selected{fill:CanvasText}.trend-axis{fill:CanvasText}}