/* CRO.TRADE TradingView Chart Theme Overrides */

/* Main chart background */
.chart-markup-table,
.chart-controls-bar,
.group-wWM3zP_M- {
  background-color: #09090b !important;
}

/* Header/toolbar background + compact height */
.header-chart-panel,
.chart-page .chart-widget,
.header-chart-panel-content,
.bottom-widgetbar-content {
  background-color: #0f0f13 !important;
}

/* Compact top header bar */
.header-chart-panel {
  min-height: 0 !important;
  height: 32px !important;
}

.header-chart-panel-content {
  min-height: 0 !important;
  height: 32px !important;
}

/* Compact bottom timeframe bar */
.bottom-widgetbar-content {
  min-height: 0 !important;
  height: 28px !important;
}

/* Shrink toolbar button padding for compact bars */
.header-chart-panel button,
.header-chart-panel-content button,
.bottom-widgetbar-content button {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  min-height: 0 !important;
  height: auto !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* Compact toolbar icons */
.header-chart-panel svg,
.header-chart-panel-content svg {
  width: 16px !important;
  height: 16px !important;
}

/* Compact separator between header items */
.header-chart-panel .separator-Ey0PYJhw,
.header-chart-panel-content .separator-Ey0PYJhw {
  margin: 4px 2px !important;
}

/* Toolbar buttons */
.button-merBkM5y,
.apply-common-tooltip {
  color: #8a8f98 !important;
}

.button-merBkM5y:hover,
.apply-common-tooltip:hover {
  color: #fff !important;
}

/* Dropdown menus */
.menuWrap-Kq3ruQo8,
.menu-Kq3ruQo8 {
  background-color: #141418 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Scrollbars */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
}

/* Remove any borders between chart sections */
.chart-page .pane-separator {
  background-color: #09090b !important;
}

/* Mobile: razor-thin toolbars */
@media (max-width: 768px) {
  .header-chart-panel,
  .header-chart-panel-content {
    height: 10px !important;
    min-height: 0 !important;
    padding: 0 !important;
    transform: scaleY(0.55);
    transform-origin: top center;
  }

  .header-chart-panel button,
  .header-chart-panel-content button {
    padding: 0 1px !important;
    font-size: 10px !important;
    min-height: 0 !important;
    height: 14px !important;
    line-height: 14px !important;
  }

  .header-chart-panel svg,
  .header-chart-panel-content svg {
    width: 11px !important;
    height: 11px !important;
  }

  .header-chart-panel .separator-Ey0PYJhw,
  .header-chart-panel-content .separator-Ey0PYJhw {
    margin: 0 !important;
    height: 10px !important;
  }

  /* Compact OHLC legend text */
  .chart-markup-table .pane-legend {
    font-size: 10px !important;
  }
}