/* Results Table Styles */

/* Row filter transitions */
.results-table-row {
  @apply transition-all duration-200 ease-out;
}

/* Scenario count transition */
#table-scenarios-count {
  @apply transition-all duration-200;
}

#table-scenarios-count.updating {
  @apply scale-110 text-charter-accent;
}

.results-table-row.hidden {
  @apply opacity-0 h-0 overflow-hidden;
  display: table-row; /* Override hidden display:none */
  visibility: collapse;
}

/* Sorting */
.results-table th.sortable:hover .sort-icon {
  @apply opacity-60;
}

.results-table th.sortable.sort-asc .sort-icon,
.results-table th.sortable.sort-desc .sort-icon {
  @apply opacity-100 text-charter-secondary;
}

/* Filter Dropdown */
.filter-button.active {
  @apply bg-charter-secondary-lightest border-charter-secondary text-charter-secondary;
}

#filter-dropdown.open {
  @apply block opacity-100 translate-y-0 !important;
}

/* Unified Loading Spinner */
.unified-spinner {
  @apply inline-block w-12 h-12 border-4 border-charter-border border-t-charter-secondary rounded-full;
  animation: spinner-rotate 0.8s linear infinite;
}

@keyframes spinner-rotate {
  to { transform: rotate(360deg); }
}

.unified-spinner.small {
  @apply w-6 h-6 border-[3px];
}

.unified-spinner.large {
  @apply w-16 h-16 border-[5px];
}
