/* K-line viewport: fixed compact candle spacing with native horizontal swipe. */
.kline-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #30363d transparent;
}

.kline-scroll-inner {
  width: max-content;
  min-width: 100%;
  display: flex;
  justify-content: flex-end;
}

.kline-scroll svg {
  flex: 0 0 auto;
  user-select: none;
  -webkit-user-select: none;
}

.kline-scroll::-webkit-scrollbar {
  height: 4px;
}

.kline-scroll::-webkit-scrollbar-track {
  background: transparent;
}

.kline-scroll::-webkit-scrollbar-thumb {
  background: #30363d;
  border-radius: 999px;
}