/* More room for candles, MACD and RSI in the normal dashboard layout. */
#priceChartCard{height:clamp(700px,80vh,1000px);min-height:0}
@media(max-width:620px){#priceChartCard{height:580px}}
.chart-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
#expandPriceChart{padding:8px 12px;min-height:36px;border:1px solid var(--border,#394238);border-radius:6px;background:var(--bg,#0d1110);color:var(--gold,#e5c47c);font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer}
#expandPriceChart:focus-visible{outline:2px solid var(--gold,#e5c47c);outline-offset:3px}
#priceChartCard.chart-expanded,#priceChartCard:fullscreen{position:fixed;inset:0;z-index:100000;width:100%;height:100dvh!important;min-height:0;max-height:none;margin:0;border-radius:0;background:var(--card,#171e19);display:flex;flex-direction:column}
#priceChartCard.chart-expanded .card-header{flex-shrink:0;flex-wrap:wrap;gap:10px}
#priceChartCard.chart-expanded #tvChart{flex:1;min-height:0;height:auto}
#priceChartCard.chart-expanded .chart-reading-guide{display:none}
body.chart-is-expanded{overflow:hidden}
@media(max-width:480px){#priceChartCard .card-header{flex-wrap:wrap;gap:8px}.chart-header-actions{gap:8px}}