/* =====================================================================
   Persistent selected-row highlight for DataTables / list tables.
   Hover shows the light teal gradient (existing behaviour); CLICKING a
   row keeps it highlighted (class .saa-row-selected) so you don't lose
   your place when scrolling the table horizontally to reach edit
   actions. Applied globally via navbar.html.
   ===================================================================== */

/* The clicked/selected row — stays highlighted until another row is
   clicked. Uses a slightly stronger teal than hover + a left accent bar
   so it stands out from the transient hover state. */
table tbody tr.saa-row-selected,
#datasTable tbody tr.saa-row-selected,
#krTable tbody tr.saa-row-selected,
table.dataTable tbody tr.saa-row-selected {
  background: linear-gradient(180deg, #d3ede8, #b7ded7) !important;
  box-shadow: inset 4px 0 0 #17736b !important;
}

/* Keep every cell in the selected row transparent so the row-level
   gradient shows through (DataTables sometimes sets per-cell bg on
   sorted columns). */
table tbody tr.saa-row-selected > td,
#datasTable tbody tr.saa-row-selected > td,
#krTable tbody tr.saa-row-selected > td,
table.dataTable tbody tr.saa-row-selected > td {
  background-color: transparent !important;
}

/* When hovering the already-selected row, keep the selected look rather
   than dropping back to the lighter hover gradient. */
table tbody tr.saa-row-selected:hover,
#datasTable tbody tr.saa-row-selected:hover,
#krTable tbody tr.saa-row-selected:hover,
table.dataTable tbody tr.saa-row-selected:hover {
  background: linear-gradient(180deg, #d3ede8, #b7ded7) !important;
  box-shadow: inset 4px 0 0 #17736b !important;
}