/* scRNA页面表头三角形样式 */

.sort-icon {
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 2px; /* 上下三角间距 */
}

/* 三角形形状样式 */
.sort-triangle {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  opacity: 0.5; /* 默认灰色 */
}
.triangle-up {
  border-bottom: 6px solid #333; /* 上三角颜色 */
}
.triangle-down {
  border-top: 6px solid #333; /* 下三角颜色 */
}

/* 关键：确保active类优先级最高 */
.triangle-up.active {
  opacity: 1;
  border-bottom-color: #000 !important;
}

.triangle-down.active {
  opacity: 1;
  border-top-color: #000 !important;
}

/* gistic结果展示右侧小表格样式 */
/* 基因详情表格容器：限制高度并启用滚动 */
.gene-tag-container {
  max-height: 320px; /* 约10行的高度（假设每行约32px） */
  overflow-y: auto;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: white;
}

/* 确保详情表格宽度填满 */
.gene-detail-table {
  width: 100%;
  border-collapse: collapse;
}

/* 固定表头：在滚动时保持 "Genes in selected peak" 标题可见 */
.gene-detail-table th {
  position: sticky;
  top: 0;
  background-color: #f9fafb; /* 浅灰色背景 */
  z-index: 10;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1); /* 添加底部分隔线感 */
}

/* 单元格基础样式 */
.gene-detail-table td, 
.gene-detail-table th {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid #f3f4f6;
}