:root {
  --admin-radius: 8px;
  --admin-radius-lg: 10px;
  --admin-border: #e7eaec;
  --admin-muted: #64748b;
  --sidebar-bg: rgba(26, 46, 26, 0.78);
  --sidebar-bg-elevated: rgba(34, 62, 34, 0.88);
  --sidebar-row-hover: rgba(255, 255, 255, 0.06);
  --feres-primary: #56ae57;
  --feres-emerald: #56ae57;
  --feres-emerald-bright: #6bc06c;
  --feres-emerald-dark: #459647;
  --feres-emerald-darker: #3a7d3b;
  --sidebar-accent: var(--feres-emerald-bright);
  --sidebar-text: #c8e6c9;
  --sidebar-text-strong: #f1f8f1;
  --sidebar-active-bg: rgba(86, 174, 87, 0.28);
  --admin-accent: #56ae57;
  --admin-accent-hover: #459647;
  --admin-accent-rgb: 86, 174, 87;
  --admin-shadow: 0 2px 14px rgba(15, 23, 42, 0.08);
  --admin-shadow-hover: 0 6px 22px rgba(15, 23, 42, 0.12);
  --sidebar-submenu-bg: rgba(20, 36, 20, 0.92);
  --sidebar-submenu-inset: rgba(86, 174, 87, 0.12);
  --sidebar-row-active-grad-start: rgba(86, 174, 87, 0.42);
  --sidebar-row-active-grad-end: rgba(69, 150, 71, 0.22);
  --sidebar-submenu-icon: rgba(200, 230, 201, 0.95);
  --content-canvas-bg: #f8fafc;
  --content-page-bg: #eef2f7;
  --content-card-bg: #ffffff;
  --content-ibox-title-top: #fafbfc;
  --content-ibox-title-bottom: #f1f5f9;
  --content-heading: #2f4050;
  --content-table-header-bg: #f8fafc;
  --content-table-header-border: #e7eaec;
  --content-table-row-hover: #eef7ee;
  --content-modal-header-top: #fafbfc;
  --content-modal-header-bottom: #f1f5f9;
  --content-modal-footer-bg: #f8fafc;
  --content-topbar-1: #ffffff;
  --content-topbar-2: #f8fafc;
  --content-topbar-3: #f1f5f9;
  --content-topbar-border: #e2e8f0;
  --content-topbar-text: #334155;
  --content-topbar-heading: #0f172a;
  --content-addon-bg: #f1f5f9;
  --content-addon-border: #d1d5db;
  --content-btn-default-bg: #ffffff;
  --content-btn-default-hover: #f1f5f9;
  --content-btn-default-border: #cfd4d8;
  --content-btn-default-color: #334155;
  --content-input-border: #d1d5db;
}

html[data-ui-theme="ocean"] {
  --sidebar-bg: rgba(11, 18, 32, 0.74);
  --sidebar-bg-elevated: rgba(17, 24, 39, 0.85);
  --sidebar-row-hover: rgba(255, 255, 255, 0.06);
  --feres-emerald: #22d3ee;
  --feres-emerald-bright: #a5f3fc;
  --sidebar-text: #bae6fd;
  --sidebar-text-strong: #f0f9ff;
  --sidebar-active-bg: rgba(34, 211, 238, 0.22);
  --admin-accent: #0891b2;
  --admin-accent-hover: #0e7490;
  --admin-accent-rgb: 8, 145, 178;
  --sidebar-submenu-bg: rgba(15, 23, 42, 0.92);
  --sidebar-submenu-inset: rgba(34, 211, 238, 0.15);
  --sidebar-row-active-grad-start: rgba(34, 211, 238, 0.45);
  --sidebar-row-active-grad-end: rgba(8, 145, 178, 0.28);
  --sidebar-submenu-icon: rgba(165, 243, 252, 0.95);
  --admin-border: #bae6fd;
  --admin-muted: #0e7490;
  --admin-shadow: 0 2px 14px rgba(8, 47, 73, 0.08);
  --admin-shadow-hover: 0 6px 22px rgba(8, 47, 73, 0.12);
  --content-canvas-bg: #f0f9ff;
  --content-page-bg: #e0f2fe;
  --content-card-bg: #ffffff;
  --content-ibox-title-top: #f0f9ff;
  --content-ibox-title-bottom: #dbeafe;
  --content-heading: #0c4a6e;
  --content-table-header-bg: #e0f2fe;
  --content-table-header-border: #bae6fd;
  --content-table-row-hover: #ecfeff;
  --content-modal-header-top: #f0f9ff;
  --content-modal-header-bottom: #e0f2fe;
  --content-modal-footer-bg: #f0f9ff;
  --content-topbar-1: #ffffff;
  --content-topbar-2: #f0f9ff;
  --content-topbar-3: #e0f2fe;
  --content-topbar-border: #bae6fd;
  --content-topbar-text: #0c4a6e;
  --content-topbar-heading: #082f49;
  --content-addon-bg: #e0f2fe;
  --content-addon-border: #bae6fd;
  --content-btn-default-hover: #e0f2fe;
  --content-btn-default-border: #7dd3fc;
  --content-btn-default-color: #0c4a6e;
  --content-input-border: #93c5fd;
}

html[data-ui-theme="indigo"] {
  --sidebar-bg: rgba(30, 27, 75, 0.74);
  --sidebar-bg-elevated: rgba(49, 46, 129, 0.85);
  --sidebar-row-hover: rgba(255, 255, 255, 0.06);
  --feres-emerald: #818cf8;
  --feres-emerald-bright: #c7d2fe;
  --sidebar-text: #c7d2fe;
  --sidebar-text-strong: #eef2ff;
  --sidebar-active-bg: rgba(129, 140, 248, 0.26);
  --admin-accent: #4f46e5;
  --admin-accent-hover: #4338ca;
  --admin-accent-rgb: 79, 70, 229;
  --sidebar-submenu-bg: rgba(30, 27, 75, 0.92);
  --sidebar-submenu-inset: rgba(129, 140, 248, 0.18);
  --sidebar-row-active-grad-start: rgba(129, 140, 248, 0.5);
  --sidebar-row-active-grad-end: rgba(79, 70, 229, 0.32);
  --sidebar-submenu-icon: rgba(199, 210, 254, 0.95);
  --admin-border: #e9d5ff;
  --admin-muted: #5b21b6;
  --admin-shadow: 0 2px 14px rgba(49, 46, 129, 0.1);
  --admin-shadow-hover: 0 6px 22px rgba(49, 46, 129, 0.14);
  --content-canvas-bg: #f5f3ff;
  --content-page-bg: #ede9fe;
  --content-card-bg: #ffffff;
  --content-ibox-title-top: #faf5ff;
  --content-ibox-title-bottom: #ede9fe;
  --content-heading: #312e81;
  --content-table-header-bg: #ede9fe;
  --content-table-header-border: #ddd6fe;
  --content-table-row-hover: #f5f3ff;
  --content-modal-header-top: #faf5ff;
  --content-modal-header-bottom: #ede9fe;
  --content-modal-footer-bg: #f5f3ff;
  --content-topbar-1: #ffffff;
  --content-topbar-2: #faf5ff;
  --content-topbar-3: #ede9fe;
  --content-topbar-border: #ddd6fe;
  --content-topbar-text: #4338ca;
  --content-topbar-heading: #312e81;
  --content-addon-bg: #ede9fe;
  --content-addon-border: #c4b5fd;
  --content-btn-default-hover: #ede9fe;
  --content-btn-default-border: #c4b5fd;
  --content-btn-default-color: #3730a3;
  --content-input-border: #c4b5fd;
}

html[data-ui-theme="slate"] {
  --sidebar-bg: rgba(30, 41, 59, 0.74);
  --sidebar-bg-elevated: rgba(51, 65, 85, 0.85);
  --sidebar-row-hover: rgba(255, 255, 255, 0.06);
  --feres-emerald: #94a3b8;
  --feres-emerald-bright: #e2e8f0;
  --sidebar-text: #cbd5e1;
  --sidebar-text-strong: #f8fafc;
  --sidebar-active-bg: rgba(148, 163, 184, 0.22);
  --admin-accent: #475569;
  --admin-accent-hover: #334155;
  --admin-accent-rgb: 71, 85, 105;
  --sidebar-submenu-bg: rgba(15, 23, 42, 0.9);
  --sidebar-submenu-inset: rgba(148, 163, 184, 0.14);
  --sidebar-row-active-grad-start: rgba(148, 163, 184, 0.38);
  --sidebar-row-active-grad-end: rgba(71, 85, 105, 0.24);
  --sidebar-submenu-icon: rgba(226, 232, 240, 0.92);
  --admin-border: #e2e8f0;
  --admin-muted: #64748b;
  --admin-shadow: 0 2px 14px rgba(15, 23, 42, 0.08);
  --admin-shadow-hover: 0 6px 22px rgba(15, 23, 42, 0.12);
  --content-canvas-bg: #f8fafc;
  --content-page-bg: #f1f5f9;
  --content-card-bg: #ffffff;
  --content-ibox-title-top: #f8fafc;
  --content-ibox-title-bottom: #e2e8f0;
  --content-heading: #1e293b;
  --content-table-header-bg: #f1f5f9;
  --content-table-header-border: #e2e8f0;
  --content-table-row-hover: #f8fafc;
  --content-modal-header-top: #f8fafc;
  --content-modal-header-bottom: #e2e8f0;
  --content-modal-footer-bg: #f8fafc;
  --content-topbar-1: #ffffff;
  --content-topbar-2: #f8fafc;
  --content-topbar-3: #f1f5f9;
  --content-topbar-border: #e2e8f0;
  --content-topbar-text: #475569;
  --content-topbar-heading: #0f172a;
  --content-addon-bg: #f1f5f9;
  --content-addon-border: #cbd5e1;
  --content-btn-default-hover: #f1f5f9;
  --content-btn-default-border: #cbd5e1;
  --content-btn-default-color: #334155;
  --content-input-border: #cbd5e1;
}

html[data-ui-theme="ember"] {
  --sidebar-bg: rgba(63, 15, 18, 0.74);
  --sidebar-bg-elevated: rgba(92, 24, 19, 0.85);
  --sidebar-row-hover: rgba(255, 255, 255, 0.06);
  --feres-emerald: #fb923c;
  --feres-emerald-bright: #fdba74;
  --sidebar-text: #fed7aa;
  --sidebar-text-strong: #fff7ed;
  --sidebar-active-bg: rgba(251, 146, 60, 0.24);
  --admin-accent: #ea580c;
  --admin-accent-hover: #c2410c;
  --admin-accent-rgb: 234, 88, 12;
  --sidebar-submenu-bg: rgba(40, 15, 12, 0.92);
  --sidebar-submenu-inset: rgba(251, 146, 60, 0.2);
  --sidebar-row-active-grad-start: rgba(251, 146, 60, 0.48);
  --sidebar-row-active-grad-end: rgba(234, 88, 12, 0.3);
  --sidebar-submenu-icon: rgba(254, 215, 170, 0.95);
  --admin-border: #fed7aa;
  --admin-muted: #9a3412;
  --admin-shadow: 0 2px 14px rgba(124, 45, 18, 0.1);
  --admin-shadow-hover: 0 6px 22px rgba(124, 45, 18, 0.14);
  --content-canvas-bg: #fffbeb;
  --content-page-bg: #ffedd5;
  --content-card-bg: #ffffff;
  --content-ibox-title-top: #fff7ed;
  --content-ibox-title-bottom: #ffedd5;
  --content-heading: #9a3412;
  --content-table-header-bg: #ffedd5;
  --content-table-header-border: #fed7aa;
  --content-table-row-hover: #fff7ed;
  --content-modal-header-top: #fff7ed;
  --content-modal-header-bottom: #ffedd5;
  --content-modal-footer-bg: #fffbeb;
  --content-topbar-1: #ffffff;
  --content-topbar-2: #fff7ed;
  --content-topbar-3: #ffedd5;
  --content-topbar-border: #fed7aa;
  --content-topbar-text: #9a3412;
  --content-topbar-heading: #7c2d12;
  --content-addon-bg: #ffedd5;
  --content-addon-border: #fdba74;
  --content-btn-default-hover: #ffedd5;
  --content-btn-default-border: #fdba74;
  --content-btn-default-color: #9a3412;
  --content-input-border: #fdba74;
}

.navbar-minimalize.minimalize-styl-2.btn-primary {
  background-color: var(--admin-accent);
  border-color: var(--admin-accent-hover);
  color: #fff;
}

.navbar-minimalize.minimalize-styl-2.btn-primary:hover,
.navbar-minimalize.minimalize-styl-2.btn-primary:focus {
  background-color: var(--admin-accent-hover);
  border-color: var(--admin-accent-hover);
  color: #fff;
}

body.md-skin,
body:has(#page-wrapper.gray-bg) {
  background-color: var(--content-canvas-bg) !important;
}

#page-wrapper.gray-bg.dashbard-1 {
  background-color: var(--content-page-bg) !important;
}

.wrapper-content .ibox {
  background-color: var(--content-card-bg);
}

.wrapper-content .ibox-title {
  background: linear-gradient(
    180deg,
    var(--content-ibox-title-top) 0%,
    var(--content-ibox-title-bottom) 100%
  ) !important;
  border-bottom-color: var(--admin-border) !important;
}

.wrapper-content .ibox-title h5 {
  color: var(--content-heading) !important;
}

.wrapper-content .ibox-content {
  background-color: var(--content-card-bg) !important;
}

.wrapper-content .form-control {
  border-color: var(--content-input-border) !important;
}

.wrapper-content .btn-primary {
  background-color: var(--admin-accent) !important;
  border-color: var(--admin-accent-hover) !important;
  color: #fff !important;
}

.wrapper-content .btn-primary:hover,
.wrapper-content .btn-primary:focus {
  background-color: var(--admin-accent-hover) !important;
  border-color: var(--admin-accent-hover) !important;
  color: #fff !important;
}

.wrapper-content .btn-default {
  background: var(--content-btn-default-bg) !important;
  border-color: var(--content-btn-default-border) !important;
  color: var(--content-btn-default-color) !important;
}

.wrapper-content .btn-default:hover {
  background: var(--content-btn-default-hover) !important;
  border-color: var(--content-btn-default-border) !important;
}

.input-daterange .input-group-addon {
  background: var(--content-addon-bg) !important;
  border-color: var(--content-addon-border) !important;
}

.modal-header {
  background: linear-gradient(
    180deg,
    var(--content-modal-header-top) 0%,
    var(--content-modal-header-bottom) 100%
  ) !important;
  border-bottom-color: var(--admin-border) !important;
}

.modal-header .modal-title,
.modal-header h3,
.modal-header h4,
.modal-header h5 {
  color: var(--content-heading) !important;
}

.modal-footer {
  background: var(--content-modal-footer-bg) !important;
  border-top-color: var(--admin-border) !important;
}

#nav_header_top .navbar-static-top.feres-topbar {
  background: linear-gradient(
    180deg,
    var(--content-topbar-1) 0%,
    var(--content-topbar-2) 55%,
    var(--content-topbar-3) 100%
  ) !important;
  color: var(--content-topbar-heading) !important;
  border-bottom: 1px solid var(--content-topbar-border) !important;
}

#nav_header_top .feres-topbar .welcome-message,
#nav_header_top .feres-topbar a {
  color: var(--content-topbar-text) !important;
}

#nav_header_top .custom-select {
  border-color: var(--content-btn-default-border) !important;
}

.gray-bg .navbar-static-top:not(.feres-topbar) {
  background: linear-gradient(
    180deg,
    var(--content-topbar-1) 0%,
    var(--content-topbar-2) 55%,
    var(--content-topbar-3) 100%
  ) !important;
  border-bottom: 1px solid var(--content-topbar-border) !important;
}

.gray-bg .navbar-static-top:not(.feres-topbar) .welcome-message,
.gray-bg .navbar-static-top:not(.feres-topbar) a {
  color: var(--content-topbar-text) !important;
}

.gray-bg .navbar-static-top:not(.feres-topbar) a:hover {
  color: var(--admin-accent) !important;
}

/* ── Select2 (searchable dropdowns) — Feres green theme ─────────────────────── */
.select2-container--bootstrap-5 .select2-selection {
  min-height: calc(1.5em + 0.75rem + 2px);
  border-color: var(--admin-border);
  border-radius: var(--admin-radius);
  display: flex;
  align-items: center;
}
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: var(--admin-accent);
  box-shadow: 0 0 0 0.2rem rgba(var(--admin-accent-rgb), 0.25);
}
.select2-container--bootstrap-5 .select2-dropdown {
  border-color: var(--admin-accent);
  border-radius: var(--admin-radius);
  box-shadow: var(--admin-shadow-hover);
  overflow: hidden;
}
.select2-container--bootstrap-5 .select2-results__options {
  max-height: 260px;
  overflow-y: auto;
}
.select2-container--bootstrap-5 .select2-results__option--highlighted,
.select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected] {
  background-color: var(--admin-accent) !important;
  color: #fff !important;
}
.select2-container--bootstrap-5 .select2-results__option--selected,
.select2-container--bootstrap-5 .select2-results__option[aria-selected="true"] {
  background-color: rgba(var(--admin-accent-rgb), 0.16);
  color: var(--content-heading);
}
.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field {
  border-radius: var(--admin-radius);
  border-color: var(--admin-border);
}
.select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--admin-accent);
  box-shadow: 0 0 0 0.2rem rgba(var(--admin-accent-rgb), 0.2);
  outline: none;
}