.fi-ta-row {
    @apply [@media(hover:hover)]:transition-colors [@media(hover:hover)]:duration-75;

    &.fi-clickable {
        @apply hover:bg-gray-50 dark:hover:bg-white/5;
    }

    &.fi-striped {
        @apply bg-gray-50 dark:bg-white/5;
    }

    &.fi-collapsed {
        @apply hidden;
    }

    &.fi-ta-group-header-row {
        & > td {
            @apply bg-gray-50 dark:bg-white/5;
        }
    }

    & .fi-ta-group-header-cell {
        @apply px-3 sm:first-of-type:ps-6 sm:last-of-type:pe-6;
    }

    & .fi-ta-group-header {
        @apply flex w-full items-center gap-x-3 py-2;

        &.fi-collapsible {
            @apply cursor-pointer;

            &.fi-collapsed {
                & .fi-icon-btn {
                    @apply -rotate-180;
                }
            }
        }

        & .fi-ta-group-heading {
            @apply text-sm font-medium text-gray-950 dark:text-white;
        }

        & .fi-ta-group-description {
            @apply text-sm text-gray-500 dark:text-gray-400;
        }
    }

    &.fi-selected {
        &:not(.fi-striped) {
            @apply bg-gray-50 dark:bg-white/5;
        }

        & > *:first-child {
            @apply inset-shadow-[2px_0_0_0_var(--primary-600)] rtl:inset-shadow-[-2px_0_0_0_var(--primary-600)];

            @variant dark {
                @apply inset-shadow-[2px_0_0_0_var(--primary-500)] rtl:inset-shadow-[-2px_0_0_0_var(--primary-500)];
            }
        }
    }
}

.fi-ta-reordering {
    & .fi-ta-row {
        &:not(.fi-ta-row-not-reorderable) {
            @apply cursor-move;
        }
    }
}