/* The transparent wash sits over existing surfaces without moving text, controls,
   focus rings, or selected states. It cannot intercept clicks or change layout. */
.fluid-hover-relative { position: relative; }
.fluid-hover-highlight {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  background: rgb(86 97 154 / 10%);
  transform-origin: top left;
  animation: fluid-hover-enter 100ms ease-out;
}
.site-header nav > .fluid-hover-highlight { background: rgb(151 169 254 / 16%); }

/* Replace transient fills only; active/selected/focused items keep their meaning. */
@media (hover: hover) and (pointer: fine) {
  .fluid-hover-group :is(.nav-link, .patient-sidebar-filter, .patient-sidebar-row, .message-list-item, .list-row, [role="option"]):hover:not(.active, .selected, .is-active, [aria-current="page"], [aria-selected="true"], [aria-pressed="true"]), .message-filters.fluid-hover-group a:hover:not(.active, [aria-current="page"]), .care-queue-list.fluid-hover-group .care-queue-link:hover, .care-agenda-list.fluid-hover-group .care-appointment:has(.care-row-action:hover), .history-section-overview.fluid-hover-group > button:hover, .laboratory-study-options.fluid-hover-group .laboratory-study-item:hover:not(:has(input:checked)) {
  background-color: transparent;
}
}
@media (hover: hover) and (pointer: fine) {
  .history-group-list.fluid-hover-group a:hover:not([aria-current]) { background-color: transparent; }
  .date-picker-days.fluid-hover-group button:hover:not([aria-pressed="true"]) { background: transparent; color: var(--ink); }
}
@keyframes fluid-hover-enter { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .fluid-hover-highlight { animation: none; }
}
@media (forced-colors: active) {
  .fluid-hover-highlight { display: none; }
  [data-fluid-hover-active] { outline: 1px solid Highlight; outline-offset: -1px; }
}