/* For a custom scrollbar to match the dark theme */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #1f2937; /* gray-800 */
}
::-webkit-scrollbar-thumb {
  background: #4b5563; /* gray-600 */
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #6b7280; /* gray-500 */
}
/* Utility to hide scrollbars */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* Animation for highlighting a row */
@keyframes row-highlight-fade {
  from { background-color: rgba(34, 211, 238, 0.3); } /* cyan-400 with opacity */
  to { background-color: transparent; }
}
.row-highlight {
  animation: row-highlight-fade 2s ease-out forwards;
}
/* Animation for highlighting a single cell */
@keyframes cell-highlight-fade {
  from { box-shadow: inset 0 0 0 100px rgba(34, 211, 238, 0.5); }
  to { box-shadow: inset 0 0 0 0 rgba(34, 211, 238, 0); }
}
.cell-highlight {
  /* This animation overlays a shadow that fades out, revealing the original background color. */
  animation: cell-highlight-fade 2s ease-out;
  border-radius: 3px;
}