@import "tailwindcss";

/* The grid: the row that holds the focus is the current row, whether the keyboard or the mouse
   put it there; a cell selected with Shift and the arrows is tinted whatever its own background. */
#grid-body tr:has(input:focus) {
  background-color: var(--color-sky-50);
}
#grid-body input.selected-cell {
  background-color: var(--color-sky-200);
}