/* Data Tables Styling - Admin namespace only */
.admin .data-table-common .datatable-search {
  @apply relative !ml-0 w-100 overflow-hidden rounded;
}
.admin .data-table-one .datatable-search input {
  @apply h-[46px] w-full rounded border border-stroke bg-transparent px-5 outline-none focus:border-primary dark:border-strokedark dark:bg-meta-4 dark:focus:border-primary;
}
.admin .data-table-common .datatable-selector {
  @apply relative z-20 inline-flex bg-transparent p-0 font-medium text-body outline-none dark:text-bodydark;
}
.admin .data-table-common .datatable-top {
  @apply flex flex-col gap-4 border-b border-stroke px-7.5 py-4.5 after:hidden dark:border-strokedark sm:flex-row-reverse sm:items-center sm:justify-between sm:gap-x-4 sm:gap-y-0;
}
.admin .data-table-common .datatable-dropdown label {
  @apply inline-flex items-center gap-2.5 font-medium capitalize text-black dark:text-white;
}
.admin .datatable-table .datatable-sorter {
  @apply before:hidden after:hidden;
}
.admin .datatable-table > thead > tr:first-child > th {
  @apply border-transparent px-2.5 pb-2.5 pt-9 font-medium;
}
.admin .data-table-common .datatable-table > tbody > tr > td:first-child,
.admin .data-table-common .datatable-table > thead > tr > th:first-child {
  @apply pl-8;
}
.admin .data-table-common .datatable-table > tbody > tr > td:last-child,
.admin .data-table-common .datatable-table > thead > tr > th:last-child {
  @apply pr-8;
}
.admin .data-table-common .datatable-table > thead > tr:last-child > th {
  @apply !border-b border-stroke pb-6 dark:border-strokedark;
}
.admin .data-table-common .datatable-table > thead > tr:last-child > th input {
  @apply h-[34px] w-full rounded border border-stroke bg-transparent px-3 text-sm outline-none focus:border-primary dark:border-strokedark dark:bg-meta-4 dark:focus:border-primary;
}
.admin .data-table-common .datatable-table > tbody > tr {
  @apply hover:bg-primary hover:bg-opacity-5;
}
.admin .data-table-one .datatable-table > tbody > tr > td:first-child {
  @apply text-primary dark:text-white;
}
.admin .data-table-common .datatable-table > tbody > tr > td {
  @apply border-b border-stroke py-5 font-medium dark:border-strokedark;
}
.admin .data-table-one .datatable-bottom {
  @apply flex flex-col gap-4 px-8 py-7 after:hidden sm:flex-row-reverse sm:items-center sm:justify-between sm:gap-0 sm:space-x-4;
}
.admin .data-table-common .datatable-wrapper.no-footer .datatable-container {
  @apply border-none;
}
.admin .data-table-common .datatable-info {
  @apply !m-0 font-medium;
}
.admin .data-table-common .datatable-pagination {
  @apply !m-0;
}
.admin .data-table-common .datatable-pagination a {
  @apply flex h-8 w-8 cursor-pointer items-center justify-center rounded p-0 font-medium text-body hover:bg-primary hover:text-white dark:text-bodydark;
}
.admin .data-table-common .datatable-pagination .datatable-active a {
  @apply bg-primary text-white;
}
.admin .data-table-common .datatable-pagination li.datatable-hidden {
  @apply !visible;
}
.admin .data-table-two .datatable-bottom {
  @apply flex flex-col gap-4 px-8 py-7 after:hidden sm:flex-row sm:items-center sm:justify-between sm:gap-0 sm:space-x-4;
}
.admin .data-table-two .datatable-search input {
  @apply h-11.5 w-full rounded border border-stroke bg-whiter px-5 outline-none focus:border-primary dark:border-strokedark dark:bg-meta-4 dark:focus:border-primary;
}

/* Data Table base styles for tables without JS library */
.admin .data-table-common table {
  @apply w-full table-auto;
}
.admin .data-table-common table thead tr th {
  @apply border-b border-stroke px-4 py-4 font-medium text-black dark:border-strokedark dark:text-white;
}
.admin .data-table-common table tbody tr td {
  @apply border-b border-stroke px-4 py-5 dark:border-strokedark;
}
.admin .data-table-common table tbody tr {
  @apply hover:bg-primary hover:bg-opacity-5;
}
.admin .data-table-one table tbody tr td:first-child {
  @apply text-primary dark:text-white;
}
.admin .data-table-two table thead tr th {
  @apply text-left;
}