/* ══════════════════════════════════════════════════════════════
   RIGHT PANEL RESPONSIVE
   All responsive rules for right-panel and market-watch layout.
   Consolidated from topbar/layout-picker/chart-panes.css, chart-header.css, and
   mobile/responsive.css so they live in one authoritative file.
   ══════════════════════════════════════════════════════════════ */

/* ── Default (desktop): chart shrinks when MW panel is open ── */
#chart-layout-area.mw-open {
    right: 280px;
}
#chart-header.mw-open {
    right: 280px;
}

/* ── Tablet (768px – 1023px): narrower MW panel ── */
@media (min-width: 768px) and (max-width: 1023px) {
    .mw-panel { width: 220px !important; min-width: 220px !important; }
    #chart-layout-area.mw-open { right: 220px; }
}

/* ── Mobile (< 768px): hide MW panel, reset chart area ── */
@media (max-width: 767px) {
    .mw-panel { display: none !important; }
    #chart-layout-area.mw-open { right: 0; }
}