/* ============================================================
   MEMS Emerald Theme
   Loaded AFTER bootstrap, adminlte and myStyle.css.
   Rebrands the application accent from blue to emerald green.
   ============================================================ */

:root,
[data-bs-theme="light"] {
    /* Bootstrap primary -> emerald */
    --bs-primary: #059669;
    --bs-primary-rgb: 5, 150, 105;
    --bs-primary-text-emphasis: #065f46;
    --bs-primary-bg-subtle: #d1fae5;
    --bs-primary-border-subtle: #a7f3d0;

    --bs-link-color: #047857;
    --bs-link-color-rgb: 4, 120, 87;
    --bs-link-hover-color: #065f46;
    --bs-link-hover-color-rgb: 6, 95, 70;

    --bs-focus-ring-color: rgba(5, 150, 105, 0.25);

    /* AdminLTE sidebar -> emerald active states */
    --lte-sidebar-menu-active-bg: #059669;
    --lte-sidebar-menu-active-color: #ffffff;
    --lte-sidebar-submenu-active-bg: #047857;
    --lte-sidebar-submenu-active-color: #ffffff;
    --lte-sidebar-submenu-bg: transparent;
    --lte-sidebar-submenu-hover-bg: rgba(255, 255, 255, 0.1);
    --lte-sidebar-submenu-hover-color: #ffffff;
    --lte-sidebar-hover-bg: rgba(255, 255, 255, 0.1);
    --lte-sidebar-hover-color: #ffffff;
    --lte-sidebar-active-color: #ffffff;
}

/* Buttons (Bootstrap hard-codes these) */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #059669;
    --bs-btn-border-color: #059669;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #047857;
    --bs-btn-hover-border-color: #047857;
    --bs-btn-focus-shadow-rgb: 5, 150, 105;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #036b51;
    --bs-btn-active-border-color: #036b51;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #059669;
    --bs-btn-disabled-border-color: #059669;
}

.btn-outline-primary {
    --bs-btn-color: #059669;
    --bs-btn-border-color: #059669;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #059669;
    --bs-btn-hover-border-color: #059669;
    --bs-btn-focus-shadow-rgb: 5, 150, 105;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #059669;
    --bs-btn-active-border-color: #059669;
    --bs-btn-disabled-color: #059669;
    --bs-btn-disabled-border-color: #059669;
}

/* Component-level Bootstrap variables that hard-code the blue */
.dropdown-menu,
.dropdown-menu-dark {
    --bs-dropdown-link-active-bg: #059669;
}

.list-group {
    --bs-list-group-active-bg: #059669;
    --bs-list-group-active-border-color: #059669;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #059669;
}

.pagination {
    --bs-pagination-active-bg: #059669;
    --bs-pagination-active-border-color: #059669;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(5, 150, 105, 0.25);
}

.progress,
.progress-stacked {
    --bs-progress-bar-bg: #059669;
}

/* Form controls */
.form-check-input:checked {
    background-color: #059669;
    border-color: #059669;
}

.form-check-input:indeterminate {
    background-color: #059669;
    border-color: #059669;
}

.form-range::-webkit-slider-thumb,
.form-range::-moz-range-thumb {
    background-color: #059669;
}

.form-range:focus::-webkit-slider-thumb,
.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 0.25rem rgba(5, 150, 105, 0.25);
}

/* Hard-coded Bootstrap input focus (blue) -> emerald */
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.form-range:focus,
.ts-control:focus,
.ts-wrapper.focus .ts-control {
    border-color: #059669 !important;
    box-shadow: 0 0 0 0.25rem rgba(5, 150, 105, 0.25) !important;
}

/* Navbar -> deep emerald (overrides myStyle.css gray) */
.app-header.navbar {
    background-color: #065f46 !important;
}

/* Sidebar active menu insurance */
.sidebar-menu > .nav-item > .nav-link.active {
    background-color: #059669 !important;
    color: #fff !important;
}

.sidebar-wrapper .nav-treeview .nav-link.active {
    background-color: #047857 !important;
    color: #fff !important;
}

/* Tom Select */
.ts-dropdown .active {
    background-color: #059669 !important;
    color: #fff !important;
}

/* flatpickr selected day (hard-coded blue) -> emerald */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: #059669;
    border-color: #059669;
}

/* myStyle.css cyan accents -> emerald */
.table-header {
    background-color: #059669 !important;
}

.modalPopup {
    border-color: #059669 !important;
}

.modalPopup .header {
    background-color: #059669 !important;
}

/* Login page -> emerald gradient */
.login-page {
    background: linear-gradient(135deg, #059669 0%, #10b981 50%, #047857 100%) !important;
}

.login-page .form-control:focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 0.2rem rgba(5, 150, 105, 0.15) !important;
}