/* Clean professional chart surface shared by mobile and desktop. */
.chart-stage {
  position: relative !important;
  overflow: hidden !important;
  contain: layout paint !important;
  background: #ffffff !important;
  border-color: #dbe3ea !important;
}

#priceChart {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  background: #ffffff !important;
}

#chartTooltip {
  display: none !important;
}

/* Support and resistance are now shown inside the chart canvas. */
.market-strip > div:nth-child(3),
.market-strip > div:nth-child(4) {
  display: none !important;
}

.market-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.compact-chart-controls select:focus,
.compact-chart-controls button:focus,
.control-card select:focus,
.control-card input:focus,
.control-card button:focus {
  outline: none !important;
  box-shadow: none !important;
}

@media (max-width: 680px) {
  .market-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .chart-stage {
    background: #ffffff !important;
  }
}
