@charset "UTF-8";
/* CSS Document */
/* #sticky{
    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
    background-color: #fff;
    padding-bottom: 0;
} */
/* dashboard */
/* .small-box {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.125), 0 0px 0px rgba(0, 0, 0, 0.2) !important;
} */

.nav-section {
    color: #d0d4db;
    overflow: hidden;
    text-overflow: clip;
    background: inherit;
    padding: 1rem 1rem 0.5rem;
    border-bottom: 1px solid #979899;
    margin-bottom: 5px;
}
.error-message {
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
}
.multiselect.is-invalid .multiselect__tags {
    border-color: #dc3545 !important;
}
.compact-table th,
.compact-table td {
    padding: 2px 4px !important; /* reduce inner space */
    font-size: 14px !important; /* smaller text */
    white-space: nowrap; /* prevent multi-line */
}

@media (max-width: 767px) {
    .table-responsive .dropdown-menu {
        position: static !important;
    }
}
@media (min-width: 768px) {
    .table-responsive {
        overflow: inherit;
    }
}

/* ===== Dark Mode: Scrollbar ===== */
[data-bs-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
[data-bs-theme="dark"] ::-webkit-scrollbar-track {
    background: #1e2228;
}
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #4a5568;
    border-radius: 4px;
}
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #6c7a8f;
}
[data-bs-theme="dark"] ::-webkit-scrollbar-corner {
    background: #1e2228;
}

/* ===== Dark Mode: AdminLTE overrides ===== */
[data-bs-theme="dark"] .content-wrapper {
    background-color: #1e2228;
    color: #e9ecef;
}

[data-bs-theme="dark"] .card {
    background-color: #2b3040 !important;
    border-color: #3d4560 !important;
    color: #e9ecef !important;
}

[data-bs-theme="dark"] .card-header {
    background-color: #232938;
    border-color: #3d4560;
    color: #e9ecef;
}

[data-bs-theme="dark"] .card-footer {
    background-color: #232938;
    border-color: #3d4560;
    color: #ced4da;
}

[data-bs-theme="dark"] .main-footer {
    background-color: #1e2228 !important;
    border-top-color: #3d4560 !important;
    color: #ced4da !important;
}

/* Tables */
[data-bs-theme="dark"] .table {
    --bs-table-color: #e9ecef;
    --bs-table-bg: transparent;
    --bs-table-border-color: #3d4560;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.05);
    --bs-table-striped-color: #e9ecef;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.08);
    --bs-table-hover-color: #e9ecef;
    color: #e9ecef;
    border-color: #3d4560;
}

[data-bs-theme="dark"] .table > :not(caption) > * > * {
    border-bottom-color: #3d4560;
}

[data-bs-theme="dark"] thead.thead-light,
[data-bs-theme="dark"] thead.bg-light {
    background-color: #2e3650 !important;
    color: #e9ecef !important;
}

[data-bs-theme="dark"] thead.bg-light th {
    color: #e9ecef !important;
}

/* Forms & inputs */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .custom-select,
[data-bs-theme="dark"] .input-group-text {
    background-color: #2b3040;
    border-color: #4a5568;
    color: #e9ecef;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #323b52;
    border-color: #6c7eb0;
    color: #e9ecef;
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: #8896aa;
}

/* Dropdowns */
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #2b3040;
    border-color: #3d4560;
}

[data-bs-theme="dark"] .dropdown-item {
    color: #e9ecef;
}

[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
    background-color: #3d4560;
    color: #fff;
}

[data-bs-theme="dark"] .dropdown-divider {
    border-color: #3d4560;
}

[data-bs-theme="dark"] .dropdown-header {
    color: #adb5bd;
}

/* Modals */
[data-bs-theme="dark"] .modal-content {
    background-color: #2b3040;
    border-color: #3d4560;
    color: #e9ecef;
}

[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
    border-color: #3d4560;
}

/* Pagination */
[data-bs-theme="dark"] .page-link {
    background-color: #2b3040;
    border-color: #3d4560;
    color: #a0b4e0;
}

[data-bs-theme="dark"] .page-link:hover {
    background-color: #3d4560;
    color: #fff;
}

[data-bs-theme="dark"] .page-item.active .page-link {
    background-color: #4a6fa5;
    border-color: #4a6fa5;
}

[data-bs-theme="dark"] .page-item.disabled .page-link {
    background-color: #232938;
    color: #6c757d;
}

/* Tabs */
[data-bs-theme="dark"] .nav-tabs {
    border-color: #3d4560;
}

[data-bs-theme="dark"] .nav-tabs .nav-link {
    color: #adb5bd;
}

[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    background-color: #2b3040;
    border-color: #3d4560 #3d4560 #2b3040;
    color: #e9ecef;
}

/* Badges */
[data-bs-theme="dark"] .badge.badge-secondary {
    background-color: #4a5568;
}

/* Small box (dashboard widgets) */
[data-bs-theme="dark"] .small-box {
    background-color: #2b3040 !important;
}

[data-bs-theme="dark"] .small-box .inner h3,
[data-bs-theme="dark"] .small-box .inner p {
    color: #e9ecef;
}

/* ===== Dark Mode: vue-multiselect overrides ===== */
[data-bs-theme="dark"] .multiselect {
    color: #e9ecef;
}

[data-bs-theme="dark"] .multiselect__spinner {
    background: #2b3040;
}

[data-bs-theme="dark"] .multiselect__tags {
    background: #2b3040 !important;
    border-color: #4a5568 !important;
    color: #e9ecef !important;
}

[data-bs-theme="dark"] .multiselect__input,
[data-bs-theme="dark"] .multiselect__single {
    background: #2b3040 !important;
    color: #e9ecef !important;
}

[data-bs-theme="dark"] .multiselect__input::placeholder {
    color: #8896aa;
}

[data-bs-theme="dark"] .multiselect__placeholder {
    color: #8896aa;
}

[data-bs-theme="dark"] .multiselect__select::before {
    border-color: #adb5bd transparent transparent transparent;
}

[data-bs-theme="dark"] .multiselect__content-wrapper {
    background: #2b3040;
    border-color: #4a5568;
}

[data-bs-theme="dark"] .multiselect__option {
    color: #e9ecef;
    background: #2b3040;
}

[data-bs-theme="dark"] .multiselect__option--highlight {
    background: #41b883;
    color: #fff;
}

[data-bs-theme="dark"] .multiselect__option--highlight::after {
    background: #41b883;
    color: #fff;
}

[data-bs-theme="dark"] .multiselect__option--selected {
    background: #3d4560;
    color: #e9ecef;
}

[data-bs-theme="dark"] .multiselect__option--selected::after {
    background: #3d4560;
    color: #adb5bd;
}

[data-bs-theme="dark"] .multiselect__option--selected.multiselect__option--highlight {
    background: #c0392b;
    color: #fff;
}

[data-bs-theme="dark"] .multiselect__option--selected.multiselect__option--highlight::after {
    background: #c0392b;
    color: #fff;
}

[data-bs-theme="dark"] .multiselect__option--disabled {
    background: #1e2228 !important;
    color: #6c757d !important;
}

[data-bs-theme="dark"] .multiselect__option--group {
    background: #232938;
    color: #adb5bd;
}

[data-bs-theme="dark"] .multiselect__option--group.multiselect__option--highlight {
    background: #4a5568;
    color: #fff;
}

[data-bs-theme="dark"] .multiselect__option--group.multiselect__option--highlight::after {
    background: #4a5568;
}

[data-bs-theme="dark"] .multiselect--disabled {
    background: #1e2228;
    opacity: 0.6;
}

[data-bs-theme="dark"] .multiselect--disabled .multiselect__current,
[data-bs-theme="dark"] .multiselect--disabled .multiselect__select {
    background: #1e2228;
    color: #6c757d;
}

[data-bs-theme="dark"] .multiselect__current {
    border-color: #4a5568;
    background: #2b3040;
    color: #e9ecef;
}

/* ===== Dark Mode: btn-default ===== */
[data-bs-theme="dark"] .btn-default {
    background-color: #3d4560 !important;
    color: #e9ecef !important;
    border-color: #4a5568 !important;
}
[data-bs-theme="dark"] .btn-default:hover,
[data-bs-theme="dark"] .btn-default:focus {
    background-color: #4a5568 !important;
    color: #fff !important;
}

/* ===== Dark Mode: multiselect group list ===== */
[data-bs-theme="dark"] .multiselect__option--group-selected {
    background: #3d4560 !important;
    color: #e9ecef !important;
}

/* ===== Dark Mode: VueDatePicker overrides ===== */
[data-bs-theme="dark"] .dp__theme_light {
    --dp-background-color: #2b3040;
    --dp-text-color: #e9ecef;
    --dp-hover-color: #3d4560;
    --dp-hover-text-color: #e9ecef;
    --dp-hover-icon-color: #e9ecef;
    --dp-primary-color: #41b883;
    --dp-primary-disabled-color: #1d6644;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #3d4560;
    --dp-border-color: #4a5568;
    --dp-menu-border-color: #4a5568;
    --dp-border-color-hover: #86b7fe;
    --dp-border-color-focus: #86b7fe;
    --dp-disabled-color: #1e2228;
    --dp-disabled-color-text: #6c757d;
    --dp-scroll-bar-background: #2b3040;
    --dp-scroll-bar-color: #4a5568;
    --dp-success-color: #41b883;
    --dp-success-color-disabled: #1d6644;
    --dp-icon-color: #e9ecef;
    --dp-danger-color: #c0392b;
    --dp-highlight-color: rgba(65, 184, 131, 0.1);
    --dp-range-between-dates-background-color: rgba(65, 184, 131, 0.1);
    --dp-range-between-dates-text-color: #e9ecef;
    --dp-range-between-border-color: rgba(65, 184, 131, 0.1);
}

[data-bs-theme="dark"] .dp__input {
    background-color: #2b3040 !important;
    color: #e9ecef !important;
    border-color: #4a5568 !important;
}

[data-bs-theme="dark"] .dp__input::placeholder {
    color: #8896aa !important;
}

[data-bs-theme="dark"] .dp__input_icon,
[data-bs-theme="dark"] .dp__clear_icon {
    color: #8896aa;
}

[data-bs-theme="dark"] .dp__menu {
    background-color: #2b3040;
    border-color: #4a5568;
    color: #e9ecef;
}

[data-bs-theme="dark"] .dp__calendar_header_item,
[data-bs-theme="dark"] .dp__calendar_header_separator {
    color: #adb5bd;
}

[data-bs-theme="dark"] .dp__cell_inner {
    color: #e9ecef;
}

[data-bs-theme="dark"] .dp__cell_inner:hover {
    background: #3d4560;
}

[data-bs-theme="dark"] .dp__today {
    border-color: #41b883;
}

[data-bs-theme="dark"] .dp__active_date {
    background: #41b883;
    color: #fff;
}

[data-bs-theme="dark"] .dp__month_year_select:hover,
[data-bs-theme="dark"] .dp__year_select:hover {
    background: #3d4560;
}

[data-bs-theme="dark"] .dp__overlay {
    background: #2b3040;
    color: #e9ecef;
}

[data-bs-theme="dark"] .dp__overlay_cell:hover {
    background: #3d4560;
}

[data-bs-theme="dark"] .dp__action_button {
    color: #e9ecef;
}

[data-bs-theme="dark"] .dp__action_button:hover {
    background: #3d4560;
}

[data-bs-theme="dark"] .dp__action_select {
    background: #41b883;
    color: #fff;
}

[data-bs-theme="dark"] .dp__disabled {
    color: #6c757d;
}

/* ===== Light Mode explicit (AdminLTE default) ===== */
[data-bs-theme="light"] .content-wrapper {
    background-color: #f4f6f9;
}

[data-bs-theme="light"] .card {
    background-color: #fff;
}

[data-bs-theme="light"] .card-header {
    background-color: rgba(0, 0, 0, 0.03);
}