/*
 * UPRIX Custom Theme Override
 * Палитра заказчика: teal (#14B8A6) на чёрном фоне (#0a0a0a)
 * Подключается ПОСЛЕ vendor CSS для переопределения Sneat.
 */

/* ═══════════════════════════════════════════════════════════════════════════
   1. CSS-ПЕРЕМЕННЫЕ — DARK THEME
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style :root,
.dark-style [data-bs-theme=light] {
  /* Primary */
  --bs-primary: #14B8A6;
  --bs-primary-rgb: 20, 184, 166;
  --bs-purple: #14B8A6;

  /* Secondary */
  --bs-secondary: #888888;
  --bs-secondary-rgb: 136, 136, 136;

  /* Semantic */
  --bs-success: #34d399;
  --bs-success-rgb: 52, 211, 153;
  --bs-info: #38bdf8;
  --bs-info-rgb: 56, 189, 248;
  --bs-warning: #f59e0b;
  --bs-warning-rgb: 245, 158, 11;
  --bs-danger: #ef4060;
  --bs-danger-rgb: 239, 64, 96;

  /* Backgrounds */
  --bs-body-bg: #0a0a0a;
  --bs-body-bg-rgb: 10, 10, 10;
  --bs-body-color: #f0f0f0;
  --bs-body-color-rgb: 240, 240, 240;

  /* Headings & links */
  --bs-heading-color: #f0f0f0;
  --bs-link-color: #14B8A6;
  --bs-link-color-rgb: 20, 184, 166;
  --bs-link-hover-color: #11a090;
  --bs-link-hover-color-rgb: 17, 160, 144;

  /* Emphasis / muted / secondary text */
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(240, 240, 240, 0.6);
  --bs-secondary-color-rgb: 240, 240, 240;
  --bs-tertiary-color: rgba(240, 240, 240, 0.4);
  --bs-tertiary-color-rgb: 240, 240, 240;

  /* Card / surfaces */
  --bs-card-bg: #181818;
  --bs-card-border-color: rgba(255, 255, 255, 0.08);

  /* Borders */
  --bs-border-color: rgba(255, 255, 255, 0.08);
  --bs-border-color-translucent: rgba(255, 255, 255, 0.06);

  /* Light / Dark */
  --bs-light: #222222;
  --bs-light-rgb: 34, 34, 34;
  --bs-dark: #f0f0f0;
  --bs-dark-rgb: 240, 240, 240;

  /* Code */
  --bs-code-color: #ef4060;

  /* Subtle backgrounds (for alerts, badges, labels) */
  --bs-primary-bg-subtle: rgba(20, 184, 166, 0.10);
  --bs-secondary-bg-subtle: rgba(136, 136, 136, 0.10);
  --bs-success-bg-subtle: rgba(52, 211, 153, 0.10);
  --bs-info-bg-subtle: rgba(56, 189, 248, 0.10);
  --bs-warning-bg-subtle: rgba(245, 158, 11, 0.10);
  --bs-danger-bg-subtle: rgba(239, 64, 96, 0.10);

  /* Subtle borders */
  --bs-primary-border-subtle: rgba(20, 184, 166, 0.25);
  --bs-secondary-border-subtle: rgba(136, 136, 136, 0.25);
  --bs-success-border-subtle: rgba(52, 211, 153, 0.25);
  --bs-info-border-subtle: rgba(56, 189, 248, 0.25);
  --bs-warning-border-subtle: rgba(245, 158, 11, 0.25);
  --bs-danger-border-subtle: rgba(239, 64, 96, 0.25);

  /* Text emphasis */
  --bs-primary-text-emphasis: #0d9488;
  --bs-secondary-text-emphasis: #666666;
  --bs-success-text-emphasis: #34d399;
  --bs-info-text-emphasis: #38bdf8;
  --bs-warning-text-emphasis: #f59e0b;
  --bs-danger-text-emphasis: #ef4060;

  /* Shadows */
  --bs-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.55);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.4);
  --bs-box-shadow-lg: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.5);

  /* Highlight */
  --bs-highlight-color: #f0f0f0;

  /* Form validation */
  --bs-form-valid-color: #34d399;
  --bs-form-valid-border-color: #34d399;
  --bs-form-invalid-color: #ef4060;
  --bs-form-invalid-border-color: #ef4060;
}

/* ═══════════════════════════════════════════════════════════════════════════
   2. CSS-ПЕРЕМЕННЫЕ — LIGHT THEME
   ═══════════════════════════════════════════════════════════════════════════ */
.light-style :root,
.light-style [data-bs-theme=light] {
  /* Primary */
  --bs-primary: #14B8A6;
  --bs-primary-rgb: 20, 184, 166;
  --bs-purple: #14B8A6;

  /* Secondary */
  --bs-secondary: #888888;
  --bs-secondary-rgb: 136, 136, 136;

  /* Semantic */
  --bs-success: #34d399;
  --bs-success-rgb: 52, 211, 153;
  --bs-info: #38bdf8;
  --bs-info-rgb: 56, 189, 248;
  --bs-warning: #f59e0b;
  --bs-warning-rgb: 245, 158, 11;
  --bs-danger: #ef4060;
  --bs-danger-rgb: 239, 64, 96;

  /* Backgrounds */
  --bs-body-bg: #f5f5f5;
  --bs-body-bg-rgb: 245, 245, 245;
  --bs-body-color: #333333;
  --bs-body-color-rgb: 51, 51, 51;

  /* Headings & links */
  --bs-heading-color: #111111;
  --bs-link-color: #14B8A6;
  --bs-link-color-rgb: 20, 184, 166;
  --bs-link-hover-color: #0d9488;
  --bs-link-hover-color-rgb: 13, 148, 136;

  /* Emphasis */
  --bs-emphasis-color: #000000;
  --bs-emphasis-color-rgb: 0, 0, 0;

  /* Borders */
  --bs-border-color: #e5e5e5;

  /* Code */
  --bs-code-color: #ef4060;

  /* Subtle backgrounds */
  --bs-primary-bg-subtle: rgba(20, 184, 166, 0.08);
  --bs-secondary-bg-subtle: rgba(136, 136, 136, 0.08);
  --bs-success-bg-subtle: rgba(52, 211, 153, 0.08);
  --bs-info-bg-subtle: rgba(56, 189, 248, 0.08);
  --bs-warning-bg-subtle: rgba(245, 158, 11, 0.08);
  --bs-danger-bg-subtle: rgba(239, 64, 96, 0.08);

  /* Subtle borders */
  --bs-primary-border-subtle: rgba(20, 184, 166, 0.30);
  --bs-secondary-border-subtle: rgba(136, 136, 136, 0.30);
  --bs-success-border-subtle: rgba(52, 211, 153, 0.30);
  --bs-info-border-subtle: rgba(56, 189, 248, 0.30);
  --bs-warning-border-subtle: rgba(245, 158, 11, 0.30);
  --bs-danger-border-subtle: rgba(239, 64, 96, 0.30);

  /* Text emphasis */
  --bs-primary-text-emphasis: #0d7568;
  --bs-secondary-text-emphasis: #555555;
  --bs-success-text-emphasis: #059669;
  --bs-info-text-emphasis: #0284c7;
  --bs-warning-text-emphasis: #b45309;
  --bs-danger-text-emphasis: #be123c;

  /* Shadows */
  --bs-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.08);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  --bs-box-shadow-lg: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.10);

  /* Form validation */
  --bs-form-valid-color: #34d399;
  --bs-form-valid-border-color: #34d399;
  --bs-form-invalid-color: #ef4060;
  --bs-form-invalid-border-color: #ef4060;
}


/* ═══════════════════════════════════════════════════════════════════════════
   3. DARK THEME — HARDCODED OVERRIDES
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- Body & page background --- */
.dark-style body {
  background: #0a0a0a;
}
.dark-style .bg-body {
  background: #0a0a0a !important;
}

/* --- Cards & surfaces --- */
.dark-style .card {
  --bs-card-bg: #181818 !important;
  background-color: #181818 !important;
  border-color: rgba(255, 255, 255, 0.08);
}
.dark-style .modal-content,
.dark-style .offcanvas,
.dark-style .dropdown-menu,
.dark-style .popover,
.dark-style .toast,
.dark-style .list-group-item,
.dark-style .accordion-item {
  background-color: #181818 !important;
  border-color: rgba(255, 255, 255, 0.08);
}
.dark-style .table {
  --bs-table-bg: #181818;
}
.dark-style .card-datatable {
  background-color: #181818 !important;
}

/* --- Primary color hardcoded overrides --- */
.dark-style .text-primary { color: #14B8A6 !important; }
.dark-style .bg-primary { background-color: #14B8A6 !important; }
.dark-style a.bg-primary:hover,
.dark-style a.bg-primary:focus { background-color: #11a090 !important; }

/* Buttons primary */
.dark-style .btn-primary {
  background-color: #14B8A6;
  border-color: #14B8A6;
  color: #000;
}
.dark-style .btn-primary:hover {
  background-color: #11a090 !important;
  border-color: #11a090 !important;
  color: #000 !important;
  box-shadow: 0 0.125rem 0.25rem rgba(20, 184, 166, 0.4) !important;
}
.dark-style .btn-primary:focus,
.dark-style .btn-primary.focus {
  background-color: #11a090;
  border-color: #11a090;
  color: #000;
  box-shadow: 0 0 0 0.05rem rgba(20, 184, 166, 0.5) !important;
}
.dark-style .btn-primary:active,
.dark-style .btn-primary.active,
.dark-style .show > .btn-primary.dropdown-toggle {
  background-color: #0f9080 !important;
  border-color: #0f9080 !important;
  color: #000 !important;
}
.dark-style .btn-primary.disabled,
.dark-style .btn-primary:disabled {
  background-color: #14B8A6 !important;
  border-color: #14B8A6 !important;
}
.dark-style .btn-group .btn-primary,
.dark-style .input-group .btn-primary {
  border-right-color: #11a090;
  border-left-color: #11a090;
}

/* Btn outline primary */
.dark-style .btn-outline-primary {
  color: #14B8A6;
  border-color: #14B8A6;
}
.dark-style .btn-outline-primary:hover {
  background-color: rgba(20, 184, 166, 0.06) !important;
  color: #14B8A6 !important;
  border-color: #14B8A6 !important;
}
.dark-style .btn-outline-primary:active,
.dark-style .btn-outline-primary.active {
  background-color: rgba(20, 184, 166, 0.10) !important;
  color: #14B8A6 !important;
}

/* Btn label primary */
.dark-style .btn-label-primary {
  color: #14B8A6;
  border-color: transparent;
  background: rgba(20, 184, 166, 0.10);
}
.dark-style .btn-label-primary:hover {
  background: rgba(20, 184, 166, 0.16) !important;
  color: #14B8A6 !important;
  border-color: transparent !important;
}
.dark-style .btn-label-primary:active,
.dark-style .btn-label-primary.active {
  background-color: rgba(20, 184, 166, 0.16) !important;
  color: #14B8A6 !important;
}
.dark-style .btn-label-primary.disabled,
.dark-style .btn-label-primary:disabled {
  background: rgba(20, 184, 166, 0.10) !important;
  color: #14B8A6 !important;
}

/* bg-label-primary */
.dark-style .bg-label-primary {
  background-color: rgba(20, 184, 166, 0.10) !important;
  color: #14B8A6 !important;
}
.dark-style .bg-label-hover-primary:hover {
  background-color: rgba(20, 184, 166, 0.16) !important;
  color: #14B8A6 !important;
}

/* Secondary overrides */
.dark-style .btn-secondary { color: #000; }
.dark-style .btn-secondary:hover { color: #fff !important; }
.dark-style .btn-label-secondary {
  color: #888888;
  background: rgba(136, 136, 136, 0.10);
}
.dark-style .btn-label-secondary:hover {
  background: rgba(136, 136, 136, 0.16) !important;
  color: #888888 !important;
}
.dark-style .bg-label-secondary {
  background-color: rgba(136, 136, 136, 0.10) !important;
  color: #888888 !important;
}

/* Success overrides */
.dark-style .text-success { color: #34d399 !important; }
.dark-style .bg-success { background-color: #34d399 !important; }
.dark-style .btn-success {
  background-color: #34d399; border-color: #34d399; color: #000;
}
.dark-style .btn-success:hover {
  background-color: #2ab587 !important; border-color: #2ab587 !important;
}
.dark-style .bg-label-success {
  background-color: rgba(52, 211, 153, 0.10) !important;
  color: #34d399 !important;
}
.dark-style .btn-label-success {
  color: #34d399; background: rgba(52, 211, 153, 0.10);
}
.dark-style .btn-label-success:hover {
  background: rgba(52, 211, 153, 0.16) !important; color: #34d399 !important;
}

/* Danger overrides */
.dark-style .text-danger { color: #ef4060 !important; }
.dark-style .bg-danger { background-color: #ef4060 !important; }
.dark-style .btn-danger {
  background-color: #ef4060; border-color: #ef4060; color: #000;
}
.dark-style .btn-danger:hover {
  background-color: #dc2c4d !important; border-color: #dc2c4d !important;
}
.dark-style .bg-label-danger {
  background-color: rgba(239, 64, 96, 0.10) !important;
  color: #ef4060 !important;
}
.dark-style .btn-label-danger {
  color: #ef4060; background: rgba(239, 64, 96, 0.10);
}
.dark-style .btn-label-danger:hover {
  background: rgba(239, 64, 96, 0.16) !important; color: #ef4060 !important;
}

/* Warning overrides */
.dark-style .text-warning { color: #f59e0b !important; }
.dark-style .bg-warning { background-color: #f59e0b !important; }
.dark-style .btn-warning {
  background-color: #f59e0b; border-color: #f59e0b; color: #000;
}
.dark-style .btn-warning:hover {
  background-color: #d97706 !important; border-color: #d97706 !important;
}
.dark-style .bg-label-warning {
  background-color: rgba(245, 158, 11, 0.10) !important;
  color: #f59e0b !important;
}

/* Info overrides */
.dark-style .text-info { color: #38bdf8 !important; }
.dark-style .bg-info { background-color: #38bdf8 !important; }
.dark-style .btn-info {
  background-color: #38bdf8; border-color: #38bdf8; color: #000;
}
.dark-style .btn-info:hover {
  background-color: #0ea5e9 !important; border-color: #0ea5e9 !important;
}
.dark-style .bg-label-info {
  background-color: rgba(56, 189, 248, 0.10) !important;
  color: #38bdf8 !important;
}

/* --- Links --- */
.dark-style a {
  color: #14B8A6;
}
.dark-style a:hover {
  color: #2cc4b3;
}

/* --- Pagination --- */
.dark-style .page-item.active .page-link {
  background-color: #14B8A6;
  border-color: #14B8A6;
  color: #000;
}

/* --- Forms --- */
.dark-style .form-control:focus,
.dark-style .form-select:focus {
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0.25rem 0.05rem rgba(20, 184, 166, 0.1) !important;
}
.dark-style .form-check-input:checked {
  background-color: #14B8A6;
  border-color: #14B8A6;
}
.dark-style .form-check-input[type=checkbox]:indeterminate {
  background-color: #14B8A6;
  border-color: #14B8A6;
}
.dark-style .form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2314B8A6'/%3e%3c/svg%3e");
}
.dark-style .form-check-input:focus {
  border-color: #14B8A6;
}
.dark-style .form-control,
.dark-style .form-select {
  background-color: #0d0d0d;
  border-color: rgba(255, 255, 255, 0.14);
  color: #f0f0f0;
}

/* --- Autofill (Chrome/Safari) --- */
.dark-style input:-webkit-autofill,
.dark-style input:-webkit-autofill:hover,
.dark-style input:-webkit-autofill:focus,
.dark-style textarea:-webkit-autofill,
.dark-style textarea:-webkit-autofill:hover,
.dark-style textarea:-webkit-autofill:focus,
.dark-style select:-webkit-autofill,
.dark-style select:-webkit-autofill:hover,
.dark-style select:-webkit-autofill:focus {
  -webkit-text-fill-color: #f0f0f0 !important;
  -webkit-box-shadow: 0 0 0 1000px #0d0d0d inset !important;
  box-shadow: 0 0 0 1000px #0d0d0d inset !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* --- Input group --- */
.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
  border-color: #14B8A6 !important;
}
.dark-style .input-group-text {
  background-color: #181818;
  border-color: rgba(255, 255, 255, 0.14);
  color: #888888;
}

/* --- Progress bars --- */
.dark-style .progress-bar {
  background-color: #14B8A6;
}

/* --- Nav / Tabs / Pills --- */
.dark-style .nav-pills .nav-link.active {
  background-color: #14B8A6;
  color: #000;
}
.dark-style .nav-tabs .nav-link.active {
  border-bottom-color: #14B8A6;
}

/* --- Badges --- */
.dark-style .badge.bg-primary {
  background-color: #14B8A6 !important;
  color: #000;
}

/* --- Alerts --- */
.dark-style .alert-primary {
  background-color: rgba(20, 184, 166, 0.10);
  border-color: rgba(20, 184, 166, 0.25);
  color: #14B8A6;
}
.dark-style .alert-success {
  background-color: rgba(34, 197, 94, 0.10);
  border-color: rgba(34, 197, 94, 0.25);
  color: #22c55e;
}
.dark-style .alert-danger {
  background-color: rgba(244, 63, 94, 0.10);
  border-color: rgba(244, 63, 94, 0.25);
  color: #f43f5e;
}
.dark-style .alert-warning {
  background-color: rgba(251, 191, 36, 0.10);
  border-color: rgba(251, 191, 36, 0.25);
  color: #fbbf24;
}
.dark-style .alert-info {
  background-color: rgba(96, 165, 250, 0.10);
  border-color: rgba(96, 165, 250, 0.25);
  color: #60a5fa;
}

/* --- List group primary --- */
.dark-style .list-group-item-primary {
  background-color: rgba(20, 184, 166, 0.10);
  color: #14B8A6;
}


/* --- Sidebar logo --- */
.dark-style .app-brand-logo.demo { color: #fff; }
.light-style .app-brand-logo.demo { color: #000; }

/* --- Auth page logo dark/light switch --- */
.dark-style .auth-logo-light { display: none !important; }
.dark-style .auth-logo-dark { display: inline-block !important; }
.light-style .auth-logo-light { display: inline-block !important; }
.light-style .auth-logo-dark { display: none !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   4. DARK THEME — MENU (.bg-menu-theme)
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .bg-menu-theme {
  background-color: #111111 !important;
  color: #888888;
}
.dark-style .bg-menu-theme.menu-horizontal {
  background-color: rgba(17, 17, 17, 0.95) !important;
}
.dark-style .bg-menu-theme .menu-link,
.dark-style .bg-menu-theme .menu-horizontal-prev,
.dark-style .bg-menu-theme .menu-horizontal-next {
  color: #888888;
}
.dark-style .bg-menu-theme .menu-link:hover,
.dark-style .bg-menu-theme .menu-link:focus,
.dark-style .bg-menu-theme .menu-horizontal-prev:hover,
.dark-style .bg-menu-theme .menu-horizontal-next:hover {
  color: #f0f0f0;
}
.dark-style .bg-menu-theme .menu-link.active {
  color: #f0f0f0;
}
.dark-style .bg-menu-theme .menu-item.disabled .menu-link {
  color: #444444 !important;
}
.dark-style .bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.dark-style .bg-menu-theme .menu-item.active > .menu-link {
  color: #f0f0f0;
}
.dark-style .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #14B8A6 22.16%, rgba(20, 184, 166, 0.7) 76.47%) !important;
  box-shadow: 0px 2px 6px 0px rgba(20, 184, 166, 0.48) !important;
  color: #000 !important;
}
.dark-style .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #14B8A6 22.16%, rgba(20, 184, 166, 0.7) 76.47%);
  color: #000 !important;
  box-shadow: 0px 2px 6px 0px rgba(20, 184, 166, 0.48);
}
.dark-style .bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.dark-style .bg-menu-theme.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #111111;
}
.dark-style .bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: rgba(20, 184, 166, 0.10);
  color: #14B8A6 !important;
}
.dark-style .bg-menu-theme .menu-inner-shadow {
  background: linear-gradient(#111111 41%, rgba(17, 17, 17, 0.11) 95%, rgba(17, 17, 17, 0));
}
.dark-style .bg-menu-theme .menu-text {
  color: #f0f0f0;
}
.dark-style .bg-menu-theme .menu-header {
  color: #555555;
}
.dark-style .bg-menu-theme .menu-block::before {
  background-color: #555555;
}
.dark-style .bg-menu-theme .ps__thumb-y,
.dark-style .bg-menu-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.15) !important;
}
.dark-style .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle,
.dark-style .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle,
.dark-style .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle,
.dark-style .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle {
  background: rgba(255, 255, 255, 0.04);
}
.dark-style html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover,
.dark-style .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover {
  background: rgba(255, 255, 255, 0.04);
}
.dark-style .bg-menu-theme .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before {
  color: #555555 !important;
}

/* Menu box shadow */
@media (min-width: 1200px) {
  .dark-style .bg-menu-theme {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.4);
  }
}


/* ═══════════════════════════════════════════════════════════════════════════
   5. DARK THEME — NAVBAR (.bg-navbar-theme)
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .bg-navbar-theme {
  background-color: #0a0a0a !important;
  color: #888888;
}
.dark-style .bg-navbar-theme .navbar-brand,
.dark-style .bg-navbar-theme .navbar-brand a {
  color: #f0f0f0;
}
.dark-style .bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,
.dark-style .bg-navbar-theme .navbar-search-wrapper .search-input {
  color: #888888;
}
.dark-style .bg-navbar-theme .search-input-wrapper .search-input,
.dark-style .bg-navbar-theme .search-input-wrapper .search-toggler {
  background-color: #0a0a0a !important;
  color: #888888;
}
.dark-style .bg-navbar-theme .navbar-nav > .nav-link,
.dark-style .bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
.dark-style .bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link {
  color: #888888;
}
.dark-style .bg-navbar-theme .navbar-nav > .nav-link:hover,
.dark-style .bg-navbar-theme .navbar-nav > .nav-link:focus,
.dark-style .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:hover,
.dark-style .bg-navbar-theme .navbar-nav > .nav-item > .nav-link:focus {
  color: #f0f0f0;
}
.dark-style .bg-navbar-theme .navbar-nav .show > .nav-link,
.dark-style .bg-navbar-theme .navbar-nav .active > .nav-link,
.dark-style .bg-navbar-theme .navbar-nav .nav-link.show,
.dark-style .bg-navbar-theme .navbar-nav .nav-link.active {
  color: #f0f0f0;
}

/* Navbar shadow & border - removed for seamless background blend */
.dark-style .layout-navbar {
  box-shadow: none;
}
.dark-style .navbar-detached {
  background-color: #0a0a0a !important;
  border: none;
  box-shadow: none;
}

/* Navbar fixed page bg - hidden for seamless background blend */
.dark-style .layout-navbar-fixed .layout-page:before {
  background: transparent;
  -webkit-mask: none;
  mask: none;
}


/* ═══════════════════════════════════════════════════════════════════════════
   6. DARK THEME — FOOTER
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .layout-footer-fixed .layout-horizontal .bg-footer-theme {
  background-color: #111111 !important;
  color: #888888;
}
.dark-style .layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .bg-footer-theme .footer-container {
  background-color: #111111 !important;
  color: #888888;
}
.dark-style .bg-footer-theme .footer-link {
  color: #888888;
}
.dark-style .bg-footer-theme .footer-link:hover,
.dark-style .bg-footer-theme .footer-link:focus {
  color: #f0f0f0;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7. DARK THEME — MISC COMPONENTS
   ═══════════════════════════════════════════════════════════════════════════ */

/* Stepper */
.dark-style .bs-stepper .step.active .bs-stepper-circle {
  background-color: #14B8A6;
  color: #000;
}
.dark-style .bs-stepper .step.active .bs-stepper-icon svg {
  fill: #14B8A6 !important;
}
.dark-style .bs-stepper .step.active .bs-stepper-icon i,
.dark-style .bs-stepper .step.active .bs-stepper-label {
  color: #14B8A6 !important;
}

/* NoUi Slider */
.dark-style .noUi-primary .noUi-connect {
  background: #14B8A6 !important;
}
.dark-style .noUi-primary .noUi-handle {
  border-color: #14B8A6 !important;
}

/* Select2 */
/* Highlighted (hovered) option - like sidebar hover: gray bg + white text */
.dark-style .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(255, 255, 255, 0.04) !important;
  color: #f0f0f0 !important;
}

/* Selected option (active/clicked) - teal gradient like sidebar active */
.dark-style .select2-container--default .select2-results__option[aria-selected="true"] {
  background: linear-gradient(72.47deg, #14B8A6 22.16%, rgba(20, 184, 166, 0.7) 76.47%) !important;
  color: #000 !important;
  box-shadow: 0px 2px 4px 0px rgba(20, 184, 166, 0.3);
}

/* Hover on already selected option - same as sidebar active */
.dark-style .select2-container--default .select2-results__option[aria-selected="true"].select2-results__option--highlighted {
  background: linear-gradient(72.47deg, #14B8A6 22.16%, rgba(20, 184, 166, 0.7) 76.47%) !important;
  color: #000 !important;
}

/* All options base styling */
.dark-style .select2-container--default .select2-results__option {
  color: #f0f0f0;
}

/* Option hover (non-selected) - sidebar style */
.dark-style .select2-container--default .select2-results__option:hover:not([aria-selected="true"]) {
  background-color: rgba(255, 255, 255, 0.04);
  color: #f0f0f0;
}

/* Selection input field */
.dark-style .select2-container--default .select2-selection--single,
.dark-style .select2-container--default .select2-selection--multiple {
  background-color: #0d0d0d;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #f0f0f0;
}

/* Focus/open state - teal border */
.dark-style .select2-container--default.select2-container--focus .select2-selection,
.dark-style .select2-container--default.select2-container--open .select2-selection {
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 0.05rem rgba(20, 184, 166, 0.15);
}

/* Dropdown container - stronger border */
.dark-style .select2-container--default .select2-dropdown {
  background-color: #181818;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}

/* Dropdown search field */
.dark-style .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #0d0d0d;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #f0f0f0;
  border-radius: 0.25rem;
}

/* Search field focus */
.dark-style .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #14B8A6;
  outline: none;
}

/* Selected item in multi-select */
.dark-style .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(20, 184, 166, 0.15);
  border: 1px solid rgba(20, 184, 166, 0.3);
  color: #14B8A6;
}

/* Remove button in multi-select */
.dark-style .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #ef4060;
}

/* Placeholder color */
.dark-style .select2-container--default .select2-selection__placeholder {
  color: #888888;
}

/* Disabled option */
.dark-style .select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #555555;
}

/* Group header (optgroup) */
.dark-style .select2-container--default .select2-results__group {
  color: #888888;
  background-color: rgba(255, 255, 255, 0.03);
  padding: 0.5rem;
  font-weight: 600;
}

/* SweetAlert2 */
/* Confirm button - primary teal */
.dark-style .swal2-styled.swal2-confirm {
  background-color: #14B8A6 !important;
  color: #000;
}

/* Success alert icon - match success button color (#34d399) */
.dark-style .swal2-icon.swal2-success {
  border-color: #34d399;
  color: #34d399;
}
.dark-style .swal2-icon.swal2-success .swal2-success-ring {
  border-color: #34d399;
}
.dark-style .swal2-icon.swal2-success .swal2-success-fix {
  background-color: #181818;
}
.dark-style .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #34d399;
}
.dark-style .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}
.dark-style .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}

/* Success alert title and content */
.dark-style .swal2-success .swal2-title {
  color: #34d399 !important;
}
.dark-style .swal2-modal .swal2-title {
  color: #f0f0f0;
}
.dark-style .swal2-modal .swal2-html-container {
  color: #888888;
}

/* SweetAlert2 modal background */
.dark-style .swal2-modal {
  background-color: #181818;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.dark-style .swal2-modal .swal2-close {
  color: #888888;
}
.dark-style .swal2-modal .swal2-close:hover {
  color: #f0f0f0;
}

/* Toastr */
/* Success - match success button color #34d399 */
.dark-style .toast-success {
  background-color: #34d399 !important;
  color: #000 !important;
}
.dark-style .toast-error {
  background-color: #f43f5e !important;
}
.dark-style .toast-info {
  background-color: #60a5fa !important;
}
.dark-style .toast-warning {
  background-color: #fbbf24 !important;
  color: #000 !important;
}

/* Waves ripple */
.dark-style .btn-primary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(20, 184, 166, 0.2) 0, rgba(20, 184, 166, 0.3) 40%, rgba(20, 184, 166, 0.4) 50%, rgba(20, 184, 166, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

/* Shepherd */
.dark-style .shepherd-element .shepherd-button:not(:disabled).btn-primary {
  background-color: #14B8A6;
  border-color: #14B8A6;
  color: #000;
}
.dark-style .shepherd-element .shepherd-button:not(:disabled).btn-primary:hover {
  background-color: #11a090 !important;
  border-color: #11a090 !important;
}

/* Chat */
.dark-style .app-chat .sidebar-body .chat-contact-list li.active {
  background: linear-gradient(72.47deg, #14B8A6 22.16%, rgba(20, 184, 166, 0.7) 76.47%);
}

/* Text muted override for dark theme */
.dark-style .text-muted {
  color: #888888 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7a. GLOBAL — OVERRIDES (no .dark-style/.light-style prefix)
   Override vendor theme-default-dark.css and core-dark.css hardcoded values.
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- Nav Tabs: box-shadow inset line color --- */
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
  box-shadow: 0 -2px 0 #14B8A6 inset !important;
}
.nav-align-bottom .nav-tabs .nav-link.active,
.nav-align-bottom .nav-tabs .nav-link.active:hover,
.nav-align-bottom .nav-tabs .nav-link.active:focus {
  box-shadow: 0 2px 0 #14B8A6 inset !important;
}
.nav-align-left .nav-tabs .nav-link.active,
.nav-align-left .nav-tabs .nav-link.active:hover,
.nav-align-left .nav-tabs .nav-link.active:focus {
  box-shadow: -2px 0px 0 #14B8A6 inset !important;
}
.nav-align-right .nav-tabs .nav-link.active,
.nav-align-right .nav-tabs .nav-link.active:hover,
.nav-align-right .nav-tabs .nav-link.active:focus {
  box-shadow: 2px 0px 0 #14B8A6 inset !important;
}

/* --- Nav Pills: active background --- */
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
  background-color: #14B8A6 !important;
  color: #000 !important;
}

/* --- Nav Tabs: core-dark CSS variable overrides --- */
.dark-style .nav-tabs {
  --bs-nav-tabs-link-active-color: #14B8A6 !important;
  --bs-nav-tabs-link-active-bg: #181818 !important;
  background-color: #181818 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
.light-style .nav-tabs {
  --bs-nav-tabs-link-active-color: #14B8A6 !important;
  --bs-nav-tabs-link-active-bg: #fff !important;
}
.nav-pills {
  --bs-nav-pills-link-active-bg: #14B8A6 !important;
  --bs-nav-pills-link-active-color: #000 !important;
}

/* --- Tab content: match card bg --- */
.dark-style .nav ~ .tab-content,
.dark-style .tab-content {
  background: #181818 !important;
}

/* --- Nav align variants: border color override --- */
.dark-style .nav-align-right .nav-tabs {
  border-left-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-style .nav-align-bottom .nav-tabs {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-style .nav-align-left .nav-tabs {
  border-right-color: rgba(255, 255, 255, 0.08) !important;
}

/* --- Landing navbar active link --- */
.navbar.landing-navbar .navbar-nav .show > .nav-link,
.navbar.landing-navbar .navbar-nav .active > .nav-link,
.navbar.landing-navbar .navbar-nav .nav-link.show,
.navbar.landing-navbar .navbar-nav .nav-link.active,
.navbar.landing-navbar .navbar-nav .nav-link:hover {
  color: #14B8A6 !important;
}

/* --- Widget nav tabs --- */
.nav-tabs.widget-nav-tabs .nav-link.active {
  border-color: #14B8A6 !important;
}
.nav-tabs.widget-nav-tabs .nav-link.active .badge {
  background-color: rgba(20, 184, 166, 0.08) !important;
  color: #14B8A6 !important;
}

/* --- SWITCHES / CHECKBOXES / RADIO --- */

/* Checkbox / radio / switch — checked */
.form-check-input:checked,
.form-check-input[type=checkbox]:indeterminate {
  background-color: #14B8A6 !important;
  border-color: #14B8A6 !important;
}

/* Focus border */
.form-check-input:focus {
  border-color: #14B8A6 !important;
}

/* Validation outline when checked */
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: #34d399 !important;
  border-color: #34d399 !important;
}

/* Switch — focus state SVG (teal circle when not checked) */
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%2314B8A6'/%3E%3C/svg%3E%0A") !important;
}

/* Switch — checked (white circle on teal background) */
.form-switch .form-check-input:checked {
  background-color: #14B8A6 !important;
  border-color: #14B8A6 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%23fff'/%3E%3C/svg%3E%0A") !important;
}

/* Form control / select focus border */
.form-control:focus,
.form-select:focus {
  border-color: #14B8A6 !important;
}

/* Form floating label focus color */
.form-floating > .form-control:focus ~ label,
.form-floating > .form-select:focus ~ label {
  color: #14B8A6;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7b. DARK — SWITCHES (SVG inline) & FORM ELEMENTS (from core-dark.css)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Form control / select focus — override core-dark hardcoded */
.dark-style .form-control:focus {
  color: #f0f0f0;
  background-color: #0d0d0d;
  border-color: #14B8A6;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.4);
}
.dark-style .form-select:focus {
  border-color: #14B8A6;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.4);
}

/* Checkbox / Radio checked */
.dark-style .form-check-input:checked,
.dark-style .form-check-input[type=checkbox]:indeterminate {
  background-color: #14B8A6;
  border-color: #14B8A6;
}
.dark-style .form-check-input:focus {
  border-color: #14B8A6;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.4);
}

/* Switch — focus state SVG (teal circle) */
.dark-style .form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%2314B8A6'/%3E%3C/svg%3E%0A") !important;
  --bs-form-switch-bg: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%2314B8A6'/%3E%3C/svg%3E%0A") !important;
}

/* Switch — checked state (white circle on teal bg) */
.dark-style .form-switch .form-check-input:checked {
  background-color: #14B8A6;
  border-color: #14B8A6;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%23fff'/%3E%3C/svg%3E%0A");
}

/* Custom Sneat switch (.switch-primary) — must match vendor specificity */
.switch-primary.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #14B8A6 !important;
  border-color: #14B8A6 !important;
  color: #fff;
}
.switch-primary.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #14B8A6 !important;
  box-shadow: 0 0 0.25rem 0.05rem rgba(20, 184, 166, 0.1) !important;
}
.switch-primary.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7c. DARK — DATATABLES (extended)
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style table.dataTable {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-style table.dataTable thead th,
.dark-style table.dataTable thead td {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-style table.dataTable tbody tr {
  border-color: rgba(255, 255, 255, 0.08);
}
.dark-style table.dataTable tbody td {
  border-color: rgba(255, 255, 255, 0.08);
}
.dark-style table.dataTable.dtr-column > tbody > tr > td.control:before,
.dark-style table.dataTable.dtr-column > tbody > tr > th.control:before {
  background-color: #14B8A6;
  border-color: #888888;
}

/* Datatables pagination */
.dark-style .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dark-style .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #14B8A6 !important;
  border-color: #14B8A6 !important;
  color: #000 !important;
}
.dark-style .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: rgba(20, 184, 166, 0.10) !important;
  border-color: rgba(20, 184, 166, 0.10) !important;
  color: #14B8A6 !important;
}

/* Datatables sorting icon active */
.dark-style table.dataTable > thead .sorting_asc,
.dark-style table.dataTable > thead .sorting_desc {
  color: #14B8A6;
}

/* Datatables search/filter input */
.dark-style .dataTables_wrapper .dataTables_filter input {
  background-color: #0d0d0d;
  border-color: rgba(255, 255, 255, 0.14);
  color: #f0f0f0;
}
.dark-style .dataTables_wrapper .dataTables_filter input:focus {
  border-color: #14B8A6;
}
.dark-style .dataTables_wrapper .dataTables_length select {
  background-color: #0d0d0d;
  border-color: rgba(255, 255, 255, 0.14);
  color: #f0f0f0;
}

/* DataTable row selected */
.dark-style table.dataTable tbody tr.selected {
  background-color: rgba(20, 184, 166, 0.08) !important;
}

/* DataTables info text */
.dark-style .dataTables_wrapper .dataTables_info {
  color: #888888;
}

/* Table primary row */
.dark-style .table-primary {
  --bs-table-bg: rgba(20, 184, 166, 0.10);
  --bs-table-border-color: rgba(20, 184, 166, 0.20);
  color: #14B8A6;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7d. DARK — DROPDOWNS
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .dropdown-menu {
  --bs-dropdown-link-hover-color: #14B8A6;
  --bs-dropdown-link-hover-bg: rgba(20, 184, 166, 0.08);
  --bs-dropdown-link-active-bg: #14B8A6;
  --bs-dropdown-link-active-color: #000;
  background-color: #181818;
  border-color: rgba(255, 255, 255, 0.08);
}
.dark-style .dropdown-item:hover,
.dark-style .dropdown-item:focus {
  color: #14B8A6;
  background-color: rgba(20, 184, 166, 0.08);
}
.dark-style .dropdown-item.active,
.dark-style .dropdown-item:active {
  color: #000;
  background-color: #14B8A6;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7e. DARK — NAV TABS / PILLS / WIDGET TABS
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .nav-tabs {
  --bs-nav-tabs-link-active-color: #14B8A6;
  --bs-nav-tabs-link-active-bg: #181818;
}
.dark-style .nav-pills {
  --bs-nav-pills-link-active-color: #000;
  --bs-nav-pills-link-active-bg: #14B8A6;
}
.dark-style .nav-tabs .nav-link:not(.active):hover,
.dark-style .nav-tabs .nav-link:not(.active):focus,
.dark-style .nav-pills .nav-link:not(.active):hover,
.dark-style .nav-pills .nav-link:not(.active):focus {
  color: #14B8A6;
}
.dark-style .nav-tabs.widget-nav-tabs .nav-link.active {
  border-color: #14B8A6;
}
.dark-style .nav-tabs.widget-nav-tabs .nav-link.active .badge {
  background-color: rgba(20, 184, 166, 0.08) !important;
  color: #14B8A6 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7f. DARK — PAGINATION (from core-dark.css)
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .pagination {
  --bs-pagination-active-bg: #14B8A6;
  --bs-pagination-active-border-color: #14B8A6;
  --bs-pagination-active-color: #000;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7g. DARK — ACCORDION
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .accordion {
  --bs-accordion-btn-focus-border-color: #14B8A6;
  --bs-accordion-active-color: #14B8A6;
  --bs-accordion-active-bg: rgba(20, 184, 166, 0.06);
}
.dark-style .accordion-item {
  background-color: #181818;
  border-color: rgba(255, 255, 255, 0.08);
}


/* ═══════════════════════════════════════════════════════════════════════════
   7h. DARK — LIST GROUP
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .list-group {
  --bs-list-group-action-hover-color: #14B8A6;
  --bs-list-group-action-hover-bg: rgba(20, 184, 166, 0.06);
  --bs-list-group-action-active-color: #14B8A6;
  --bs-list-group-action-active-bg: rgba(20, 184, 166, 0.06);
  --bs-list-group-active-color: #000;
  --bs-list-group-active-bg: #14B8A6;
  --bs-list-group-active-border-color: #14B8A6;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7i. DARK — PROGRESS BAR (from core-dark.css)
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .progress {
  --bs-progress-bar-bg: #14B8A6;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7j. DARK — BREADCRUMBS
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .breadcrumb-item,
.dark-style .breadcrumb-item a {
  color: #14B8A6;
}
.dark-style .breadcrumb-item.active a:hover,
.dark-style .breadcrumb-item.active a:focus {
  color: #14B8A6;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7k. DARK — BORDERS
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .border-primary {
  border-color: #14B8A6 !important;
}
.dark-style .border-success {
  border-color: #22c55e !important;
}
.dark-style .border-danger {
  border-color: #f43f5e !important;
}
.dark-style .border-warning {
  border-color: #fbbf24 !important;
}
.dark-style .border-info {
  border-color: #60a5fa !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   7l. DARK — CUSTOM OPTIONS / TIMELINE
   ═══════════════════════════════════════════════════════════════════════════ */
.dark-style .custom-option-icon.checked i,
.dark-style .custom-option-icon.checked svg {
  color: #14B8A6;
}
.dark-style .timeline .timeline-item .timeline-indicator-primary {
  border-color: #14B8A6 !important;
}
.dark-style .timeline .timeline-item .timeline-indicator-primary i {
  color: #14B8A6 !important;
}
.dark-style .timeline .timeline-point-primary {
  background-color: #14B8A6 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   8. LIGHT THEME — HARDCODED OVERRIDES
   ═══════════════════════════════════════════════════════════════════════════ */

/* Body */
.light-style body {
  background: #f5f5f5;
}
.light-style .bg-body {
  background: #f5f5f5 !important;
}

/* Cards & surfaces */
.light-style .card,
.light-style .modal-content,
.light-style .offcanvas,
.light-style .dropdown-menu,
.light-style .popover {
  border-color: #e5e5e5;
}

/* Primary */
.light-style .text-primary { color: #14B8A6 !important; }
.light-style .bg-primary { background-color: #14B8A6 !important; }

.light-style .btn-primary {
  background-color: #14B8A6; border-color: #14B8A6; color: #000;
}
.light-style .btn-primary:hover {
  background-color: #0d9488 !important; border-color: #0d9488 !important;
  box-shadow: 0 0.125rem 0.25rem rgba(20, 184, 166, 0.4) !important;
}
.light-style .btn-primary:focus,
.light-style .btn-primary.focus {
  background-color: #0d9488; border-color: #0d9488;
  box-shadow: 0 0 0 0.05rem rgba(20, 184, 166, 0.5) !important;
}
.light-style .btn-primary:active,
.light-style .btn-primary.active {
  background-color: #0f766e !important; border-color: #0f766e !important;
}

/* Btn outline primary */
.light-style .btn-outline-primary {
  color: #14B8A6; border-color: #14B8A6;
}
.light-style .btn-outline-primary:hover {
  background-color: rgba(20, 184, 166, 0.04) !important; color: #14B8A6 !important;
}

/* Btn label primary */
.light-style .btn-label-primary {
  color: #14B8A6; background: rgba(20, 184, 166, 0.08);
}
.light-style .btn-label-primary:hover {
  background: rgba(20, 184, 166, 0.14) !important; color: #14B8A6 !important;
}

/* bg-label */
.light-style .bg-label-primary {
  background-color: rgba(20, 184, 166, 0.08) !important; color: #14B8A6 !important;
}

/* Links */
.light-style a { color: #14B8A6; }
.light-style a:hover { color: #0d9488; }

/* Pagination */
.light-style .page-item.active .page-link {
  background-color: #14B8A6; border-color: #14B8A6; color: #000;
}

/* Forms */
.light-style .form-control:focus,
.light-style .form-select:focus {
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0.25rem 0.05rem rgba(20, 184, 166, 0.1) !important;
}
.light-style .form-check-input:checked {
  background-color: #14B8A6; border-color: #14B8A6;
}

/* Success/Danger/Warning/Info */
.light-style .text-success { color: #34d399 !important; }
.light-style .text-danger { color: #ef4060 !important; }
.light-style .text-warning { color: #f59e0b !important; }
.light-style .text-info { color: #38bdf8 !important; }

.light-style .btn-success { background-color: #34d399; border-color: #34d399; color: #000; }
.light-style .btn-success:hover { background-color: #2ab587 !important; border-color: #2ab587 !important; }
.light-style .btn-danger { background-color: #ef4060; border-color: #ef4060; color: #000; }
.light-style .btn-danger:hover { background-color: #dc2c4d !important; border-color: #dc2c4d !important; }
.light-style .btn-warning { background-color: #f59e0b; border-color: #f59e0b; color: #000; }
.light-style .btn-warning:hover { background-color: #d97706 !important; border-color: #d97706 !important; }
.light-style .btn-info { background-color: #38bdf8; border-color: #38bdf8; color: #000; }
.light-style .btn-info:hover { background-color: #0ea5e9 !important; border-color: #0ea5e9 !important; }

.light-style .bg-label-success { background-color: rgba(52, 211, 153, 0.08) !important; color: #34d399 !important; }
.light-style .bg-label-danger { background-color: rgba(239, 64, 96, 0.08) !important; color: #ef4060 !important; }
.light-style .bg-label-warning { background-color: rgba(245, 158, 11, 0.08) !important; color: #f59e0b !important; }
.light-style .bg-label-info { background-color: rgba(56, 189, 248, 0.08) !important; color: #38bdf8 !important; }

/* Menu */
.light-style .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #14B8A6 22.16%, rgba(20, 184, 166, 0.7) 76.47%) !important;
  box-shadow: 0px 2px 6px 0px rgba(20, 184, 166, 0.48) !important;
  color: #000 !important;
}
.light-style .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #14B8A6 22.16%, rgba(20, 184, 166, 0.7) 76.47%);
  color: #000 !important;
}
.light-style .bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: rgba(20, 184, 166, 0.08);
  color: #14B8A6 !important;
}

/* Navbar layout shadow light */
.light-style .layout-navbar {
  box-shadow: 0 0 10px #e5e5e5;
}
.light-style .layout-navbar-fixed .layout-page:before {
  background: linear-gradient(180deg, rgba(245, 245, 245, 0.7) 44%, rgba(245, 245, 245, 0.43) 73%, rgba(245, 245, 245, 0));
  -webkit-mask: linear-gradient(#f5f5f5, #f5f5f5 18%, transparent 100%);
  mask: linear-gradient(#f5f5f5, #f5f5f5 18%, transparent 100%);
}

/* Nav tabs */
.light-style .nav-tabs .nav-link.active {
  border-bottom-color: #14B8A6;
}
.light-style .nav-pills .nav-link.active {
  background-color: #14B8A6; color: #000;
}

/* Progress */
.light-style .progress-bar {
  background-color: #14B8A6;
}

/* Stepper */
.light-style .bs-stepper .step.active .bs-stepper-circle {
  background-color: #14B8A6; color: #000;
}

/* SweetAlert2 */
/* Confirm button - primary teal */
.light-style .swal2-styled.swal2-confirm {
  background-color: #14B8A6 !important;
  color: #000;
}

/* Success alert icon - match success button color (#34d399) */
.light-style .swal2-icon.swal2-success {
  border-color: #34d399;
  color: #34d399;
}
.light-style .swal2-icon.swal2-success .swal2-success-ring {
  border-color: #34d399;
}
.light-style .swal2-icon.swal2-success .swal2-success-fix {
  background-color: #ffffff;
}
.light-style .swal2-icon.swal2-success [class^="swal2-success-line"] {
  background-color: #34d399;
}
.light-style .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  animation: swal2-animate-success-line-tip 0.75s;
}
.light-style .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  animation: swal2-animate-success-line-long 0.75s;
}

/* Success alert title and content */
.light-style .swal2-success .swal2-title {
  color: #34d399 !important;
}
.light-style .swal2-modal .swal2-title {
  color: #333333;
}
.light-style .swal2-modal .swal2-html-container {
  color: #666666;
}

/* SweetAlert2 modal background */
.light-style .swal2-modal {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
}
.light-style .swal2-modal .swal2-close {
  color: #888888;
}
.light-style .swal2-modal .swal2-close:hover {
  color: #333333;
}

/* Select2 */
/* Highlighted (hovered) option - like sidebar hover: subtle gray bg + dark text */
.light-style .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(0, 0, 0, 0.04) !important;
  color: #333333 !important;
}

/* Selected option (active/clicked) - teal gradient like sidebar active */
.light-style .select2-container--default .select2-results__option[aria-selected="true"] {
  background: linear-gradient(72.47deg, #14B8A6 22.16%, rgba(20, 184, 166, 0.7) 76.47%) !important;
  color: #000 !important;
  box-shadow: 0px 2px 4px 0px rgba(20, 184, 166, 0.3);
}

/* Hover on already selected option - same as active */
.light-style .select2-container--default .select2-results__option[aria-selected="true"].select2-results__option--highlighted {
  background: linear-gradient(72.47deg, #14B8A6 22.16%, rgba(20, 184, 166, 0.7) 76.47%) !important;
  color: #000 !important;
}

/* All options base styling */
.light-style .select2-container--default .select2-results__option {
  color: #333333;
}

/* Option hover (non-selected) - sidebar style */
.light-style .select2-container--default .select2-results__option:hover:not([aria-selected="true"]) {
  background-color: rgba(0, 0, 0, 0.04);
  color: #333333;
}

/* Selection input field */
.light-style .select2-container--default .select2-selection--single,
.light-style .select2-container--default .select2-selection--multiple {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  color: #333333;
}

/* Focus/open state - teal border */
.light-style .select2-container--default.select2-container--focus .select2-selection,
.light-style .select2-container--default.select2-container--open .select2-selection {
  border-color: #14B8A6 !important;
  box-shadow: 0 0 0 0.05rem rgba(20, 184, 166, 0.1);
}

/* Dropdown container - light border and shadow */
.light-style .select2-container--default .select2-dropdown {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

/* Dropdown search field */
.light-style .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  color: #333333;
  border-radius: 0.25rem;
}

/* Search field focus */
.light-style .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #14B8A6;
  outline: none;
}

/* Selected item in multi-select */
.light-style .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(20, 184, 166, 0.12);
  border: 1px solid rgba(20, 184, 166, 0.25);
  color: #0d9488;
}

/* Remove button in multi-select */
.light-style .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #ef4060;
}

/* Placeholder color */
.light-style .select2-container--default .select2-selection__placeholder {
  color: #888888;
}

/* Disabled option */
.light-style .select2-container--default .select2-results__option[aria-disabled="true"] {
  color: #aaaaaa;
}

/* Group header (optgroup) */
.light-style .select2-container--default .select2-results__group {
  color: #666666;
  background-color: rgba(0, 0, 0, 0.02);
  padding: 0.5rem;
  font-weight: 600;
}

/* Datatables */
.light-style .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.light-style .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #14B8A6 !important;
  border-color: #14B8A6 !important;
  color: #000 !important;
}
.light-style .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: rgba(20, 184, 166, 0.08) !important;
  border-color: rgba(20, 184, 166, 0.08) !important;
  color: #14B8A6 !important;
}
.light-style table.dataTable > thead .sorting_asc,
.light-style table.dataTable > thead .sorting_desc {
  color: #14B8A6;
}
.light-style table.dataTable.dtr-column > tbody > tr > td.control:before,
.light-style table.dataTable.dtr-column > tbody > tr > th.control:before {
  background-color: #14B8A6;
}
.light-style table.dataTable tbody tr.selected {
  background-color: rgba(20, 184, 166, 0.06) !important;
}

/* Switches (light) */
.light-style .form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%2314B8A6'/%3E%3C/svg%3E%0A") !important;
  --bs-form-switch-bg: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%2314B8A6'/%3E%3C/svg%3E%0A") !important;
}
.light-style .form-switch .form-check-input:checked {
  background-color: #14B8A6;
  border-color: #14B8A6;
}
.light-style .form-check-input:focus {
  border-color: #14B8A6;
}
.light-style .form-check-input[type=checkbox]:indeterminate {
  background-color: #14B8A6;
  border-color: #14B8A6;
}
/* (switch-primary handled globally in section 7a) */

/* Dropdowns (light) */
.light-style .dropdown-menu {
  --bs-dropdown-link-hover-color: #14B8A6;
  --bs-dropdown-link-hover-bg: rgba(20, 184, 166, 0.06);
  --bs-dropdown-link-active-bg: #14B8A6;
  --bs-dropdown-link-active-color: #000;
}
.light-style .dropdown-item.active,
.light-style .dropdown-item:active {
  background-color: #14B8A6;
  color: #000;
}

/* Nav tabs/pills (light) */
.light-style .nav-tabs {
  --bs-nav-tabs-link-active-color: #14B8A6;
}
.light-style .nav-pills {
  --bs-nav-pills-link-active-color: #000;
  --bs-nav-pills-link-active-bg: #14B8A6;
}
.light-style .nav-tabs .nav-link:not(.active):hover,
.light-style .nav-tabs .nav-link:not(.active):focus,
.light-style .nav-pills .nav-link:not(.active):hover,
.light-style .nav-pills .nav-link:not(.active):focus {
  color: #14B8A6;
}
.light-style .nav-tabs.widget-nav-tabs .nav-link.active {
  border-color: #14B8A6;
}
.light-style .nav-tabs.widget-nav-tabs .nav-link.active .badge {
  background-color: rgba(20, 184, 166, 0.06) !important;
  color: #14B8A6 !important;
}

/* Pagination (light) */
.light-style .pagination {
  --bs-pagination-active-bg: #14B8A6;
  --bs-pagination-active-border-color: #14B8A6;
  --bs-pagination-active-color: #000;
}

/* Accordion (light) */
.light-style .accordion {
  --bs-accordion-btn-focus-border-color: #14B8A6;
  --bs-accordion-active-color: #14B8A6;
  --bs-accordion-active-bg: rgba(20, 184, 166, 0.04);
}

/* List group (light) */
.light-style .list-group {
  --bs-list-group-action-hover-color: #14B8A6;
  --bs-list-group-action-active-color: #14B8A6;
  --bs-list-group-active-color: #000;
  --bs-list-group-active-bg: #14B8A6;
  --bs-list-group-active-border-color: #14B8A6;
}

/* Breadcrumbs (light) */
.light-style .breadcrumb-item,
.light-style .breadcrumb-item a {
  color: #14B8A6;
}

/* Borders (light) */
.light-style .border-primary { border-color: #14B8A6 !important; }
.light-style .border-success { border-color: #22c55e !important; }
.light-style .border-danger { border-color: #f43f5e !important; }
.light-style .border-warning { border-color: #fbbf24 !important; }
.light-style .border-info { border-color: #60a5fa !important; }

/* Timeline (light) */
.light-style .custom-option-icon.checked i,
.light-style .custom-option-icon.checked svg {
  color: #14B8A6;
}
.light-style .timeline .timeline-point-primary {
  background-color: #14B8A6 !important;
}