/* Frozen columns for reorder report */
.reorder-report-table {
  position: relative;
}

.reorder-report-table th.sticky,
.reorder-report-table td.sticky {
  position: sticky;
  background: white;
  z-index: 10;
}

.reorder-report-table th.sticky-left-0,
.reorder-report-table td.sticky-left-0 {
  left: 0;
  z-index: 20;
}

.reorder-report-table th.sticky-left-24,
.reorder-report-table td.sticky-left-24 {
  left: 6rem;
  z-index: 20;
}

.reorder-report-table th.sticky-left-48,
.reorder-report-table td.sticky-left-48 {
  left: 12rem;
  z-index: 20;
}

.reorder-report-table th.sticky-left-72,
.reorder-report-table td.sticky-left-72 {
  left: 18rem;
  z-index: 20;
}

.reorder-report-table th.sticky-left-96,
.reorder-report-table td.sticky-left-96 {
  left: 24rem;
  z-index: 20;
}

/* Ensure sticky headers have higher z-index */
.reorder-report-table thead th.sticky {
  z-index: 30;
}

/* Border for frozen columns */
.reorder-report-table th.sticky:not(:first-child),
.reorder-report-table td.sticky:not(:first-child) {
  border-left: 1px solid #e5e7eb;
}

/* Sortable column indicators */
.reorder-report-table th a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  text-decoration: none;
  transition: color 0.2s;
}

.reorder-report-table th a:hover {
  color: #097993;
}

.reorder-report-table th a::after {
  content: '⇅';
  font-size: 0.75rem;
  opacity: 0.4;
  transition: opacity 0.2s;
  margin-left: 0.125rem;
}

.reorder-report-table th a:hover::after {
  opacity: 0.7;
}

.reorder-report-table th a.sort-asc::after {
  content: '↑';
  opacity: 1;
  color: #097993;
}

.reorder-report-table th a.sort-desc::after {
  content: '↓';
  opacity: 1;
  color: #097993;
}