.centered-cell,
.left-cell {
  vertical-align: middle;
  user-select: none;
}

.left-cell {
  text-align: left;
}

.centered-cell {
  text-align: center;
}

.download-button {
  background-color: var(--color-accent);
  color: white;
  border: none;
  font-size: 1em;
  padding: 0.1em 0.4em;
  border-radius: 5px;
  cursor: pointer;
}

.download-button:hover {
  opacity: 0.6;
}

/* Sortable table headers */
.sortable {
  cursor: pointer;
  user-select: none;
}

.sortable:hover {
  background-color: #f8f9fa;
}

/* Style for sort arrows */
.sort-arrows {
  color: #6c757d;
  opacity: 0.5;
  margin-left: 5px;
  font-size: 0.8em;
  white-space: pre; /* Preserves whitespace */
}

/* Active sort arrow styling */
.sort-arrows.active {
  color: inherit;
  opacity: 1;
}