/* A separate quote overlay preserves the cached closed-candle canvas between ticks. */
.chart-stage { position: relative; flex: 1; min-height: 0; width: 100%; }
.chart-stage > canvas { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; }
.live-price-layer { pointer-events: none; }
.chart-heading .forming-label { color: #7cc5b4; white-space: nowrap; margin-left: auto; }
.chart-heading { gap: 7px; }
.chart-heading > span:last-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.environment-right { min-width: 0; white-space: nowrap; }
#environment-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#quote-connection { color: #76bcae; }
#quote-connection.negative { color: #d7ac70; }
.quote-stale .quote > strong { color: #c0a16a; }
.quote-stale .pnl-group { opacity: .72; }
@media(max-width: 1400px) { .chart-legend { gap: 7px; } #last-update { display: none; } .environment-right > .separator:last-of-type { display: none; } }
@media(max-width: 800px) { #environment-text { white-space: normal; } .environment-right { flex-wrap: wrap; } }