/* XQuant: minimal mode (?minimal=1) — solo el chart + panel de timeframes + drawing tools. Activado por la clase body.minimal que aplica el script inline al final del . Mantener simple: ocultar topbar, sidebar derecho, paneles laterales y barras de UI que no aportan al chart embebido. NO tocar: chartGridRoot, drawing toolbar (#drawingToolbar), panel de timeframes (#timeframeHeaderDropdown) ni los drawing tools dentro de la grilla. */ /* === Topbar principal (logo + login + lang) === */ body.minimal .app-topbar { display: none !important; } /* === Sidebar derecho con todos los botones (bots, deriv, settings, etc.) === */ body.minimal .right-icon-bar { display: none !important; } /* === Barra de tabs de símbolos (chart grid selector + balance + symbol selector) === Si el symbol viene por URL en embed, no se necesita esta barra. Si más adelante hace falta cambiar de timeframe desde el top, mover esto a "no ocultar". */ body.minimal #symbolTabsBar { display: none !important; } /* === Indicadores y chart style dropdown (top bar) — visibles en minimal === */ body.minimal #indicatorsBtn, body.minimal #chartStyleDropdown { display: flex !important; } /* === Mini control bar — mostrar en minimal (queda bottom-left, vertical como siempre) === */ body.minimal #miniControlBar { display: flex !important; } /* Botones de indicadores y chart style dentro del miniControlBar — visibles === */ body.minimal #miniChartStyleBtn, body.minimal #miniIndicatorsBtn { display: flex !important; } /* === Panel deslizante lateral (analysis, deriv, settings) === */ body.minimal #slidePanel { display: none !important; } /* === Quickbar de opciones (no aplica en minimal) === */ body.minimal #optionsQuickBar { display: none !important; } /* === Status indicators flotantes (footprint loading, etc.) === */ body.minimal #footprintStatusIndicator { display: none !important; } /* === Drawer de contratos abiertos (no aplica en embed) === */ body.minimal #optionsOpenContractPanel { display: none !important; } /* === Stats panel (esquina derecha) === */ body.minimal #statsPanel { display: none !important; } /* === Loading overlay: lo ocultamos también porque estorba en embed === Si querés mostrarlo solo mientras carga, mover a .minimal-keep en su lugar. */ body.minimal #loadingOverlay { display: none !important; } /* === Modales de bots/chartzella/botbuilder (los botones ya están ocultos, esto es defensa) === */ body.minimal #botsModal, body.minimal #botBuilderPlanModal, body.minimal #chartZellaModal { display: none !important; } /* === Compensar el espacio que dejó el topbar eliminado === */ body.minimal #chartGridRoot { top: 0 !important; height: 100% !important; } /* === Mostrar solo el chart y dejar el resto del viewport negro limpio === */ body.minimal { background: #000 !important; } /* === Scrollbars del indicators menu — track transparente en minimal === */ body.minimal #indicatorsMenu, body.minimal #indicatorsMenu * { scrollbar-width: thin; scrollbar-color: rgba(148, 163, 184, 0.4) transparent; } body.minimal #indicatorsMenu::-webkit-scrollbar, body.minimal #indicatorsMenu *::-webkit-scrollbar { width: 6px; height: 6px; } body.minimal #indicatorsMenu::-webkit-scrollbar-track, body.minimal #indicatorsMenu *::-webkit-scrollbar-track { background: transparent; } body.minimal #indicatorsMenu::-webkit-scrollbar-thumb, body.minimal #indicatorsMenu *::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.4); border-radius: 3px; } body.minimal #indicatorsMenu::-webkit-scrollbar-thumb:hover, body.minimal #indicatorsMenu *::-webkit-scrollbar-thumb:hover { background: rgba(148, 163, 184, 0.7); }