[data-bs-theme="light"] {
   .brand-logo {
      width: 110px;
      height: 32px;
      background-image: url('../img/brand-logo.svg');
      background-size: contain;
      background-repeat: no-repeat;
      display: fit-content;
   }
}

[data-bs-theme="dark"] {
   .brand-logo {
      width: 110px;
      height: 32px;
      background-image: url('../img/brand-logo-light.svg');
      background-size: contain;
      background-repeat: no-repeat;
      display: fit-content;
   }
}

.brand-logo-auth {
   width: 110px;
   height: 110px;
   background-image: url('../img/brand-logo.png');
   background-size: contain;
   background-repeat: no-repeat;
   display: fit-content;
}

.brand-logo {
   width: 110px;
   height: 32px;
   background-image: url('../img/brand-logo.svg');
   background-size: contain;
   background-repeat: no-repeat;
   display: fit-content;
}

.dt-search {
   display: none;
}

.dt-info {
   padding: 1rem 1.5rem;
   --tblr-text-opacity: 1;
   color: color-mix(in srgb, var(--tblr-secondary) calc(var(--tblr-text-opacity) * 100%), transparent) !important;
   /* background-color: var(--tblr-card-cap-bg); */
}

.dt-container .row.mt-2.justify-content-between:nth-of-type(1),
.dt-layout-table {
   margin-top: 0 !important;
}

.dt-layout-full {
   padding: 0 0 !important;
}

table.dataTable thead>tr>th.dt-orderable-asc:hover,
table.dataTable thead>tr>th.dt-orderable-desc:hover,
table.dataTable thead>tr>td.dt-orderable-asc:hover,
table.dataTable thead>tr>td.dt-orderable-desc:hover {
   outline: 0px solid rgba(0, 0, 0, 0.05);
   outline-offset: 0px;
}

table.dataTable thead {
   background-color: var(--tblr-card-cap-bg);
   /* Contoh warna abu-abu */
}

.dt-container .row.mt-2.justify-content-between:nth-of-type(3) {
   margin-top: 0 !important;
   color: var(--tblr-card-cap-color);
   background-color: var(--tblr-card-cap-bg);
   /* Contoh warna abu-abu */
}

/* ========================================
   Select2 - Tabler.io Style Integration
   ======================================== */

/* Main Select2 Container */
.select2-container--default .select2-selection--single {
   height: calc(2.25rem + calc(var(--tblr-border-width) * 2));
   padding: 0.4375rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 400;
   line-height: 1.4285714286;
   color: var(--tblr-body-color);
   background-color: var(--tblr-bg-forms);
   background-clip: padding-box;
   border: var(--tblr-border-width) solid var(--tblr-border-color);
   border-radius: var(--tblr-border-radius);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Selected text rendering */
.select2-container--default .select2-selection--single .select2-selection__rendered {
   color: var(--tblr-body-color);
   line-height: 1.4285714286;
   padding-left: 0;
   padding-right: 28px;
}

/* Placeholder text */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
   color: var(--tblr-secondary);
}

/* Dropdown arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow {
   height: calc(2.25rem + calc(var(--tblr-border-width) * 2) - 2px);
   right: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-color: var(--tblr-secondary) transparent transparent transparent;
   border-width: 5px 4px 0 4px;
}

/* Focus state */
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--single:focus {
   border-color: var(--tblr-primary);
   box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
   outline: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent var(--tblr-secondary) transparent;
   border-width: 0 4px 5px 4px;
}

/* Dropdown container */
.select2-container--default .select2-dropdown {
   background-color: var(--tblr-bg-surface);
   border: var(--tblr-border-width) solid var(--tblr-border-color);
   border-radius: var(--tblr-border-radius);
   box-shadow: var(--tblr-box-shadow-dropdown);
}

/* Search input inside dropdown */
.select2-container--default .select2-search--dropdown .select2-search__field {
   padding: 0.4375rem 0.75rem;
   font-size: 0.875rem;
   line-height: 1.4285714286;
   color: var(--tblr-body-color);
   background-color: var(--tblr-bg-forms);
   border: var(--tblr-border-width) solid var(--tblr-border-color);
   border-radius: var(--tblr-border-radius);
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
   border-color: var(--tblr-primary);
   box-shadow: 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
   outline: 0;
}

/* Dropdown options */
.select2-container--default .select2-results__option {
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
   color: var(--tblr-body-color);
}

/* Highlighted option (hover) */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: var(--tblr-primary);
   color: #fff;
}

/* Selected option */
.select2-container--default .select2-results__option--selected {
   background-color: var(--tblr-bg-surface-secondary);
}

/* No results message */
.select2-container--default .select2-results__message {
   color: var(--tblr-secondary);
   padding: 0.5rem 0.75rem;
}

/* Disabled state */
.select2-container--default.select2-container--disabled .select2-selection--single {
   background-color: var(--tblr-bg-surface-secondary);
   cursor: not-allowed;
}

/* Multi-select styling */
.select2-container--default .select2-selection--multiple {
   min-height: calc(2.25rem + calc(var(--tblr-border-width) * 2));
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   color: var(--tblr-body-color);
   background-color: var(--tblr-bg-forms);
   border: var(--tblr-border-width) solid var(--tblr-border-color);
   border-radius: var(--tblr-border-radius);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
   background-color: var(--tblr-primary);
   border: none;
   border-radius: var(--tblr-border-radius-sm);
   color: #fff;
   padding: 0.125rem 0.5rem;
   margin: 0.125rem;
   font-size: 0.8125rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   color: #fff;
   opacity: 0.7;
   margin-right: 0.25rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
   color: #fff;
   opacity: 1;
}

/* Width fix - ensure full width */
.select2-container {
   width: 100% !important;
}

/* Dark mode specific adjustments */
[data-bs-theme="dark"] .select2-container--default .select2-selection--single,
[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple {
   background-color: var(--tblr-bg-forms);
   border-color: var(--tblr-border-color);
}

[data-bs-theme="dark"] .select2-container--default .select2-dropdown {
   background-color: var(--tblr-bg-surface);
   border-color: var(--tblr-border-color);
}

[data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
   background-color: var(--tblr-bg-forms);
   border-color: var(--tblr-border-color);
   color: var(--tblr-body-color);
}

[data-bs-theme="dark"] .select2-container--default .select2-results__option--selected {
   background-color: var(--tblr-bg-surface-secondary);
}

.table-responsive {
   min-height: 400px;
}