/* ── Stats chart wrapper ─────────────────────────────── */ .stats-chart-wrap { margin: 8px 0 12px; background: var(--chart-bg, rgba(0,0,0,0.08)); border: 1px solid var(--chart-axis, rgba(128,128,128,0.25)); border-radius: 6px; padding: 8px 6px 4px; } .stats-chart-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; } .stats-chart-title { font-size: 11px; font-weight: 600; letter-spacing: 0.03em; opacity: 0.7; text-transform: uppercase; } #statsChart { display: block; width: 100%; height: 180px; } /* ── CSS variables for chart theming ─────────────────── */ :root { --chart-grid: rgba(128,128,128,0.18); --chart-line: var(--feature-color); --chart-fill: rgba(79, 247, 129, 0.15); --chart-text: #888; --chart-axis: rgba(128,128,128,0.35); } /* Override when dark theme active (assumes .dark or [data-theme=dark] on /) */ .dark, [data-theme="dark"] { --chart-line: var(--feature-color); --chart-fill: rgba(79, 247, 129, 0.15); --chart-text: #aaa; }