1/* Tables */
 2@layer components {
 3  .admin-table {
 4    @apply w-full caption-bottom text-sm;
 5    thead {
 6      @apply [&_tr]:border-b;
 7    }
 8    tbody {
 9      @apply [&_tr:last-child]:border-0;
10    }
11    tfoot {
12      @apply bg-admin-muted/50 border-t font-medium [&>tr]:last:border-b-0;
13    }
14    tr {
15      @apply hover:bg-admin-muted/50 border-b transition-colors;
16    }
17    th {
18      @apply text-admin-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px];
19    }
20    td {
21      @apply p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px];
22    }
23    caption {
24      @apply text-admin-muted-foreground mt-4 text-sm;
25    }
26  }
27}