/* 股票模块样式 */

/* 股票页面主容器 - 设置高度并让面板等高 */
body.page-stock .stock-page-container {
  min-height: calc(100vh - 160px);
  display: flex !important;
  flex-direction: column !important;
}

@media (min-width: 768px) {
  body.page-stock .stock-page-container {
    flex-direction: row !important;
  }
}

/* 左侧两个面板初始样式 - 跟随右侧面板高度 */
#stock-filter-panel,
#stock-list-panel {
  min-height: 400px;
  display: flex !important;
  flex-direction: column !important;
  flex-shrink: 0;
  position: relative;
}

/* 右侧面板作为高度参考 */
body.page-stock .stock-page-container > div:last-child {
  flex: 1;
  min-height: 400px;
  display: flex;
  flex-direction: column;
}

/* 左侧筛选面板内部容器 - 确保填充整个面板高度 */
#stock-filter-panel .filter-panel-inner {
  flex: 1 !important;
  min-height: 0 !important;
  height: calc(100% - 0px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: block !important;
}

/* 左侧筛选面板内部容器滚动条隐藏 */
#stock-filter-panel .filter-panel-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

/* 股票列表面板内部容器 */
#stock-list-panel .list-panel-inner {
  flex: 1 !important;
  min-height: 0 !important;
  height: calc(100% - 0px) !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 股票列表容器样式 - 填充整个面板高度 */
#stock-list-container {
  flex: 1 !important;
  min-height: 200px;
  height: calc(100% - 40px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* 股票列表容器滚动条隐藏 */
#stock-list-container::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

/* 移动端样式 */
@media (max-width: 768px) {
  #stock-list-container {
    max-height: 300px !important;
    height: 300px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #stock-filter-panel,
  #stock-list-panel {
    height: auto !important;
  }
}