/* Custom styles — most styling is now handled by Tailwind CSS (tailwind.css) */

.table tfoot td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-surface-100);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1);

    &:where(.dark, .dark *) {
        border-color: color-mix(in srgb, #1e293b 50%, transparent);

        @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-surface-800) 50%, transparent);
        }
    }
}