/* CSS custom properties and theme tokens live in theme.css */
body {
    margin: 0;
    padding: 0;
    background-color: var(--ui-bg);
    color: var(--ui-fg);
    font-family: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    transition: background-color 120ms ease, color 120ms ease;
}

/* ═══════════════════════════════════════════════════════════════
   GLOBAL BASE STYLES
   Component styles have been split into dedicated files:
   - theme.css          — CSS custom properties & theme tokens
    - topbar.css         — #topbar, buttons, clocks, replay, undo/redo
    - chart-layout.css   — chart container, panes, headers, resize,
                           bottom bar, crosshair, oscillator pane
    - toolbar.css        — left toolbar: sidebar, buttons, flyouts, tooltips, popup
   - dialogs.css        — symbol search, alert modal, account panel
   - buy-sell.css       — buy/sell widget
   - indicators.css     — indicator legend, panels, config, line popup
   - right-panel.css    — right sidebar, watchlist, alerts, market watch,
                          MT5 context menu
   - responsive.css     — global layout-level responsive rules
   - mobile-menu.css    — hamburger, mobile menu, bottom nav
   ═══════════════════════════════════════════════════════════════ */

/* Page title */
.title {
    font-size: 16px;
    font-weight: 600;
}

/* Chart canvas */
canvas {
    display: block;
    width: 100%;
    height: 100%;
}

/* Utility: generic hidden class */
.hidden { display: none !important; }