/* Required for smooth scrollbars on big tables in some browsers */
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(156, 163, 175, 0.5); /* gray-400 with opacity */
  border-radius: 4px;
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(75, 85, 99, 0.5); /* gray-600 with opacity */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(107, 114, 128, 0.8); /* gray-500 */
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(107, 114, 128, 0.8); /* gray-500 */
}

/* Sort Icons */
.sort-icon::after {
    content: '\2195'; /* Up down arrow by default */
    opacity: 0.3;
}
.sort-asc .sort-icon::after {
    content: '\2191'; /* Up arrow */
    opacity: 1;
    color: #3B82F6;
}
.sort-desc .sort-icon::after {
    content: '\2193'; /* Down arrow */
    opacity: 1;
    color: #3B82F6;
}

/* General Truncate for table cells */
.cell-truncate {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cell-truncate:hover {
    white-space: normal;
    word-break: break-word;
    /* Optional: position absolute to show full text over other cells, but simple expansion is fine */
}