table > thead > tr > th,
table > tbody > tr > td {
    @apply !py-3 !px-4 text-sm;
}
.datatables table tbody tr {
    @apply bg-white dark:!border-[#191e3a] dark:bg-black;
}

.datatables .mantine-datatable-empty-row {
    @apply bg-transparent;
}
.datatables table tbody tr td {
    @apply !border-0 !border-none;
}
/* Selection column 44px + global !px-4 menyempitkan checkbox — kurangi padding */
.mantine-datatable-header-selector-cell,
.mantine-datatable-row-selector-cell,
.mantine-datatable th[data-accessor='__selection__'],
.mantine-datatable td[data-accessor='__selection__'] {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

table tr .mantine-Checkbox-root {
    @apply inline-flex shrink-0 items-center justify-center;
}
.datatables table thead tr th {
    @apply !border-b-0 !bg-primary/10 text-black dark:!bg-primary/20 dark:!text-white-dark;
}

.datatables .table-bordered table thead tr th,
.datatables .table-bordered table tbody tr td {
    @apply !border !border-solid !border-[#f6f7fa] dark:!border-[#191e3a];
}

.datatables .table-compact table thead tr th,
.datatables .table-compact table tbody tr td {
    @apply !py-2 !px-3;
}
/* .datatables table thead tr th.text-center > div {
    @apply text-center;
} */
.datatables .mantine-datatable-pagination {
    @apply border-t-0 !bg-transparent !pt-5;
}
.datatables.pagination-padding .mantine-datatable-pagination {
    @apply !px-5;
}
[dir='rtl'] .datatables .mantine-datatable-scroll-area {
    direction: rtl;
}
.datatables .mantine-datatable-row:hover {
    @apply !bg-[#e0e6ed33] dark:!bg-[#1a2941]/40;
}
.datatables table[data-striped] tbody tr:nth-of-type(odd) {
    @apply bg-white-light/20 dark:!bg-[#1a2941]/40;
}
.datatables table {
    @apply font-nunito !text-black dark:!text-white-dark;
}
.datatables .mantine-Text-root {
    @apply flex-none !font-nunito text-sm font-medium;
}

.datatables .mantine-datatable-header-cell-sortable-icon {
    @apply dark:!text-[#888ea8]/30;
}
.datatables .mantine-datatable-header-cell-sortable-group {
    @apply justify-start;
}
.datatables .mantine-datatable-header-cell-sortable-text {
    @apply flex-grow-0;
}
.datatables .mantine-datatable-header-cell-sortable-group .mantine-UnstyledButton-root {
    @apply hover:bg-inherit dark:!border-[#191e3a] dark:text-white-dark;
}

.datatables th.text-right .mantine-datatable-header-cell-sortable-group {
    @apply !justify-end;
}
.datatables .mantine-datatable-pagination {
    @apply flex-auto justify-end gap-1;
}
.mantine-Menu-dropdown {
    @apply dark:!border-[#191e3a] dark:!bg-[#1a2941] dark:text-white-dark;
}

.mantine-Checkbox-body {
    @apply grid h-5 w-5 min-h-5 min-w-5 shrink-0 place-content-center overflow-hidden rounded border-0 bg-transparent text-primary;
}
.mantine-Checkbox-inner {
    width: 1.25rem !important;
    height: 1.25rem !important;
    min-width: 1.25rem !important;
    min-height: 1.25rem !important;
    flex-shrink: 0;
}
.mantine-Checkbox-inner > .mantine-Checkbox-input {
    @apply !h-5 !w-5 !min-h-5 !min-w-5 shrink-0 border-2 border-white-light bg-transparent dark:!border-[#253b5c];
}
.mantine-Checkbox-inner > .mantine-Checkbox-input:checked {
    @apply !border-primary bg-primary;
}

.datatables .mantine-datatable-pagination .mantine-Select-input {
    @apply rounded border border-white-light outline-0 focus:ring-1 focus:ring-white-light/40;
}
.datatables .mantine-Pagination-control {
    @apply h-9 w-9 rounded-full border-white-light !bg-white-light font-nunito text-sm !text-[#3b3f5c] hover:!bg-primary hover:!text-white dark:border-[#191e3a] dark:!bg-[#191e3a] dark:!text-white;
}
.datatables .mantine-Pagination-control[data-active] {
    @apply !bg-primary !text-white;
}
.mantine-Menu-item .mantine-Text-root {
    @apply text-center font-nunito !text-sm;
}
.mantine-Menu-item {
    @apply hover:bg-primary hover:text-white dark:text-white-dark dark:hover:text-white;
}
.mantine-Menu-arrow {
    @apply dark:!border-[#191e3a];
}
.mantine-Menu-item:disabled {
    @apply !text-[#adb5bd];
}
.mantine-ScrollArea-viewport > div:first-child > div {
    @apply bg-none;
}