/*
 * Stats that open their appointments: Filament gives a linked stat no hover, so without this it looks like a plain tile.
 * .fi-wi-stats-overview-stat is Filament's styling hook for a stat; the ring is our own box-shadow, not Tailwind's ring variables.
 */

.fi-wi-stats-overview-stat[href] {
    transition: background-color 75ms, box-shadow 75ms;
}

/* Only with a mouse: on a tablet a tapped tile would keep the hover. */
@media (hover: hover) {
    .fi-wi-stats-overview-stat[href]:hover {
        background-color: var(--gray-50);
        box-shadow: 0 0 0 1px var(--primary-600);
    }

    .dark .fi-wi-stats-overview-stat[href]:hover {
        background-color: var(--gray-800);
        box-shadow: 0 0 0 1px var(--primary-500);
    }
}