/*
 * Evidentia Teal Theme Override
 * Replaces default purple (#7367f0) with teal (#0d9488)
 * Loaded AFTER theme-default.css and core.css
 *
 * Color Mapping:
 *   #7367f0  → #0d9488  (primary)
 *   #685dd8  → #0f766e  (hover/darken)
 *   #e9e7fd  → #ccfbf1  (label bg)
 *   #e3e1fc  → #ccfbf1  (subtle bg)
 *   #f4f3fe  → #f0fdfa  (ultra-light)
 *   #c7c2f9  → #5eead4  (border subtle)
 *   #b9b3f8  → #2dd4bf  (light)
 *   #9f97f5  → #14b8a6  (medium)
 *   115,103,240 → 13,148,136 (RGB)
 */

/* ============================================================
   A) :root CSS variable overrides
   ============================================================ */
:root {
  --bs-purple: #0d9488;
  --bs-primary: #0d9488;
  --bs-primary-rgb: 13, 148, 136;
  --bs-primary-text-emphasis: #064e3b;
  --bs-primary-bg-subtle: #ccfbf1;
  --bs-primary-border-subtle: #5eead4;
  --bs-link-color: #0d9488;
  --bs-link-color-rgb: 13, 148, 136;
  --bs-link-hover-color: #0f766e;
  --bs-link-hover-color-rgb: 15, 118, 110;
}

/* ============================================================
   B) core.css overrides
   ============================================================ */

/* Links */
a { color: #0d9488; }

/* Text utilities */
.text-primary { color: #0d9488 !important; }
.text-body[href]:hover,
.text-heading[href]:hover { color: #0f766e !important; }

/* Background utilities */
.bg-primary { background-color: #0d9488 !important; }
.bg-primary.bg-glow { box-shadow: 0px 2px 3px 0px rgba(13, 148, 136, 0.3); }
.bg-label-primary { background-color: #ccfbf1 !important; color: #0d9488 !important; }
.bg-label-hover-primary { background-color: #ccfbf1 !important; }
.bg-gradient-primary { background-image: linear-gradient(45deg, #0d9488, #2dd4bf) !important; }

/* Border utilities */
html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary { border-color: #0d9488 !important; }

/* Fill utility */
.fill-primary { fill: #0d9488; }
.svg-illustration svg { fill: #0d9488; }

/* Focus visible */
:focus-visible { outline: #0d9488 auto 1px; }

/* ============================================================
   C) Pagination
   ============================================================ */
.page-item.active .page-link,
.pagination li.active > a:not(.page-link) {
  background-color: #0d9488;
  border-color: #0d9488;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(13, 148, 136, 0.3);
}

.page-item .page-link:hover,
.page-item .page-link:focus,
.pagination li > a:not(.page-link):hover,
.pagination li > a:not(.page-link):focus {
  background-color: #ccfbf1;
  color: #0d9488;
}

.page-item .page-link.waves-effect .waves-ripple,
.pagination li > a:not(.page-link).waves-effect .waves-ripple {
  background: radial-gradient(rgba(13, 148, 136, 0.2) 0, rgba(13, 148, 136, 0.3) 40%, rgba(13, 148, 136, 0.4) 50%, rgba(13, 148, 136, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}

.pagination-outline-primary .page-item.active .page-link,
.pagination-outline-primary .page-item.active .page-link:hover,
.pagination-outline-primary .page-item.active .page-link:focus {
  background-color: #ccfbf1 !important;
  color: #0d9488 !important;
  border-color: #0d9488;
}

.pagination-outline-primary .page-item.active .page-link.waves-effect .waves-ripple {
  background: radial-gradient(rgba(13, 148, 136, 0.2) 0, rgba(13, 148, 136, 0.3) 40%, rgba(13, 148, 136, 0.4) 50%, rgba(13, 148, 136, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}

/* ============================================================
   D) Progress bar
   ============================================================ */
.progress-bar {
  background-color: #0d9488;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(13, 148, 136, 0.3);
}

/* ============================================================
   E) List group
   ============================================================ */
.list-group-item-primary {
  color: #0d9488;
  background-color: #ccfbf1;
}

a.list-group-item-primary:hover,
a.list-group-item-primary:focus,
button.list-group-item-primary:hover,
button.list-group-item-primary:focus {
  color: #0d9488;
  border-color: #0d9488;
}

a.list-group-item-primary.active,
button.list-group-item-primary.active {
  border-color: #0d9488 !important;
  background-color: #0d9488 !important;
}

.list-group-item.active {
  color: #0d9488;
  background-color: #ccfbf1;
}

.list-group-item.active.waves-effect .waves-ripple {
  background: radial-gradient(rgba(13, 148, 136, 0.2) 0, rgba(13, 148, 136, 0.3) 40%, rgba(13, 148, 136, 0.4) 50%, rgba(13, 148, 136, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}

.list-group.list-group-timeline .list-group-timeline-primary:before {
  border-color: #0d9488;
  background-color: #0d9488;
}

/* ============================================================
   F) Alerts
   ============================================================ */
.alert-primary {
  color: #0d9488;
  background-color: #ccfbf1;
  border-color: #ccfbf1;
}

.alert-primary .alert-link { color: #0d9488; }
.alert-primary hr { color: #0d9488 !important; }
.alert-primary .alert-icon { background-color: #0d9488; }

.alert-primary .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933498 56.25 18.7483426 0 0 18.75 56.2450071 75 0 131.25 18.7483426 150 74.9933498 93.75 131.251657 150 150 131.25 93.7549929 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🔧-Product-Icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ic_fluent_dismiss_24_filled' fill='%230d9488' fill-rule='nonzero'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.alert-outline-primary {
  border-color: #0d9488;
  color: #0d9488;
}

.alert-outline-primary .alert-link { color: #0d9488; }
.alert-outline-primary hr { color: #0d9488 !important; }
.alert-outline-primary .alert-icon {
  color: #0d9488 !important;
  background-color: #ccfbf1 !important;
}

.alert-outline-primary .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933498 56.25 18.7483426 0 0 18.75 56.2450071 75 0 131.25 18.7483426 150 74.9933498 93.75 131.251657 150 150 131.25 93.7549929 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🔧-Product-Icons' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ic_fluent_dismiss_24_filled' fill='%230d9488' fill-rule='nonzero'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.alert-solid-primary { background-color: #0d9488; }
.alert-solid-primary .alert-icon { color: #0d9488 !important; }

/* ============================================================
   G) Tooltips & Popovers
   ============================================================ */
.tooltip-primary .tooltip-inner,
.tooltip-primary > .tooltip-inner { background: #0d9488; }

.tooltip-primary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-top .tooltip-arrow::before { border-top-color: #0d9488; }

.tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-start .tooltip-arrow::before { border-left-color: #0d9488; }

.tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #0d9488; }

.tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
.tooltip-primary.bs-tooltip-end .tooltip-arrow::before { border-right-color: #0d9488; }

.popover-primary,
.popover-primary > .popover-inner { background: #0d9488; }
.popover-primary .popover-header { border-color: #0d9488; }

.popover-primary.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after,
.popover-primary.bs-popover-top > .popover-arrow::after { border-top-color: #0d9488 !important; }

.popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after,
.popover-primary.bs-popover-end > .popover-arrow::after { border-right-color: #0d9488 !important; }

.popover-primary.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after,
.popover-primary.bs-popover-bottom > .popover-arrow::after { border-bottom-color: #0d9488 !important; }

.popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after,
.popover-primary.bs-popover-start > .popover-arrow::after { border-left-color: #0d9488 !important; }

/* ============================================================
   H) Buttons
   ============================================================ */

/* .btn-primary */
.btn-primary {
  background-color: #0d9488;
  border-color: #0d9488;
}

.btn-primary:hover {
  background-color: #0f766e !important;
  border-color: #0f766e !important;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus,
.btn-primary.focus {
  background-color: #0f766e;
  border-color: #0f766e;
}

.btn-check:checked + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show.dropdown-toggle,
.show > .btn-primary.dropdown-toggle {
  background-color: #0f766e !important;
  border-color: #0f766e !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #0d9488 !important;
  border-color: #0d9488 !important;
}

.btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(13, 148, 136, 0.3);
}

.btn-group .btn-primary,
.input-group .btn-primary {
  border-right: var(--bs-border-width) solid #0f766e;
  border-left: var(--bs-border-width) solid #0f766e;
}

.btn-group-vertical .btn-primary {
  border-top-color: #0f766e;
  border-bottom-color: #0f766e;
}

/* .btn-label-primary */
.btn-label-primary {
  color: #0d9488 !important;
  background: #ccfbf1 !important;
}

.btn-label-primary:hover { color: #0d9488 !important; }

.btn-label-primary:focus,
.btn-label-primary.focus { color: #0d9488; }

.btn-label-primary:active,
.btn-label-primary.active,
.show > .btn-label-primary.dropdown-toggle { color: #0d9488 !important; }

.btn-label-primary.disabled,
.btn-label-primary:disabled {
  color: #0d9488 !important;
  background: #ccfbf1 !important;
}

.btn-label-primary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(13, 148, 136, 0.2) 0, rgba(13, 148, 136, 0.3) 40%, rgba(13, 148, 136, 0.4) 50%, rgba(13, 148, 136, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}

/* .btn-text-primary */
.btn-text-primary { color: #0d9488; }
.btn-text-primary:hover {
  color: #0d9488;
  background: #f0fdfa;
}
.btn-text-primary:focus,
.btn-text-primary.focus {
  color: #0d9488;
  background: #f0fdfa;
}
.btn-text-primary:active,
.show > .btn-text-primary.dropdown-toggle {
  color: #0d9488 !important;
  background: #f0fdfa !important;
}
.btn-text-primary:disabled,
.btn-text-primary.disabled { color: #0d9488; }

.btn-group .btn-text-primary,
.input-group .btn-text-primary {
  border-right: var(--bs-border-width) solid #0d9488 !important;
  border-left: var(--bs-border-width) solid #0d9488 !important;
}
.btn-group-vertical .btn-text-primary {
  border-top: var(--bs-border-width) solid #0d9488 !important;
  border-bottom: var(--bs-border-width) solid #0d9488 !important;
}

.btn-text-primary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(13, 148, 136, 0.2) 0, rgba(13, 148, 136, 0.3) 40%, rgba(13, 148, 136, 0.4) 50%, rgba(13, 148, 136, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}

/* .btn-outline-primary */
.btn-outline-primary {
  color: #0d9488;
  border-color: #0d9488;
}

.btn-outline-primary:hover {
  color: #0d9488 !important;
  border-color: #0d9488 !important;
  background-color: #f0fdfa !important;
}

.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus {
  color: #0d9488;
  border-color: #0d9488;
  background-color: #f0fdfa;
}

.btn-check:checked + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #0d9488 !important;
  border-color: #0d9488 !important;
  background-color: #f0fdfa !important;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled { color: #0d9488 !important; }

.btn-outline-primary .badge {
  background: #0d9488;
  border-color: #0d9488;
}

.btn-outline-primary:hover .badge,
.btn-outline-primary:focus .badge,
.btn-outline-primary:active .badge,
.show > .btn-outline-primary.dropdown-toggle .badge {
  background: #0d9488;
  border-color: #0d9488;
}

.btn-outline-primary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(13, 148, 136, 0.2) 0, rgba(13, 148, 136, 0.3) 40%, rgba(13, 148, 136, 0.4) 50%, rgba(13, 148, 136, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}

/* ============================================================
   I) Dropdowns
   ============================================================ */
.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
  color: #0d9488 !important;
  background-color: #ccfbf1;
}

.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
  color: #0d9488 !important;
  background-color: #ccfbf1;
}

.dropdown-item.waves-effect .waves-ripple {
  background: radial-gradient(rgba(13, 148, 136, 0.2) 0, rgba(13, 148, 136, 0.3) 40%, rgba(13, 148, 136, 0.4) 50%, rgba(13, 148, 136, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}

/* ============================================================
   J) Nav pills & tabs
   ============================================================ */
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
  background-color: #0d9488;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(13, 148, 136, 0.3);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
  box-shadow: 0 -2px 0 #0d9488 inset;
}

.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 #0d9488 inset;
}

.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 #0d9488 inset;
}

.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 #0d9488 inset;
}

.nav-tabs .nav-link.waves-effect .waves-ripple {
  background: radial-gradient(rgba(13, 148, 136, 0.2) 0, rgba(13, 148, 136, 0.3) 40%, rgba(13, 148, 136, 0.4) 50%, rgba(13, 148, 136, 0.5) 60%, rgba(47, 43, 61, 0) 70%);
}

/* ============================================================
   K) Forms
   ============================================================ */
.form-control:focus,
.form-select:focus { border-color: #0d9488 !important; }

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text { border-color: #0d9488 !important; }

.form-check-input:checked {
  background-color: #0d9488;
  border-color: #0d9488;
  box-shadow: 0 2px 6px 0 rgba(13, 148, 136, 0.3);
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d9488;
  border-color: #0d9488;
  box-shadow: 0 2px 6px 0 rgba(13, 148, 136, 0.3);
}

.custom-option.checked { border: 2px solid #0d9488 !important; }
.custom-option.checked .custom-option-body i,
.custom-option.checked .custom-option-header i { color: #0d9488; }
.custom-option.custom-option-label.checked {
  color: #0d9488;
  background-color: rgba(13, 148, 136, 0.12);
}
.custom-option.custom-option-label.checked .custom-option-header span,
.custom-option.custom-option-label.checked .custom-option-title { color: #0d9488; }

.form-control:focus ~ .form-label { border-color: #0d9488; }
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label { color: #0d9488; }

/* Switch */
.switch-input:checked ~ .switch-toggle-slider {
  background: #0d9488;
  box-shadow: 0 2px 6px 0 rgba(13, 148, 136, 0.3);
}
.switch-primary.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #0d9488;
  box-shadow: 0 2px 6px 0 rgba(13, 148, 136, 0.3);
}

#switch-input-view ~ .switch-toggle-slider {
  background: #0d9488;
  box-shadow: 0 2px 6px 0 rgba(13, 148, 136, 0.3);
}

/* ============================================================
   L) Table
   ============================================================ */
.table-primary { --bs-table-bg: #ccfbf1; }

/* ============================================================
   M) Timeline
   ============================================================ */
.timeline .timeline-point-primary {
  background-color: #0d9488 !important;
  outline: 3px solid rgba(13, 148, 136, 0.12);
}
.timeline.timeline-outline .timeline-point-primary { border: 2px solid #0d9488 !important; }
.timeline .timeline-indicator-primary i { color: #0d9488 !important; }
.timeline .timeline-indicator-primary { background-color: #ccfbf1; }

/* ============================================================
   N) Divider
   ============================================================ */
.divider.divider-primary.divider-vertical:before,
.divider.divider-primary.divider-vertical:after,
.divider.divider-primary .divider-text:before,
.divider.divider-primary .divider-text:after { border-color: #0d9488; }

/* ============================================================
   O) Navbar & Menu
   ============================================================ */
.navbar.bg-primary {
  background-color: rgba(13, 148, 136, 0.88) !important;
}
.navbar.bg-primary .search-input-wrapper .search-input,
.navbar.bg-primary .search-input-wrapper .search-toggler {
  background-color: #0d9488 !important;
}

.menu.bg-primary { background-color: #0d9488 !important; }
.menu.bg-primary.menu-horizontal { background-color: rgba(13, 148, 136, 0.95) !important; }
.menu.bg-primary.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-primary.menu-horizontal .menu-inner .menu-item.open > .menu-toggle { background: #0d9488; }
.menu.bg-primary .menu-inner-shadow {
  background: linear-gradient(#0d9488 41%, rgba(13, 148, 136, 0.11) 95%, rgba(13, 148, 136, 0));
}
.menu.bg-primary .menu-header { color: #14b8a6; }
.menu.bg-primary .menu-block::before { background-color: #14b8a6; }

/* Sidebar active menu item */
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(270deg, rgba(13, 148, 136, 0.7) 0%, #0d9488 100%);
  box-shadow: 0px 2px 6px 0px rgba(13, 148, 136, 0.3);
}

.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(270deg, rgba(13, 148, 136, 0.7) 0%, #0d9488 100%);
  box-shadow: 0px 2px 6px 0px rgba(13, 148, 136, 0.3);
}

.bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  color: #0d9488 !important;
  background: #ccfbf1;
}

/* Footer */
.layout-footer-fixed .layout-horizontal .footer.bg-primary { background-color: #0d9488 !important; }
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-primary .footer-container { background-color: #0d9488 !important; }

.bg-footer-theme { color: #0d9488; }
.bg-footer-theme .footer-link { color: #0d9488; }
.bg-footer-theme .footer-link:hover,
.bg-footer-theme .footer-link:focus { color: #0d9488; }
.bg-footer-theme .footer-text { color: #0d9488; }
.bg-footer-theme .show > .footer-link,
.bg-footer-theme .active > .footer-link,
.bg-footer-theme .footer-link.show,
.bg-footer-theme .footer-link.active { color: #0d9488; }
.bg-footer-theme hr { border-color: rgba(13, 148, 136, 0.075); }

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

/* ============================================================
   P) Card
   ============================================================ */
.card.card-border-shadow-primary:hover::after { border-bottom-color: #0d9488; }

/* ============================================================
   Q) Select2
   ============================================================ */
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0d9488 !important; }
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection { border-color: #0d9488 !important; }
.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #0d9488 !important;
  background: rgba(13, 148, 136, 0.16) !important;
}

/* ============================================================
   R) Tagify
   ============================================================ */
.tagify--focus { border-color: #0d9488 !important; }
.tagify__dropdown__item--active { background: #0d9488 !important; }

/* ============================================================
   S) DataTables
   ============================================================ */
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before { background-color: #0d9488; }

/* ============================================================
   T) Bootstrap Select
   ============================================================ */
.bootstrap-select .dropdown-menu.inner a[aria-selected=true] { background: #0d9488 !important; }
.bootstrap-select .dropdown-toggle.show { border-color: #0d9488; }

/* ============================================================
   U) Date pickers
   ============================================================ */

/* Datepicker */
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active,
.datepicker table tr td.range-start,
.datepicker table tr td.range-end {
  background: #0d9488 !important;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(13, 148, 136, 0.3);
}

.datepicker table tr td.range,
.datepicker table tr td.range.highlighted,
.datepicker table tr td.today.range {
  color: #0d9488 !important;
  background: #ccfbf1 !important;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.highlighted.disabled {
  color: rgba(13, 148, 136, 0.5) !important;
}

.datepicker table tr td.today:not(.active),
.datepicker table tr td.today:not(.active):hover {
  color: #0d9488;
  background-color: #ccfbf1;
}

/* Flatpickr */
.flatpickr-day.today,
.flatpickr-day.today:hover {
  color: #0d9488 !important;
  border-color: #ccfbf1;
  background-color: #ccfbf1 !important;
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.today.inRange {
  color: #0d9488 !important;
  background: #ccfbf1 !important;
  border-color: #ccfbf1 !important;
}

.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.week.selected {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #fff !important;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(13, 148, 136, 0.3);
}

/* Daterangepicker */
.daterangepicker td.active:not(.off) {
  background: #0d9488 !important;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(13, 148, 136, 0.3);
}

.daterangepicker .start-date:not(.end-date):not(.off),
.daterangepicker .end-date:not(.start-date):not(.off) { background-color: #0d9488; }

.daterangepicker .start-date:not(.end-date):not(.off):hover,
.daterangepicker .end-date:not(.start-date):not(.off):hover { background-color: #0d9488 !important; }

.daterangepicker .input-mini.active { border-color: #0d9488 !important; }

.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
  color: #0d9488 !important;
  background-color: #ccfbf1 !important;
}

.ranges li.active {
  color: #0d9488 !important;
  background-color: #ccfbf1 !important;
}

/* Timepicker */
li.ui-timepicker-selected,
.ui-timepicker-list .ui-timepicker-selected:hover { background: #0d9488 !important; }

/* ============================================================
   V) Quill editor
   ============================================================ */
.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #0d9488 !important; }

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill { fill: #0d9488 !important; }

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter { stroke: #0d9488 !important; }

/* ============================================================
   W) Typeahead
   ============================================================ */
.tt-suggestion:active,
.tt-cursor { background: #0d9488 !important; }

/* ============================================================
   X) Dropzone
   ============================================================ */
.dropzone.dz-drag-hover { border-color: #0d9488 !important; }

/* ============================================================
   Y) Swiper
   ============================================================ */
.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #0d9488 !important; }

/* ============================================================
   Z) Spinners (Vuexy SK)
   ============================================================ */
.sk-primary.sk-plane,
.sk-primary .sk-chase-dot:before,
.sk-primary .sk-bounce-dot,
.sk-primary .sk-wave-rect,
.sk-primary.sk-pulse,
.sk-primary .sk-swing-dot,
.sk-primary .sk-circle-dot:before,
.sk-primary .sk-circle-fade-dot:before,
.sk-primary .sk-grid-cube,
.sk-primary .sk-fold-cube:before { background-color: #0d9488; }

/* ============================================================
   AA) noUi Slider
   ============================================================ */
.noUi-target:not([disabled]) { background: rgba(13, 148, 136, 0.16); }
.noUi-target:not([disabled]) .noUi-connect { background: #0d9488; }
.noUi-target:not([disabled]) .noUi-handle { border-color: #0d9488; }
.noUi-target:not([disabled]) .noUi-handle:hover { box-shadow: 0 0 0 8px rgba(13, 148, 136, 0.16); }
.noUi-target:not([disabled]) .noUi-handle:active,
.noUi-target:not([disabled]) .noUi-handle:focus { box-shadow: 0 0 0 13px rgba(13, 148, 136, 0.16); }

/* ============================================================
   AB) Plyr (video/audio player)
   ============================================================ */
.plyr input[type=range]::-ms-fill-lower { background: #0d9488 !important; }
.plyr input[type=range]:active::-webkit-slider-thumb { background: #0d9488 !important; }
.plyr input[type=range]:active::-moz-range-thumb { background: #0d9488 !important; }
.plyr input[type=range]:active::-ms-thumb { background: #0d9488 !important; }
.plyr--video .plyr__control.plyr__control--overlaid,
.plyr--video .plyr__control.plyr__control--overlaid:focus,
.plyr--video .plyr__control.plyr__control--overlaid[aria-expanded=true],
.plyr--video .plyr__control.plyr__control--overlaid:hover { background: #0d9488 !important; }
.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button[aria-expanded=true],
.plyr--audio .plyr__controls button:hover { background: #0d9488 !important; }
.plyr__play-large { background: #0d9488 !important; }
.plyr__progress--played,
.plyr__volume--display { color: #0d9488 !important; }
.plyr--full-ui input[type=range] { color: #0d9488 !important; }
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before { background: #0d9488 !important; }

/* ============================================================
   AC) FullCalendar
   ============================================================ */
.fc .fc-event-primary:not(.fc-list-event) {
  color: #0d9488 !important;
  background-color: #ccfbf1 !important;
}
.fc .fc-event-primary.fc-list-event .fc-list-event-dot { border-color: #0d9488 !important; }
.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
  color: #0d9488;
  background-color: rgba(13, 148, 136, 0.16) !important;
}
.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active,
.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
  color: #0d9488;
  background-color: rgba(13, 148, 136, 0.24) !important;
}

/* ============================================================
   AD) SweetAlert2
   ============================================================ */
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line,
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
.swal2-progress-steps[class] .swal2-progress-step { background: #0d9488; }

/* ============================================================
   AE) Color picker (Pickr)
   ============================================================ */
.pcr-app .pcr-type.active,
.pcr-app .pcr-save { background: #0d9488 !important; }

/* ============================================================
   AF) Icon card
   ============================================================ */
.icon-card.active { outline: 1px solid #0d9488; }
.icon-card.active i,
.icon-card.active svg { color: #0d9488; }

/* ============================================================
   AG) Shepherd.js (tour)
   ============================================================ */
.shepherd-element .shepherd-button:not(:disabled).btn-primary {
  background-color: #0d9488;
  border-color: #0d9488;
}
.shepherd-element .shepherd-button:not(:disabled).btn-primary:hover {
  background-color: #0f766e !important;
  border-color: #0f766e !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-primary:focus,
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-primary {
  background-color: #0f766e;
  border-color: #0f766e;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-primary,
.shepherd-element .shepherd-button:not(:disabled).btn-primary:active,
.shepherd-element .shepherd-button:not(:disabled).btn-primary.active {
  background-color: #0f766e !important;
  border-color: #0f766e !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-primary.disabled,
.shepherd-element .shepherd-button:not(:disabled).btn-primary:disabled {
  background-color: #0d9488 !important;
  border-color: #0d9488 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-primary.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):not(:disabled):not(.disabled) {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(13, 148, 136, 0.3);
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-primary,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-primary {
  border-right: var(--bs-border-width) solid #0f766e;
  border-left: var(--bs-border-width) solid #0f766e;
}
.shepherd-element .btn-group-vertical .shepherd-button:not(:disabled).btn-primary {
  border-top-color: #0f766e;
  border-bottom-color: #0f766e;
}

/* ============================================================
   AH) BS Stepper (wizard)
   ============================================================ */
.bs-stepper .step.active .bs-stepper-circle {
  background-color: #0d9488;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(13, 148, 136, 0.3);
}
.bs-stepper .step.active .bs-stepper-icon svg { fill: #0d9488 !important; }
.bs-stepper .step.active .bs-stepper-icon i,
.bs-stepper .step.active .bs-stepper-label { color: #0d9488 !important; }
.bs-stepper .step.crossed .step-trigger .bs-stepper-circle {
  color: #0d9488 !important;
  background-color: #ccfbf1 !important;
}
.bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg { fill: #0d9488 !important; }
.bs-stepper .step.crossed .step-trigger .bs-stepper-icon i { color: #0d9488 !important; }
.bs-stepper.wizard-icons .step.crossed .bs-stepper-label { color: #0d9488 !important; }
.bs-stepper.wizard-icons .step.crossed + .line i { color: #0d9488; }

/* ============================================================
   AI) Chat
   ============================================================ */
.app-chat .sidebar-body .chat-contact-list li.active { background: #0d9488; }
.app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text { background-color: #0d9488 !important; }

/* ============================================================
   AJ) jsTree
   ============================================================ */
.jstree-default .jstree-wholerow-hovered,
.jstree-default .jstree-hovered {
  color: #0d9488;
  background: rgba(13, 148, 136, 0.16);
}
.jstree-default .jstree-wholerow-clicked,
.jstree-default .jstree-clicked { background: #0d9488; }
.jstree-default-dark .jstree-wholerow-hovered,
.jstree-default-dark .jstree-hovered {
  color: #0d9488;
  background: rgba(13, 148, 136, 0.16);
}
.jstree-default-dark .jstree-wholerow-clicked,
.jstree-default-dark .jstree-clicked { background: #0d9488; }

/* ============================================================
   AK) Landing features
   ============================================================ */
.landing-features .features-icon-wrapper .features-icon-box .features-icon { border: 2px solid rgba(13, 148, 136, 0.2); }
.landing-features .features-icon-wrapper .features-icon-box:hover .features-icon { background-color: rgba(13, 148, 136, 0.05); }

/* ============================================================
   AL) Multiselect
   ============================================================ */
.multiselect-checkbox { accent-color: #0d9488; }
.multiselect-count { color: #0d9488; }

/* ============================================================
   AM) Toastr overrides
   ============================================================ */
.toast-primary { background-color: #0d9488 !important; }

/* ============================================================
   loading overrides
   ============================================================ */

.loading .effect-1,
.loading .effect-2 {
  border-left: 3px solid rgba(13, 148, 136, 1) !important;
}
.loading .effect-3 {
  border-left: 3px solid rgba(13, 148, 136, 1) !important;
}

/* ============================================================
   Page-scoped CSS variable overrides
   Transactions, Audit Log, and other pages use scoped
   CSS variables that don't inherit from :root --bs-primary.
   ============================================================ */

/* Page-scoped CSS variable overrides (transactions, audit log) */

/* ============================================================
   Hardcoded purple overrides for scoped page styles
   Covers #7c6af6, #7367f0, rgba(124,106,246,...) across pages
   ============================================================ */

/* --- Nav tabs custom (shared across config, audit, players, fraud, profile, user-detail) --- */
.nav-tabs-custom .nav-link.active,
.nav-tabs-custom .nav-link.active:hover,
.nav-tabs-custom .nav-link.active:focus {
  color: #0d9488 !important;
  border-bottom-color: #0d9488 !important;
}
.nav-tabs-custom .nav-link:hover { color: #0d9488 !important; }

/* Nav tabs underline variant (fraud players detail) */
.nav-tabs-underline .nav-link.active,
.nav-tabs-underline .nav-link.active:hover {
  color: #0d9488 !important;
  border-bottom-color: #0d9488 !important;
}
.nav-tabs-underline .nav-link:hover { color: #0d9488 !important; }

/* --- Page header icon boxes --- */
.page-icon-box,
.card-icon.bg-primary-light,
.card-icon.primary,
.stat-card-icon.primary,
.detection-rule-icon.primary {
  background: rgba(13, 148, 136, 0.12) !important;
  color: #0d9488 !important;
}

/* --- Filter tags & chips (transactions, players, audit) --- */
.filter-tag { border-color: #0d9488 !important; }
.filter-tag .filter-tag-label { color: #0d9488 !important; }
.filter-tag-edit { color: #0d9488 !important; }

.chip-active,
.quick-filters .nav-link.active {
  border-color: #0d9488 !important;
  color: #0d9488 !important;
}

/* --- Category chips (audit log) --- */
.al-category-chip.active {
  border-color: #0d9488 !important;
  color: #0d9488 !important;
}

/* --- Filter picker/editor --- */
.filter-picker-item:hover,
.al-filter-picker-item:hover { color: #0d9488 !important; }
.btn-apply-filter,
.al-btn-apply-filter {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
}

/* --- Pagination active (scoped overrides) --- */
.al-pagination .active .page-link,
.tx-pagination .active .page-link {
  background-color: #0d9488 !important;
  border-color: #0d9488 !important;
}

/* --- Sort icons (transactions, audit) --- */
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after {
  color: #0d9488 !important;
}

/* --- Saved searches --- */
.saved-search-item:hover { color: #0d9488 !important; }

/* --- Summary strip --- */
.summary-deposit-value { color: #0d9488 !important; }

/* --- Modal/Wizard step active --- */
.wizard-step.active .wizard-step-number,
.notif-wizard-step.active .notif-wizard-step-number {
  background: #0d9488 !important;
}
.wizard-step.active .wizard-step-label,
.notif-wizard-step.active .notif-wizard-step-label {
  color: #0d9488 !important;
}

/* --- Config page specifics --- */
.settings-nav .nav-link.active { color: #0d9488 !important; border-bottom-color: #0d9488 !important; }
.tax-wizard-step.active .tax-wizard-step-number { background: #0d9488 !important; }
.tax-wizard-step.active .tax-wizard-step-label { color: #0d9488 !important; }
.settings-card-icon { background: rgba(13, 148, 136, 0.12) !important; color: #0d9488 !important; }
.tax-type-card.selected { border-color: #0d9488 !important; }
.tax-type-card.selected .tax-type-icon { color: #0d9488 !important; }

/* --- Fraud pages --- */
.case-id { color: #0d9488 !important; }
.timeline-marker.status { background: #0d9488 !important; }
.resolution-option.selected { border-color: #0d9488 !important; background: rgba(13, 148, 136, 0.08) !important; }
.resolution-option input[type="radio"] { accent-color: #0d9488 !important; }
.detection-badge.large_transaction { background: rgba(13, 148, 136, 0.15) !important; color: #0d9488 !important; }
.transaction-type.bet { color: #0d9488 !important; }
.section-toggle:hover { color: #0d9488 !important; }

/* --- Fraud company detail --- */
.notif-channel-type-option.selected,
.notif-source-option.selected,
.notif-event-type-checkbox.checked,
.notif-template-option.selected {
  border-color: #0d9488 !important;
  background: rgba(13, 148, 136, 0.04) !important;
}
.notif-source-option input[type="radio"],
.notif-event-type-checkbox input[type="checkbox"],
.notif-template-option input[type="radio"] {
  accent-color: #0d9488 !important;
}
.notif-preview-tab.active { border-bottom-color: #0d9488 !important; color: #0d9488 !important; }
.notif-placeholders-table td:first-child { color: #0d9488 !important; }
.notif-info-alert i { color: #0d9488 !important; }
.notif-placeholder-btn:hover { border-color: #0d9488 !important; color: #0d9488 !important; background: rgba(13, 148, 136, 0.08) !important; }

/* --- Players list --- */
.player-filter-tag { border-color: #0d9488 !important; }
.player-filter-tag .filter-tag-label { color: #0d9488 !important; }
.player-expand-toggle:hover { color: #0d9488 !important; }
.bulk-action-bar .btn-primary { background: #0d9488 !important; border-color: #0d9488 !important; }

/* --- Players detail --- */
.player-detail-tabs .nav-link.active { color: #0d9488 !important; border-bottom-color: #0d9488 !important; }
.player-detail-tabs .nav-link:hover { color: #0d9488 !important; }
.inline-ledger-pagination .active { background: #0d9488 !important; border-color: #0d9488 !important; }

/* --- Responsible gambling --- */
.operator-exposure-card { border-top-color: #0d9488 !important; }

/* --- Company detail tabs --- */
.company-tabs .nav-link.active { color: #0d9488 !important; border-bottom-color: #0d9488 !important; }
.contact-detail a:hover { color: #0d9488 !important; }

/* --- Market page --- */
.tax-label-item.actual .label-value { color: #0d9488 !important; }
.metric-icon-sm { background: rgba(13, 148, 136, 0.1) !important; color: #0d9488 !important; }

/* --- Profile / User detail tabs --- */
.user-detail-tabs .nav-link.active,
.profile-tabs .nav-link.active {
  color: #0d9488 !important;
  border-bottom-color: #0d9488 !important;
}

/* --- Flatpickr date range (audit log, transactions) --- */
.flatpickr-day.selected,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
  color: #fff !important;
}
.flatpickr-day.inRange,
.flatpickr-day.inRange.prevMonthDay,
.flatpickr-day.inRange.nextMonthDay { background: rgba(13, 148, 136, 0.1) !important; }

/* --- Generic accent color for inputs --- */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  accent-color: #0d9488;
}

/* --- Breadcrumb links --- */
a[style*="color: #7c6af6"] { color: #0d9488 !important; }