.history-chart { display: block; width: 100%; min-height: 240px; background: #f8fafc; border: 1px solid #dbe2eb; }
.history-chart text { font-size: 13px; fill: #334155; }
.history-chart polyline { fill: none; stroke-width: 2; }
.history-chart .axis { stroke: #64748b; stroke-width: 1; }
.history-chart .reference { stroke: #94a3b8; stroke-dasharray: 4 4; }
.history-chart .close { stroke: #1d4ed8; } .chart-legend .close { color: #1d4ed8; }
.history-chart .sma20 { stroke: #15803d; } .chart-legend .sma20 { color: #15803d; }
.history-chart .sma50 { stroke: #c2410c; } .chart-legend .sma50 { color: #c2410c; }
.history-chart .sma200 { stroke: #7e22ce; } .chart-legend .sma200 { color: #7e22ce; }
.history-chart .rsi { stroke: #0f766e; }
.history-chart .selected-price { fill: #1d4ed8; }