/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Sortable index headers (Ransack-backed tri_sort_link) + per-column filters. */
th.sortable {
  user-select: none;
  white-space: nowrap;
}

th.sortable a.sort-link {
  cursor: pointer;
}

th.sortable a.sort-link .bi {
  opacity: 0;
  transition: opacity 120ms ease;
}

th.sortable a.sort-link:hover .bi,
th.sortable a.sort-link:focus .bi {
  opacity: 0.45;
}

th.sortable a.sort-link.asc .bi,
th.sortable a.sort-link.desc .bi {
  opacity: 1;
}

tr.filter-row th {
  background: var(--bs-light, #f8f9fa);
}