/* ==========================================================================
   Mobile Responsive (Chart Area)
   ========================================================================== */

/* ══════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE (extracted from style.css)
   ══════════════════════════════════════════════════════════════ */

/* Mobile (< 768px) — single right-side price column.
   Lines extend to the right edge so there is no visual gutter between
   the candle area and the Y-axis zone.  --y-axis-width is set to 52px
   by canonical-chart.js (layout.rightMargin); this is a CSS fallback
   in case JS hasn't run yet.                                       */
@media (max-width: 767px) {
    :root { --y-axis-width: 52px; }
    .crosshair-y  { right: 0; }
    .live-line    { right: 0; }
}

/* Small mobile (< 480px) */
@media (max-width: 479px) {
    .live-price-label { font-size: 9px; padding: 2px 3px; }
    .axis-label-y { font-size: 9px; padding: 2px 3px; }
}