/* ==========================================================================
   Clickable record rows
   --------------------------------------------------------------------------
   Paired with static/js/rowlink.js. The application's data tables already
   carry a hover background; these rules add the affordances that tell someone
   the whole row is a target, not just the chevron.
   ========================================================================== */

[data-row-href] {
  cursor: pointer;
}

/* Keyboard focus lands on the anchor inside the row, so the highlight is
   raised to the row itself to show which record is about to open. */
[data-row-href]:focus-within {
  background-color: var(--color-orange-50);
  outline: 2px solid var(--color-orange-300);
  outline-offset: -2px;
}

/* The trailing chevron is decoration once the row is clickable; it should not
   look like the only way in. */
[data-row-href] .row-open {
  color: var(--color-slate-400);
  transition: color 140ms ease;
}
[data-row-href]:hover .row-open {
  color: var(--color-orange-700);
}

/* Long cell text should not look selectable-but-dead; selection still works
   and suppresses navigation, so no user-select override is applied here. */