/* Trend chart SVG styling */
.trend-svg .grid-line{ stroke: var(--line); stroke-width: 1; }
.trend-svg .axis-label{ fill: var(--text-4); font-size: 11px; font-family: var(--body); }
.trend-svg .pt{ fill: var(--pink); stroke: var(--bg); stroke-width: 2; cursor: pointer; transition: r .12s; }
.trend-svg .pt-gross{ fill: #fff; }

/* Trend chart legend */
.chart-legend{ display:flex; gap:16px; margin-bottom:10px; padding-left:4px; }
.cl-item{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--text-3); font-weight:500; }
.cl-dot{ width:9px; height:9px; border-radius:50%; display:inline-block; }