/* Update 4 isolated QA — app-wide Safari tap-highlight removal.
   Applies to all tappable surfaces without interfering with keyboard focus,
   native selection, drag gestures, Rewind tap navigation, or existing glass effects. */
html, body, body * {
  -webkit-tap-highlight-color: transparent !important;
}

/* An intentional, very soft mint press on list-like navigation surfaces.
   These are the formerly gray-flashing rows, not the application's primary
   action buttons, media players, draggable cards or segmented controls. */
:root {
  --u4-press-mint: rgba(9, 144, 104, .075);
}
html[data-theme="dark"] {
  --u4-press-mint: rgba(94, 223, 177, .12);
}
@media (prefers-color-scheme: dark) {
  html[data-theme="system"] {
    --u4-press-mint: rgba(94, 223, 177, .12);
  }
}

:where(#app, #modal-root) :is(
  .fin12-row.u4-preview-open,
  .row-btn,
  .tx-row,
  .u1-tool-row,
  .settings-list .row,
  .settings-v12-groups .row,
  .row[role="button"],
  button.row,
  a.row,
  .u2-transfer-choice
):not(:disabled):active {
  background-color: var(--u4-press-mint) !important;
  /* Immediate on press: avoids a momentary native gray blend. */
  transition-duration: 0s !important;
}

/* Active-state color is deliberately not applied to non-row controls:
   do not alter the Wallet's card carousel, dock, Rewind/Share interactions,
   selected buttons or drag surfaces. Preserve all :focus-visible outlines. */
@media (prefers-reduced-motion: no-preference) {
  :where(#app, #modal-root) :is(
    .fin12-row.u4-preview-open, .row-btn, .tx-row, .u1-tool-row,
    .settings-list .row, .settings-v12-groups .row,
    .row[role="button"], button.row, a.row, .u2-transfer-choice
  ) {
    transition: background-color .14s ease;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(#app, #modal-root) :is(
    .fin12-row.u4-preview-open, .row-btn, .tx-row, .u1-tool-row,
    .settings-list .row, .settings-v12-groups .row,
    .row[role="button"], button.row, a.row, .u2-transfer-choice
  ) {
    transition: none !important;
  }
}
