table {
    @apply grid grid-cols-(--cols);
    @apply print:table;

    /* @apply bg-red-900; */
    thead {
        @apply contents;
        @apply print:table-header-group;

        tr {
            @apply sticky top-(--tableStickyHeight) bg-slate-300 dark:bg-slate-700 select-none z-10000;
            @apply print:table-row;
        }
    }

    tbody {
        @apply contents;
        @apply print:table-row-group;

        tr {
            @apply border-b border-slate-200 dark:border-slate-800 cursor-pointer relative;
            @apply even:after:absolute even:after:inset-0 even:after:bg-slate-500/3 even:dark:after:bg-white/2;
            @apply hover:after:bg-black/5 hover:dark:after:bg-white/5 hover:after:absolute hover:after:inset-0;
            @apply print:table-row;
        }

        tr.table-warning {
            @apply bg-red-100 border-red-200 dark:bg-red-900 dark:border-red-800;
        }

        tr.table-success {
            @apply bg-emerald-200 border-emerald-300 dark:bg-emerald-800 dark:border-emerald-700;
        }

    }

    tr {
        @apply grid grid-cols-subgrid col-span-full;
    }

    th,
    td {
        @apply py-1 px-5 flex items-center whitespace-nowrap;
        /* text-nowrap; */
        @apply print:table-cell align-middle;
    }
}