/* Geist, served from this origin so the TradingView iframe (which loads this
   file through custom_css_url) gets the same face as the app. The main
   document also links this file; the duplicate face is harmless. */
@font-face {
  font-family: 'Geist Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/fonts/geist-latin-wght-normal.woff2') format('woff2-variations');
}

:root body {
  font-family: 'Geist Variable', 'Inter', system-ui, sans-serif;
}

:root:not(.theme-dark) {
    /* white-100 */
    --tv-color-platform-background: #f9f9f9;
    /* white-100 */
    --tv-color-pane-background: #f9f9f9;
    /* white-600 */
     --tv-color-toolbar-button-background-hover: #d8d8d8;
    /* brand */
    --tv-color-toolbar-button-background-secondary-hover: #2f6fe6;
    /* white-600 */
    --tv-color-toolbar-button-background-expanded: #d8d8d8;
    /* white-800 */
    --tv-color-toolbar-button-text: #828282;
    /* white-800 */
    --tv-color-toolbar-button-text-hover: #828282;
    /* white-800 */
    --tv-color-toolbar-button-text-active: #828282;
    /* white-800 */
    --tv-color-toolbar-button-text-active-hover: #828282;
    /* white-600 */
    --tv-color-toolbar-toggle-button-background-active-hover: #d8d8d8;
     /* Loading screen styles */
    --tv-loading-screen-background: #f9f9f9;
    --tv-loading-screen-foreground: #2f6fe6;
}

/* TradingView dark theme selectors - try multiple patterns */
.theme-dark,
[class*="theme-dark"],
html.theme-dark,
body.theme-dark,
:root.theme-dark {
    /* black-800 */
    --tv-color-platform-background: #121212;
    /* black-800 */
    --tv-color-pane-background: #121212;
    /* black-500 */
    --tv-color-toolbar-button-background-hover: #121212;
    /* brand */
    --tv-color-toolbar-button-background-secondary-hover: #2f6fe6;

    /* black-500 */
    --tv-color-toolbar-button-background-expanded: #121212;
    --tv-color-toolbar-button-text: rgb(189, 190, 193);
    --tv-color-toolbar-button-text-hover: #f9f9f9;
    --tv-color-toolbar-button-text-active: #f9f9f9;
    --tv-color-toolbar-button-text-active-hover: #f9f9f9;

    /* black-500 */
    --tv-color-toolbar-toggle-button-background-active-hover: #121212;

    --tv-loading-screen-background: #121212;
    --tv-loading-screen-foreground: #121212;
}

.tradingview-chart .tv-chart-toolbar {
  box-shadow: none !important;
}

.container-kfvcmk8t {
   position: relative !important;
  display: none !important;
  visibility: hidden;
}

[class*="tooltip-"] [class*="text-"] {
  white-space: pre-line !important;
}

/* Force dark background on chart pane - fallback for mobile */
.chart-markup-table,
.chart-gui-wrapper,
.pane-legend,
[class*="chart-container"],
[class*="chart-page"] {
  background-color: #121212 !important;
}