/*
 * The admin's own styles, plain CSS (no build step), registered in AdminPanelProvider::boot()
 * and published to `public/css/app/` by `filament:upgrade` / `filament:assets`.
 */

/* Every table row highlights under the pointer, in a tint of the brand's cyan (`--primary-*`):
   list tables (`.fi-ta-row`, not only clickable rows as Filament does), the tables inside a
   record page (`RepeatableEntry::table()`: costs, colours, versions, history) and table
   repeaters in forms. Filament's own hover (white at 5 % in dark mode) is barely visible.
   Unlayered, so it wins over Filament's rules. */
.fi-ta-row:not(.fi-ta-group-header-row),
.fi-in-table-repeatable tbody > tr,
.fi-fo-table-repeater tbody > tr {
    transition: background-color 75ms;
}

.fi-ta-row:not(.fi-ta-group-header-row):hover,
.fi-in-table-repeatable tbody > tr:hover,
.fi-fo-table-repeater tbody > tr:hover {
    background-color: var(--primary-50);
}

/* A side column that follows the scroll from large screens (the cost simulator), below the
   64px top bar. `align-self` keeps the grid item its own height, or sticky has no room. */
@media (min-width: 64rem) {
    .trimo-sticky {
        position: sticky;
        top: 5rem;
        align-self: start;
    }
}

.dark .fi-ta-row:not(.fi-ta-group-header-row):hover,
.dark .fi-in-table-repeatable tbody > tr:hover,
.dark .fi-fo-table-repeater tbody > tr:hover {
    background-color: color-mix(in oklab, var(--primary-500) 14%, transparent);
}