/* Minimal additions on top of Tailwind */

/* `display: contents` for <form> inside <tr> so the form doesn't break table layout */
.contents { display: contents; }

/* Subtle striping for transaction rows */
#txn-tbody tr[data-txn-id]:nth-child(even):not(.txn-focus) {
  background-color: rgba(255, 255, 255, 0.015);
}

/* Smooth row focus highlight */
tr.txn-focus {
  box-shadow: inset 3px 0 0 #3b82f6;
}

/* HTMX swap fade */
.htmx-swapping {
  opacity: 0.5;
  transition: opacity 100ms ease-out;
}
.htmx-settling {
  opacity: 1;
  transition: opacity 100ms ease-in;
}

/* Better date input contrast on dark mode in webkit */
input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0.7);
}