/* ================================================================
   MGRA Smart — Dual Theme System
   Default: Signature Dark Green Theme
   Toggleable: Crisp Light Emerald Theme
   ================================================================ */

/* ================================================================
   1. CSS VARIABLES
   ================================================================ */

/* ── Default & Dark Mode Variables ──────────────────────────────── */
:root,
[data-bs-theme="dark"],
body[data-bs-theme="dark"],
:root:not([data-bs-theme="light"]) {
    --mgra-bg: #060e06;
    --mgra-surface: #0c1c0c;
    --mgra-surface-2: #0f2410;
    --mgra-border: #1c3c1c;
    --mgra-green: #3dba5e;
    --mgra-green-dim: #2a8a42;
    --mgra-accent: #e8972b;
    --mgra-blue: #4a9eda;
    --mgra-red: #e05555;
    --mgra-text: #d0e8d0;
    --mgra-muted: #6b9b6b;

    /* Bootstrap Overrides */
    --bs-body-bg: #060e06;
    --bs-body-color: #d0e8d0;
    --bs-secondary-color: #6b9b6b;
    --bs-secondary-bg: #0f2410;
    --bs-tertiary-bg: #0c1c0c;
    --bs-border-color: #1c3c1c;
    --bs-primary: #3dba5e;
    --bs-white: #d0e8d0;
    --bs-light: #0f2410;
    --bs-dark: #060e06;

    /* Card */
    --bs-card-bg: #0c1c0c;
    --bs-card-border-color: #1c3c1c;

    /* Header / Topbar */
    --bs-header-bg: #0a180a;
    --bs-header-item-color: #a0c8a0;
    --bs-header-item-sub-color: #6b9b6b;
    --bs-header-dark-item-color: #d0e8d0;
    --bs-topbar-search-bg: #0f2410;
    --bs-topbar-dark-search-bg: #0f2410;
    --bs-search-border-color: #1c3c1c;

    /* Sidebar */
    --bs-sidebar-bg: #080e08;
    --bs-sidebar-border-color: #162816;
    --bs-sidebar-dark-bg: #060e06;
    --bs-sidebar-alert: #0f2410;
    --bs-sidebar-menu-item-color: #7aab7a;
    --bs-sidebar-menu-item-icon-color: #4a7a4a;
    --bs-sidebar-menu-item-icon-effact-color: rgba(61, 186, 94, 0.15);
    --bs-sidebar-menu-item-hover-color: #d0e8d0;
    --bs-sidebar-menu-item-hover-effact-color: rgba(61, 186, 94, 0.25);
    --bs-sidebar-menu-sub-item-color: #6b9b6b;
    --bs-sidebar-menu-item-active-color: #3dba5e;
    --bs-sidebar-menu-item-active-bg-color: rgba(61, 186, 94, 0.12);
    --bs-sidebar-menu-item-active-bg-color-dark: rgba(61, 186, 94, 0.18);
    --bs-sidebar-menu-item-active-effact-color: rgba(61, 186, 94, 0.3);
    --bs-sidebar-dark-menu-item-color: #7aab7a;
    --bs-sidebar-dark-menu-item-hover-color: #d0e8d0;
    --bs-sidebar-dark-menu-item-active-color: #3dba5e;
    --bs-sidebar-dark-menu-icon-color: #4a7a4a;
    --bs-sidebar-dark-menu-sub-item-color: #6b9b6b;

    /* Footer */
    --bs-footer-bg: #060e06;
    --bs-footer-color: #6b9b6b;
    --bs-footer-border-color: #1c3c1c;

    /* Table */
    --bs-table-bg: #0c1c0c;
    --bs-table-color: #d0e8d0;
    --bs-table-border-color: #1c3c1c;
    --bs-table-hover-bg: rgba(61, 186, 94, 0.07);
    --bs-table-hover-color: #d0e8d0;
    --bs-table-striped-bg: rgba(61, 186, 94, 0.05);
    --bs-table-striped-color: #d0e8d0;
    --bs-table-active-bg: rgba(61, 186, 94, 0.1);
    --bs-table-active-color: #d0e8d0;

    --bs-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);
}

/* ── Light Mode Variables ─────────────────────────────────────────── */
[data-bs-theme="light"],
body[data-bs-theme="light"] {
    --mgra-bg: #f5f8f5;
    --mgra-surface: #ffffff;
    --mgra-surface-2: #edf3ed;
    --mgra-border: #dbe4db;
    --mgra-green: #2e7d32;
    --mgra-green-dim: #1b5e20;
    --mgra-accent: #e67e22;
    --mgra-blue: #1976d2;
    --mgra-red: #d32f2f;
    --mgra-text: #1e293b;
    --mgra-muted: #64748b;

    /* Bootstrap Overrides */
    --bs-body-bg: #f5f8f5;
    --bs-body-color: #1e293b;
    --bs-secondary-color: #64748b;
    --bs-secondary-bg: #edf3ed;
    --bs-tertiary-bg: #ffffff;
    --bs-border-color: #dbe4db;
    --bs-primary: #2e7d32;
    --bs-white: #ffffff;
    --bs-light: #f8fafc;
    --bs-dark: #1e293b;

    /* Card */
    --bs-card-bg: #ffffff;
    --bs-card-border-color: #e2e8e2;

    /* Header / Topbar */
    --bs-header-bg: #ffffff;
    --bs-header-item-color: #475569;
    --bs-header-item-sub-color: #64748b;
    --bs-header-dark-item-color: #1e293b;
    --bs-topbar-search-bg: #f1f5f1;
    --bs-topbar-dark-search-bg: #f1f5f1;
    --bs-search-border-color: #d1d5db;

    /* Sidebar */
    --bs-sidebar-bg: #ffffff;
    --bs-sidebar-border-color: #e2e8e2;
    --bs-sidebar-dark-bg: #1e293b;
    --bs-sidebar-alert: #f0fdf4;
    --bs-sidebar-menu-item-color: #4b5563;
    --bs-sidebar-menu-item-icon-color: #6b7280;
    --bs-sidebar-menu-item-icon-effact-color: rgba(46, 125, 50, 0.15);
    --bs-sidebar-menu-item-hover-color: #2e7d32;
    --bs-sidebar-menu-item-hover-effact-color: rgba(46, 125, 50, 0.25);
    --bs-sidebar-menu-sub-item-color: #6b7280;
    --bs-sidebar-menu-item-active-color: #2e7d32;
    --bs-sidebar-menu-item-active-bg-color: rgba(46, 125, 50, 0.08);
    --bs-sidebar-menu-item-active-bg-color-dark: rgba(46, 125, 50, 0.15);

    /* Footer */
    --bs-footer-bg: #ffffff;
    --bs-footer-color: #64748b;
    --bs-footer-border-color: #e2e8e2;

    /* Table */
    --bs-table-bg: #ffffff;
    --bs-table-color: #1e293b;
    --bs-table-border-color: #e2e8e2;
    --bs-table-hover-bg: rgba(46, 125, 50, 0.04);
    --bs-table-hover-color: #1e293b;
    --bs-table-striped-bg: #f9fafb;
    --bs-table-striped-color: #1e293b;

    --bs-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}

/* ================================================================
   2. THEME SWITCHER BUTTON ICONS
   ================================================================ */
[data-bs-theme="light"] .layout-mode-dark {
    display: inline-block !important;
    color: #475569 !important;
}
[data-bs-theme="light"] .layout-mode-light {
    display: none !important;
}

:root:not([data-bs-theme="light"]) .layout-mode-dark,
[data-bs-theme="dark"] .layout-mode-dark {
    display: none !important;
}
:root:not([data-bs-theme="light"]) .layout-mode-light,
[data-bs-theme="dark"] .layout-mode-light {
    display: inline-block !important;
    color: #ffbf53 !important;
}

/* ================================================================
   3. SHARED CORE UTILITIES
   ================================================================ */
.default-img { max-width: 80px; }
.search-form { margin: 30px auto; }
[dir=rtl] input { text-align: start !important; }

/* Buttons */
.btn-primary {
    background-color: var(--mgra-green) !important;
    border-color: var(--mgra-green) !important;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--mgra-green-dim) !important;
    border-color: var(--mgra-green-dim) !important;
    color: #ffffff !important;
}
.btn-soft-primary {
    background-color: rgba(46, 125, 50, 0.15) !important;
    color: var(--mgra-green) !important;
    border-color: rgba(46, 125, 50, 0.25) !important;
}
.btn-soft-primary:hover {
    background-color: rgba(46, 125, 50, 0.28) !important;
    color: var(--mgra-green) !important;
}

/* Badges */
.badge.bg-primary { background-color: var(--mgra-green) !important; color: #ffffff !important; }
.badge.bg-success { background-color: #2e7d32 !important; color: #ffffff !important; }
.badge.bg-danger { background-color: #d32f2f !important; color: #ffffff !important; }
.badge.bg-warning { background-color: #e8972b !important; color: #ffffff !important; }
.badge.bg-info { background-color: #2e7d32 !important; color: #ffffff !important; }

.bg-success-subtle { background-color: rgba(46, 125, 50, 0.15) !important; color: #2e7d32 !important; }
.bg-danger-subtle { background-color: rgba(211, 47, 47, 0.15) !important; color: #d32f2f !important; }
.bg-warning-subtle { background-color: rgba(232, 151, 43, 0.15) !important; color: #e8972b !important; }
.bg-primary-subtle { background-color: rgba(46, 125, 50, 0.15) !important; color: var(--mgra-green) !important; }

.text-success { color: var(--mgra-green) !important; }
.text-danger { color: #e05555 !important; }
.text-warning { color: #e8972b !important; }
.text-primary { color: var(--mgra-green) !important; }
.text-info { color: #4a9eda !important; }

/* ================================================================
   4. DEFAULT & DARK THEME STYLING
   ================================================================ */
:root:not([data-bs-theme="light"]) body,
:root:not([data-bs-theme="light"]) #layout-wrapper,
:root:not([data-bs-theme="light"]) .main-content,
:root:not([data-bs-theme="light"]) .page-content,
:root:not([data-bs-theme="light"]) .container-fluid,
[data-bs-theme="dark"] body,
[data-bs-theme="dark"] #layout-wrapper,
[data-bs-theme="dark"] .main-content,
[data-bs-theme="dark"] .page-content,
[data-bs-theme="dark"] .container-fluid {
    background-color: #060e06 !important;
    color: #d0e8d0;
}

:root:not([data-bs-theme="light"]) #page-topbar,
[data-bs-theme="dark"] #page-topbar {
    background-color: #0a180a !important;
    border-bottom: 1px solid #162816 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5) !important;
}

:root:not([data-bs-theme="light"]) .navbar-brand-box,
[data-bs-theme="dark"] .navbar-brand-box {
    background: #080e08 !important;
    border-left: 1px solid #162816 !important;
}

:root:not([data-bs-theme="light"]) .header-item,
:root:not([data-bs-theme="light"]) .header-item i,
[data-bs-theme="dark"] .header-item,
[data-bs-theme="dark"] .header-item i {
    color: #a0c8a0 !important;
    align-content: center;
}

:root:not([data-bs-theme="light"]) .header-item:hover,
:root:not([data-bs-theme="light"]) .header-item:hover i,
[data-bs-theme="dark"] .header-item:hover,
[data-bs-theme="dark"] .header-item:hover i {
    color: #3dba5e !important;
}

:root:not([data-bs-theme="light"]) .app-search .form-control,
[data-bs-theme="dark"] .app-search .form-control {
    background-color: #0f2410 !important;
    border: 1px solid #1c3c1c !important;
    color: #d0e8d0 !important;
    text-align: start;
}

:root:not([data-bs-theme="light"]) .app-search span,
[data-bs-theme="dark"] .app-search span {
    color: #6b9b6b !important;
}

:root:not([data-bs-theme="light"]) .vertical-menu,
:root:not([data-bs-theme="light"]) #sidebar-menu,
[data-bs-theme="dark"] .vertical-menu,
[data-bs-theme="dark"] #sidebar-menu {
    background: #080e08 !important;
}

:root:not([data-bs-theme="light"]) #sidebar-menu ul li a,
[data-bs-theme="dark"] #sidebar-menu ul li a {
    color: #7aab7a !important;
}

:root:not([data-bs-theme="light"]) #sidebar-menu ul li a:hover,
:root:not([data-bs-theme="light"]) #sidebar-menu ul li a:hover i,
:root:not([data-bs-theme="light"]) #sidebar-menu ul li a:hover svg,
[data-bs-theme="dark"] #sidebar-menu ul li a:hover,
[data-bs-theme="dark"] #sidebar-menu ul li a:hover i,
[data-bs-theme="dark"] #sidebar-menu ul li a:hover svg {
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) #sidebar-menu ul li a i,
:root:not([data-bs-theme="light"]) #sidebar-menu ul li a svg,
[data-bs-theme="dark"] #sidebar-menu ul li a i,
[data-bs-theme="dark"] #sidebar-menu ul li a svg {
    color: #4a7a4a !important;
    fill: rgba(61, 186, 94, 0.12);
}

:root:not([data-bs-theme="light"]) #sidebar-menu ul li.mm-active>a,
:root:not([data-bs-theme="light"]) #sidebar-menu ul li.mm-active>a i,
:root:not([data-bs-theme="light"]) #sidebar-menu ul li.mm-active>a svg,
[data-bs-theme="dark"] #sidebar-menu ul li.mm-active>a,
[data-bs-theme="dark"] #sidebar-menu ul li.mm-active>a i,
[data-bs-theme="dark"] #sidebar-menu ul li.mm-active>a svg {
    color: #3dba5e !important;
    fill: rgba(61, 186, 94, 0.22);
}

:root:not([data-bs-theme="light"]) #sidebar-menu ul li ul.sub-menu li a,
[data-bs-theme="dark"] #sidebar-menu ul li ul.sub-menu li a {
    color: #6b9b6b !important;
}

:root:not([data-bs-theme="light"]) #sidebar-menu ul li ul.sub-menu li a:hover,
[data-bs-theme="dark"] #sidebar-menu ul li ul.sub-menu li a:hover {
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) .card,
:root:not([data-bs-theme="light"]) .card-body,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .card-body {
    background-color: #0c1c0c !important;
    border: 1px solid #1c3c1c !important;
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) .card-title,
:root:not([data-bs-theme="light"]) .card-header,
:root:not([data-bs-theme="light"]) .card-footer,
[data-bs-theme="dark"] .card-title,
[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .card-footer {
    color: #d0e8d0 !important;
    border-color: #1c3c1c !important;
    background-color: transparent !important;
}

:root:not([data-bs-theme="light"]) .table,
[data-bs-theme="dark"] .table {
    color: #d0e8d0 !important;
    border-color: #1c3c1c !important;
}

:root:not([data-bs-theme="light"]) .table th,
[data-bs-theme="dark"] .table th {
    color: #6b9b6b !important;
    border-color: #1c3c1c !important;
    background-color: #0a160a !important;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

:root:not([data-bs-theme="light"]) .table td,
[data-bs-theme="dark"] .table td {
    border-color: #1c3c1c !important;
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) .table-hover tbody tr:hover td,
[data-bs-theme="dark"] .table-hover tbody tr:hover td {
    background-color: rgba(61, 186, 94, 0.07) !important;
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) .table-striped tbody tr:nth-of-type(odd) td,
[data-bs-theme="dark"] .table-striped tbody tr:nth-of-type(odd) td {
    background-color: rgba(61, 186, 94, 0.04) !important;
}

:root:not([data-bs-theme="light"]) .form-control,
:root:not([data-bs-theme="light"]) .form-select,
:root:not([data-bs-theme="light"]) .input-group-text,
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .input-group-text {
    background-color: #0c1c0c !important;
    border-color: #1c3c1c !important;
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) .form-control:focus,
:root:not([data-bs-theme="light"]) .form-select:focus,
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #0f2410 !important;
    border-color: #3dba5e !important;
    box-shadow: 0 0 0 0.2rem rgba(61, 186, 94, 0.2) !important;
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) .form-control::placeholder,
[data-bs-theme="dark"] .form-control::placeholder {
    color: #4a7a4a !important;
}

:root:not([data-bs-theme="light"]) .form-label,
:root:not([data-bs-theme="light"]) label,
[data-bs-theme="dark"] .form-label,
[data-bs-theme="dark"] label {
    color: #9ab89a !important;
}

:root:not([data-bs-theme="light"]) .dropdown-menu,
[data-bs-theme="dark"] .dropdown-menu {
    background-color: #0c1c0c !important;
    border: 1px solid #1c3c1c !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
}

:root:not([data-bs-theme="light"]) .dropdown-item,
[data-bs-theme="dark"] .dropdown-item {
    color: #a0c8a0 !important;
}

:root:not([data-bs-theme="light"]) .dropdown-item:hover,
:root:not([data-bs-theme="light"]) .dropdown-item:focus,
[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
    background-color: rgba(61, 186, 94, 0.1) !important;
    color: #3dba5e !important;
}

:root:not([data-bs-theme="light"]) .modal-content,
[data-bs-theme="dark"] .modal-content {
    background-color: #0c1c0c !important;
    border: 1px solid #1c3c1c !important;
}

:root:not([data-bs-theme="light"]) .modal-header,
:root:not([data-bs-theme="light"]) .modal-footer,
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer {
    border-color: #1c3c1c !important;
    background-color: #0a160a !important;
}

:root:not([data-bs-theme="light"]) .modal-title,
[data-bs-theme="dark"] .modal-title {
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) .btn-close,
[data-bs-theme="dark"] .btn-close {
    filter: invert(1) brightness(0.6);
}

:root:not([data-bs-theme="light"]) .breadcrumb-item a,
[data-bs-theme="dark"] .breadcrumb-item a {
    color: #6b9b6b !important;
}

:root:not([data-bs-theme="light"]) .breadcrumb-item.active,
[data-bs-theme="dark"] .breadcrumb-item.active {
    color: #3dba5e !important;
}

:root:not([data-bs-theme="light"]) .page-title-box h4,
[data-bs-theme="dark"] .page-title-box h4 {
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) .page-link,
[data-bs-theme="dark"] .page-link {
    background-color: #0c1c0c !important;
    border-color: #1c3c1c !important;
    color: #6b9b6b !important;
}

:root:not([data-bs-theme="light"]) .page-link:hover,
[data-bs-theme="dark"] .page-link:hover {
    background-color: #0f2410 !important;
    color: #3dba5e !important;
    border-color: #2a5a2a !important;
}

:root:not([data-bs-theme="light"]) .page-item.active .page-link,
[data-bs-theme="dark"] .page-item.active .page-link {
    background-color: #3dba5e !important;
    border-color: #3dba5e !important;
    color: #060e06 !important;
}

:root:not([data-bs-theme="light"]) .nav-tabs,
[data-bs-theme="dark"] .nav-tabs {
    border-color: #1c3c1c !important;
}

:root:not([data-bs-theme="light"]) .nav-tabs .nav-link.active,
[data-bs-theme="dark"] .nav-tabs .nav-link.active {
    color: #3dba5e !important;
    background-color: #0c1c0c !important;
    border-color: #1c3c1c #1c3c1c #0c1c0c !important;
}

:root:not([data-bs-theme="light"]) footer,
:root:not([data-bs-theme="light"]) .footer,
[data-bs-theme="dark"] footer,
[data-bs-theme="dark"] .footer {
    background-color: #060e06 !important;
    border-top: 1px solid #162816 !important;
    color: #4a7a4a !important;
}

:root:not([data-bs-theme="light"]) ::-webkit-scrollbar-track,
[data-bs-theme="dark"] ::-webkit-scrollbar-track {
    background: #060e06;
}
:root:not([data-bs-theme="light"]) ::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #1c3c1c;
    border-radius: 3px;
}
:root:not([data-bs-theme="light"]) ::-webkit-scrollbar-thumb:hover,
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #2a5a2a;
}

:root:not([data-bs-theme="light"]) .select2-container--default .select2-selection--single,
:root:not([data-bs-theme="light"]) .select2-container--default .select2-selection--multiple,
[data-bs-theme="dark"] .select2-container--default .select2-selection--single,
[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple {
    background-color: #0c1c0c !important;
    border-color: #1c3c1c !important;
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) .select2-container--default .select2-selection--single .select2-selection__rendered,
[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #d0e8d0 !important;
}

:root:not([data-bs-theme="light"]) .select2-dropdown,
[data-bs-theme="dark"] .select2-dropdown {
    background-color: #0c1c0c !important;
    border-color: #1c3c1c !important;
}

:root:not([data-bs-theme="light"]) .select2-container--default .select2-results__option--highlighted,
[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted {
    background-color: rgba(61, 186, 94, 0.15) !important;
    color: #3dba5e !important;
}

:root:not([data-bs-theme="light"]) .select2-results__option,
[data-bs-theme="dark"] .select2-results__option {
    color: #a0c8a0 !important;
}

:root:not([data-bs-theme="light"]) input[type="date" i],
:root:not([data-bs-theme="light"]) input[type="date" i]:focus,
[data-bs-theme="dark"] input[type="date" i],
[data-bs-theme="dark"] input[type="date" i]:focus {
    color: #d0e8d0 !important;
    text-align: end !important;
}

/* ================================================================
   5. LIGHT THEME STYLING (ACTIVE WHEN data-bs-theme="light")
   ================================================================ */
[data-bs-theme="light"] body,
[data-bs-theme="light"] #layout-wrapper,
[data-bs-theme="light"] .main-content,
[data-bs-theme="light"] .page-content,
[data-bs-theme="light"] .container-fluid {
    background-color: #f5f8f5 !important;
    color: #1e293b !important;
}

[data-bs-theme="light"] #page-topbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e2e8e2 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

[data-bs-theme="light"] .navbar-brand-box {
    background: #ffffff !important;
    border-color: #e2e8e2 !important;
}

[data-bs-theme="light"] .header-item,
[data-bs-theme="light"] .header-item i {
    color: #475569 !important;
}

[data-bs-theme="light"] .header-item:hover,
[data-bs-theme="light"] .header-item:hover i {
    color: #2e7d32 !important;
}

[data-bs-theme="light"] .app-search .form-control {
    background-color: #f1f5f1 !important;
    border: 1px solid #d1d5db !important;
    color: #1e293b !important;
}

[data-bs-theme="light"] .vertical-menu,
[data-bs-theme="light"] #sidebar-menu {
    background: #ffffff !important;
}

[data-bs-theme="light"] #sidebar-menu ul li a {
    color: #4b5563 !important;
}

[data-bs-theme="light"] #sidebar-menu ul li a:hover,
[data-bs-theme="light"] #sidebar-menu ul li a:hover i,
[data-bs-theme="light"] #sidebar-menu ul li a:hover svg {
    color: #2e7d32 !important;
}

[data-bs-theme="light"] #sidebar-menu ul li a i,
[data-bs-theme="light"] #sidebar-menu ul li a svg {
    color: #6b7280 !important;
    fill: rgba(46, 125, 50, 0.1);
}

[data-bs-theme="light"] #sidebar-menu ul li.mm-active>a,
[data-bs-theme="light"] #sidebar-menu ul li.mm-active>a i,
[data-bs-theme="light"] #sidebar-menu ul li.mm-active>a svg {
    color: #2e7d32 !important;
    fill: rgba(46, 125, 50, 0.2);
}

[data-bs-theme="light"] .card,
[data-bs-theme="light"] .card-body {
    background-color: #ffffff !important;
    border: 1px solid #e2e8e2 !important;
    color: #1e293b !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

[data-bs-theme="light"] .card-title,
[data-bs-theme="light"] .card-header,
[data-bs-theme="light"] .page-title-box h4 {
    color: #111827 !important;
}

[data-bs-theme="light"] .card-footer {
    border-color: #e2e8e2 !important;
    background-color: #f9fafb !important;
}

[data-bs-theme="light"] .table {
    color: #1e293b !important;
    border-color: #e2e8e2 !important;
}

[data-bs-theme="light"] .table th {
    background-color: #f8fafc !important;
    color: #475569 !important;
    border-color: #e2e8e2 !important;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[data-bs-theme="light"] .table td {
    border-color: #f1f5f9 !important;
    color: #334155 !important;
}

[data-bs-theme="light"] .form-control,
[data-bs-theme="light"] .form-select,
[data-bs-theme="light"] .input-group-text {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #1e293b !important;
}

[data-bs-theme="light"] .form-control:focus,
[data-bs-theme="light"] .form-select:focus {
    background-color: #ffffff !important;
    border-color: #2e7d32 !important;
    box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.15) !important;
    color: #1e293b !important;
}

[data-bs-theme="light"] .form-label,
[data-bs-theme="light"] label {
    color: #374151 !important;
}

[data-bs-theme="light"] .dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #e2e8e2 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

[data-bs-theme="light"] .dropdown-item {
    color: #374151 !important;
}

[data-bs-theme="light"] .dropdown-item:hover {
    background-color: rgba(46, 125, 50, 0.08) !important;
    color: #2e7d32 !important;
}

[data-bs-theme="light"] .modal-content {
    background-color: #ffffff !important;
    border: 1px solid #e2e8e2 !important;
}

[data-bs-theme="light"] .modal-header,
[data-bs-theme="light"] .modal-footer {
    border-color: #e2e8e2 !important;
    background-color: #f8fafc !important;
}

[data-bs-theme="light"] .modal-title {
    color: #111827 !important;
}

[data-bs-theme="light"] .btn-close {
    filter: none !important;
}

[data-bs-theme="light"] .breadcrumb-item a {
    color: #64748b !important;
}
[data-bs-theme="light"] .breadcrumb-item.active {
    color: #2e7d32 !important;
}

[data-bs-theme="light"] .page-link {
    background-color: #ffffff !important;
    border-color: #e2e8e2 !important;
    color: #4b5563 !important;
}
[data-bs-theme="light"] .page-item.active .page-link {
    background-color: #2e7d32 !important;
    border-color: #2e7d32 !important;
    color: #ffffff !important;
}

[data-bs-theme="light"] .nav-tabs .nav-link.active {
    color: #2e7d32 !important;
    background-color: #ffffff !important;
    border-color: #e2e8e2 #e2e8e2 #ffffff !important;
}

[data-bs-theme="light"] footer,
[data-bs-theme="light"] .footer {
    background-color: #ffffff !important;
    border-top: 1px solid #e2e8e2 !important;
    color: #64748b !important;
}

[data-bs-theme="light"] .select2-container--default .select2-selection--single,
[data-bs-theme="light"] .select2-container--default .select2-selection--multiple {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #1e293b !important;
}

[data-bs-theme="light"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1e293b !important;
}

[data-bs-theme="light"] .select2-dropdown {
    background-color: #ffffff !important;
    border-color: #d1d5db !important;
}

[data-bs-theme="light"] .select2-results__option {
    color: #374151 !important;
}

[data-bs-theme="light"] .select2-container--default .select2-results__option--highlighted {
    background-color: rgba(46, 125, 50, 0.1) !important;
    color: #2e7d32 !important;
}

[data-bs-theme="light"] input[type="date" i],
[data-bs-theme="light"] input[type="date" i]:focus {
    color: #1e293b !important;
    text-align: end !important;
}

/* ================================================================
   Global Responsive Styles for All Admin Pages
   ================================================================ */
@media (max-width: 991.98px) {
    .page-content {
        padding: 70px 10px 60px !important;
    }

    .main-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .page-title-box {
        padding-bottom: 12px !important;
    }

    .page-title-box .breadcrumb {
        display: none !important;
    }

    .card-body {
        padding: 16px !important;
    }

    .table-responsive {
        border-radius: 8px;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 1rem;
    }
}

@media (max-width: 767.98px) {
    .page-content {
        padding: 65px 8px 50px !important;
    }

    .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .card {
        margin-bottom: 14px !important;
        border-radius: 12px !important;
    }

    .card-title {
        font-size: 1rem !important;
    }

    /* Filter Form Adjustments */
    form.mb-3 .row.g-2 > [class*="col-"] {
        margin-bottom: 6px;
    }

    /* Tables on Mobile */
    .table th, .table td {
        padding: 10px 8px !important;
        font-size: 0.83rem !important;
    }

    .table audio {
        max-width: 130px !important;
        height: 28px !important;
    }

    /* Action Buttons in Tables */
    .table .btn-sm {
        padding: 4px 8px !important;
        font-size: 0.78rem !important;
    }

    /* Modals on Mobile */
    .modal-dialog {
        margin: 0.5rem !important;
        max-width: calc(100% - 1rem) !important;
    }

    .modal-content {
        border-radius: 14px !important;
    }

    .modal-header, .modal-footer {
        padding: 12px 16px !important;
    }

    .modal-body {
        padding: 16px !important;
    }

    /* Details Tables */
    .table.table-borderless th,
    .table.table-bordered th {
        font-size: 0.82rem !important;
        white-space: normal !important;
    }

    /* Topbar on Mobile */
    .navbar-header {
        padding: 0 10px !important;
    }

    .navbar-brand-box {
        padding: 0 8px !important;
    }

    .navbar-brand-box .logo-txt {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    .page-content {
        padding: 60px 4px 45px !important;
    }

    .card-body {
        padding: 12px 10px !important;
    }

    .btn {
        font-size: 0.85rem !important;
    }

    .pagination {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 4px;
    }

    .pagination .page-link {
        padding: 6px 10px !important;
        font-size: 0.8rem !important;
    }
}

/* ================================================================
   Navbar Icon Vertical Alignment
   ================================================================ */
#page-topbar .navbar-header .header-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 70px !important;
    padding: 0 12px !important;
    vertical-align: middle !important;
}

#page-topbar .header-item svg,
#page-topbar .header-item i,
#page-topbar .header-item img {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
}

/* ================================================================
   Modal Footers & Form Actions (Cancel on Right, Save on Left)
   ================================================================ */
.modal-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}