/* =========================================================
   K线显示修复 V3：全宽、无黑边、不叠加旧价格轴
   放在原 styles.css 之后引入
   ========================================================= */

/* 外层图表卡片保持占满整行 */
.chart-hero,
.panel.chart-hero,
.module-page .chart-hero {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

/* 标题和周期按钮左右对齐 */
.chart-title-row,
.panel-title.chart-title-row {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

.interval-tabs {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
}

/* 核心修复：K线容器不再居中，不再出现左右大黑边 */
#klineChart,
.kline-chart {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 420px !important;
  min-height: 420px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  place-items: unset !important;
  align-items: unset !important;
  justify-items: unset !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: rgba(4, 7, 18, 0.78) !important;
}

/* 关闭旧补丁可能留下的手写价格轴，避免重复显示 */
.chart-price-axis,
.current-price-line,
.current-price-tag {
  display: none !important;
}

/* SVG 必须真正铺满容器 */
#klineChart > svg,
.kline-chart > svg {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  display: block !important;
  margin: 0 !important;
}

/* 旧补丁如生成 canvas，也强制铺满 */
#klineChart canvas,
.kline-chart canvas {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}