/* The Production list (production/index): a project row is tinted on hover,
   and marked - blue tint and a left bar - while its View Prod link is
   hovered, so the row the link opens is plain to see across the wide
   table (user, 2026-10-13). Plain CSS on the theme tokens: Tailwind's
   hover: variant does not apply to the custom theme-bg-* classes. */
.production-project-row:hover {
  background-image: linear-gradient(var(--row-hover), var(--row-hover));
}

.production-project-row:has(.production-view-prod:hover),
.production-project-row:has(.production-view-prod:focus-visible) {
  background-color: color-mix(in srgb, var(--accent-blue) 14%, transparent);
  box-shadow: inset 3px 0 0 var(--accent-blue);
}