/* 排序表头样式 */
.sortable-header {
  position: relative;
  cursor: pointer;
  user-select: none;
  padding-right: 20px !important;
}

.sortable-header:hover {
  background-color: #f3f4f6 !important;
}

.sort-arrows {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sort-arrow {
  color: #9ca3af;
  font-size: 10px;
  line-height: 1;
  transition: color 0.2s ease;
}

.sort-arrow.active {
  color: #3b82f6;
}

.sort-arrow.asc.active {
  color: #3b82f6;
}

.sort-arrow.desc.active {
  color: #3b82f6;
}

/* 当前排序状态指示 */
.sortable-header.sort-asc .sort-arrow.asc,
.sortable-header.sort-desc .sort-arrow.desc {
  color: #3b82f6;
}

/* protein_coding 排序状态 */
.sortable-header.sort-protein-coding .sort-arrow.asc {
  color: #0f0f0f;
}

/* 原始顺序状态 - 箭头恢复默认颜色 */
.sortable-header .sort-arrow {
  color: #9ca3af;
}