/* Dark Mode Theme for LendingWise */
/* Applied when body has class 'dark-mode' */

body.dark-mode {
    background-color: #1a1a2e !important;
    color: #d4d4e0 !important;
}

/* ==========================================
   Layout: Do not override overflow or position
   to avoid breaking Metronic fixed header/scroll
   ========================================== */

/* Main content area */
body.dark-mode .content {
    background-color: #1a1a2e !important;
}

body.dark-mode .wrapper {
    background-color: #1a1a2e !important;
}

body.dark-mode .container-fluid {
    background-color: transparent !important;
}

/* ==========================================
   Header
   ========================================== */
body.dark-mode .header {
    background-color: #16213e !important;
    border-bottom: 1px solid #2a2a4a;
}

body.dark-mode .header-fixed .header {
    background-color: #16213e !important;
}

body.dark-mode .topbar {
    background-color: #16213e !important;
}

body.dark-mode .header-mobile {
    background-color: #16213e !important;
}

/* ==========================================
   Cards - general
   ========================================== */
body.dark-mode .card {
    background-color: #16213e !important;
    border-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .card-header {
    background-color: #16213e !important;
    border-bottom-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .card-header .card-title,
body.dark-mode .card-header .card-title h3,
body.dark-mode .card-header .card-label,
body.dark-mode .card-header h3.card-label {
    color: #ffffff !important;
}

body.dark-mode .card-body {
    background-color: #16213e !important;
    color: #d4d4e0 !important;
}

body.dark-mode .card-footer {
    background-color: #16213e !important;
    border-top-color: #2a2a4a !important;
}

/* ==========================================
   Dashboard - File Status tiles
   ========================================== */
body.dark-mode .card-spacer.bg-white,
body.dark-mode .bg-white {
    background-color: #1c2a45 !important;
}

body.dark-mode .card-spacer .font-size-h5,
body.dark-mode .card-spacer .font-size-h4,
body.dark-mode .card-spacer .font-size-h6-sm {
    color: #d4d4e0 !important;
}

body.dark-mode .card-spacer .font-size-h5.text-muted {
    color: #93a3c0 !important;
}

body.dark-mode #fileStatusCards .font-size-h4.font-weight-bold {
    color: #ffffff !important;
}

body.dark-mode #fileStatusCards .font-size-sm.text-muted {
    color: #93a3c0 !important;
}

body.dark-mode .box-shadow-css {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
}

/* Dashboard chart card headers (collapsed) */
body.dark-mode .card-collapsed .card-header {
    background-color: #1c2a45 !important;
}

body.dark-mode .card-collapsed .card-header .card-label,
body.dark-mode .card-collapsed .card-header h3 {
    color: #ffffff !important;
}

/* ==========================================
   Tables
   ========================================== */
body.dark-mode .table {
    color: #d4d4e0 !important;
}

body.dark-mode .table thead th {
    background-color: #0f3460 !important;
    color: #ffffff !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .table td,
body.dark-mode .table th {
    border-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .table tbody tr {
    background-color: #16213e !important;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: #1c2a45 !important;
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: #253a5e !important;
}

body.dark-mode .table-bordered {
    border-color: #2a2a4a !important;
}

/* Broker list: keep select-all header cell transparent so parent header color shows through */
body.dark-mode .broker-select-header-table,
body.dark-mode .broker-select-header-table tbody tr,
body.dark-mode .broker-select-header-table td,
body.dark-mode .broker-select-header-table th {
    background-color: transparent !important;
}

/* Loan File Task tab - keep status colors aligned with legend in dark mode */
body.dark-mode .task-status-legend .task-status-legend-item {
    color: #e8efff !important;
    border: 1px solid transparent;
}

body.dark-mode .task-status-legend .task-status-not-started {
    background-color: rgba(127, 58, 93, 0.58) !important;
    border-color: rgba(127, 58, 93, 0.75) !important;
}

body.dark-mode .task-status-legend .task-status-completed {
    background-color: rgba(42, 133, 120, 0.58) !important;
    border-color: rgba(42, 133, 120, 0.75) !important;
}

body.dark-mode .task-status-legend .task-status-in-progress {
    background-color: rgba(143, 115, 56, 0.58) !important;
    border-color: rgba(143, 115, 56, 0.75) !important;
}

body.dark-mode .task-status-legend .task-status-not-applicable {
    background-color: rgba(62, 103, 159, 0.58) !important;
    border-color: rgba(62, 103, 159, 0.75) !important;
}

body.dark-mode .task-status-legend .task-status-past-due {
    background-color: rgba(197, 57, 79, 0.94) !important;
    border-color: rgba(197, 57, 79, 1) !important;
    color: #ffffff !important;
}

body.dark-mode #taskTableInfo tbody tr.task-status-not-started td,
body.dark-mode #taskListDiv tbody tr.task-status-not-started td {
    background-color: rgba(127, 58, 93, 0.58) !important;
}

body.dark-mode #taskTableInfo tbody tr.task-status-completed td,
body.dark-mode #taskListDiv tbody tr.task-status-completed td {
    background-color: rgba(42, 133, 120, 0.58) !important;
}

body.dark-mode #taskTableInfo tbody tr.task-status-in-progress td,
body.dark-mode #taskListDiv tbody tr.task-status-in-progress td {
    background-color: rgba(143, 115, 56, 0.58) !important;
}

body.dark-mode #taskTableInfo tbody tr.task-status-not-applicable td,
body.dark-mode #taskListDiv tbody tr.task-status-not-applicable td {
    background-color: rgba(62, 103, 159, 0.58) !important;
}

body.dark-mode #taskTableInfo tbody tr.task-status-past-due td,
body.dark-mode #taskListDiv tbody tr.task-status-past-due td {
    background-color: rgba(197, 57, 79, 0.94) !important;
    color: #ffffff !important;
}

/* Dashboard task legend pills + status column pills */
body.dark-mode .label.label-inline.not_started,
body.dark-mode .dash-task-status-pill.not_started {
    background-color: rgba(127, 58, 93, 0.58) !important;
    color: #e8efff !important;
}

body.dark-mode .label.label-inline.in_progress,
body.dark-mode .dash-task-status-pill.in_progress {
    background-color: rgba(143, 115, 56, 0.58) !important;
    color: #e8efff !important;
}

body.dark-mode .label.label-inline.past_due,
body.dark-mode .dash-task-status-pill.past_due {
    background-color: rgba(197, 57, 79, 0.94) !important;
    color: #ffffff !important;
}

/* Workflow tab - align legend and step row colors in dark mode */
body.dark-mode .workflow-status-legend-item {
    color: #e8efff !important;
    border: 1px solid transparent;
}

body.dark-mode .workflow-status-legend-item.workflow-status-pending {
    background-color: rgba(143, 115, 56, 0.58) !important;
    border-color: rgba(143, 115, 56, 0.75) !important;
}

body.dark-mode .workflow-status-legend-item.workflow-status-completed {
    background-color: rgba(42, 133, 120, 0.58) !important;
    border-color: rgba(42, 133, 120, 0.75) !important;
}

body.dark-mode .workflow-status-legend-item.workflow-status-needs-manager {
    background-color: rgba(127, 58, 93, 0.58) !important;
    border-color: rgba(127, 58, 93, 0.75) !important;
}

body.dark-mode .workflow-status-legend-item.workflow-status-needs-legal {
    background-color: rgba(197, 57, 79, 0.94) !important;
    border-color: rgba(197, 57, 79, 1) !important;
    color: #ffffff !important;
}

body.dark-mode .workflow-status-legend-item.workflow-status-not-applicable {
    background-color: rgba(62, 103, 159, 0.58) !important;
    border-color: rgba(62, 103, 159, 0.75) !important;
}

body.dark-mode .WorkflowCard .workflow-status-row.workflow-status-pending td {
    background-color: rgba(143, 115, 56, 0.58) !important;
}

body.dark-mode .WorkflowCard .workflow-status-row.workflow-status-completed td {
    background-color: rgba(42, 133, 120, 0.58) !important;
}

body.dark-mode .WorkflowCard .workflow-status-row.workflow-status-needs-manager td {
    background-color: rgba(127, 58, 93, 0.58) !important;
}

body.dark-mode .WorkflowCard .workflow-status-row.workflow-status-needs-legal td {
    background-color: rgba(197, 57, 79, 0.94) !important;
    color: #ffffff !important;
}

body.dark-mode .WorkflowCard .workflow-status-row.workflow-status-not-applicable td {
    background-color: rgba(62, 103, 159, 0.58) !important;
}

/* Pipeline accordion workflow status rows (chk* classes used in myWFList.php) */
body.dark-mode .chkYellow,
body.dark-mode .chkYellow td {
    background-color: rgba(143, 115, 56, 0.58) !important;
    border-color: rgba(143, 115, 56, 0.75) !important;
    color: #e8efff !important;
}

body.dark-mode .chkDarkGrn,
body.dark-mode .chkDarkGrn td {
    background-color: rgba(42, 133, 120, 0.58) !important;
    border-color: rgba(42, 133, 120, 0.75) !important;
    color: #e8efff !important;
}

body.dark-mode .chkLightRed,
body.dark-mode .chkLightRed td {
    background-color: rgba(127, 58, 93, 0.58) !important;
    border-color: rgba(127, 58, 93, 0.75) !important;
    color: #e8efff !important;
}

body.dark-mode .chkRed,
body.dark-mode .chkRed td {
    background-color: rgba(197, 57, 79, 0.94) !important;
    border-color: rgba(197, 57, 79, 1) !important;
    color: #ffffff !important;
}

body.dark-mode .chkGrey,
body.dark-mode .chkGrey td {
    background-color: rgba(62, 103, 159, 0.58) !important;
    border-color: rgba(62, 103, 159, 0.75) !important;
    color: #e8efff !important;
}

/* Pipeline workflow text color fix for dark mode */
body.dark-mode #pipelineTable .text-dark,
body.dark-mode .card-body .chkDarkGrn td.text-dark,
body.dark-mode .card-body .chkYellow td.text-dark,
body.dark-mode .card-body .chkLightRed td.text-dark,
body.dark-mode .card-body .chkRed td.text-dark,
body.dark-mode .card-body .chkGrey td.text-dark {
    color: #e8efff !important;
}

/* ==========================================
   Text color overrides - HIGH CONTRAST
   ========================================== */
body.dark-mode .text-dark {
    color: #ffffff !important;
}

body.dark-mode .text-dark-75 {
    color: #e0e0ec !important;
}

body.dark-mode .text-dark-50 {
    color: #b0b0c8 !important;
}

body.dark-mode .text-muted {
    color: #93a3c0 !important;
}

body.dark-mode .font-weight-bold:not([style*="lumen"]),
body.dark-mode .font-weight-bolder:not([style*="lumen"]) {
    color: #e8e8f0 !important;
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #ffffff !important;
}

body.dark-mode p {
    color: #d4d4e0 !important;
}

body.dark-mode span:not(.btn):not([class*="label-"]):not([class*="badge-"]):not(.switch):not([class*="svg-icon"]):not([class*="bullet"]):not([class*="spinner"]) {
    color: inherit;
}

/* Links - exclude menu-link so aside menu items keep their native colors */
/* Also exclude text-danger and text-success so file type icons (PDF=red, Excel=green) keep their colors */
body.dark-mode a:not(.btn):not(.nav-link):not(.menu-link):not(.menu-toggle):not([class*="label-"]):not(.text-danger):not(.text-success) {
    color: #5dade2 !important;
}

body.dark-mode a:not(.btn):not(.nav-link):not(.menu-link):not(.menu-toggle):not([class*="label-"]):not(.text-danger):not(.text-success):hover {
    color: #85c1e9 !important;
}

/* Pipeline + file status reload icons in dark mode */
body.dark-mode #pipelineTable .folderIconClass i,
body.dark-mode #pipelineTable i.flaticon2-reload,
body.dark-mode .btn i.flaticon2-reload.text-success {
    color: #5dade2 !important;
}

/* Notes popup badges (Pipeline + LMRequest) */
body.dark-mode #processorCommentsDiv .bg-warning-o-50,
body.dark-mode [id^="divListNotes"] .bg-warning-o-50 {
    background-color: rgb(15 52 96) !important;
    color: #ffffff !important;
}

body.dark-mode #processorCommentsDiv .bg-warning-o-50 .text-dark,
body.dark-mode [id^="divListNotes"] .bg-warning-o-50 .text-dark {
    color: #ffffff !important;
}

/* ==========================================
   Forms
   ========================================== */
body.dark-mode .form-control {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .form-control:focus {
    background-color: #253a5e !important;
    border-color: #3699FF !important;
    color: #e0e0e0 !important;
}

body.dark-mode .form-control::placeholder {
    color: #8890a8 !important;
}

body.dark-mode .form-control:disabled,
body.dark-mode .form-control[readonly] {
    /*background-color: #141c30 !important;*/
    color: #8890a8 !important;
}

body.dark-mode select.form-control {
    background-color: #1e2a4a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .input-group-text {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
    color: #d4d4e0 !important;
}

body.dark-mode label:not([style*="lumen"]) {
    color: #c8c8d8 !important;
}

/* ==========================================
   Dropdowns
   ========================================== */
body.dark-mode .dropdown-menu {
    background-color: #16213e !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .dropdown-item {
    color: #d4d4e0 !important;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: #253a5e !important;
    color: #ffffff !important;
}

body.dark-mode .dropdown-divider {
    border-top-color: #2a2a4a !important;
}

/* Bootstrap-select (used in Add Task popup) */
body.dark-mode .bootstrap-select > .dropdown-toggle.btn-light,
body.dark-mode .bootstrap-select > .dropdown-toggle.btn-secondary {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .bootstrap-select > .dropdown-toggle .filter-option,
body.dark-mode .bootstrap-select > .dropdown-toggle .filter-option-inner-inner,
body.dark-mode .bootstrap-select .dropdown-toggle:not(.bs-placeholder) .filter-option-inner-inner {
    color: #d4d4e0 !important;
}

body.dark-mode .bootstrap-select .dropdown-menu.inner li a {
    color: #d4d4e0 !important;
}

body.dark-mode .bootstrap-select .dropdown-menu.inner li.selected a {
    background-color: #253a5e !important;
}

body.dark-mode .bootstrap-select .dropdown-menu.inner li.selected a span.text {
    color: #ffffff !important;
}

/* ==========================================
   Modals
   ========================================== */
body.dark-mode .modal-content {
    background-color: #16213e !important;
    border-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .modal-header {
    border-bottom-color: #2a2a4a !important;
}

body.dark-mode .modal-header .modal-title {
    color: #ffffff !important;
}

body.dark-mode .modal-footer {
    border-top-color: #2a2a4a !important;
}

/* ==========================================
   Sidebar / Aside  (overrides aside/dark.css #3c4858)
   ========================================== */
body.dark-mode .aside {
    background-color: #1a1a2e !important;
}

body.dark-mode .aside-menu {
    background-color: #16213e !important;
}

body.dark-mode .aside-menu-wrapper {
    background-color: #16213e !important;
}

/* Brand / Logo area  (overrides brand/light.css #fff) */
body.dark-mode .brand,
body.dark-mode #kt_brand {
    background-color: #16213e !important;
}

/* ==========================================
   Offcanvas panels
   ========================================== */
body.dark-mode .offcanvas {
    background-color: #16213e !important;
    color: #d4d4e0 !important;
}

body.dark-mode #kt_quick_user {
    background-color: #16213e !important;
}

body.dark-mode #kt_quick_user .navi-text .font-weight-bold {
    color: #e0e0e0 !important;
}

/* ==========================================
   Separators
   ========================================== */
body.dark-mode .separator {
    border-bottom-color: #2a2a4a !important;
}

body.dark-mode .separator-dashed {
    border-bottom-color: #2a2a4a !important;
}

/* ==========================================
   Backgrounds
   ========================================== */
body.dark-mode .bg-light {
    background-color: #1c2a45 !important;
}

body.dark-mode .bg-secondary {
    background-color: #1c2a45 !important;
}

/* Page loader */
body.dark-mode .page-loader {
    background-color: #1a1a2e !important;
}

/* ==========================================
   Scrollbar styling (cosmetic only)
   ========================================== */
body.dark-mode *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.dark-mode *::-webkit-scrollbar-track {
    background: #1a1a2e;
}

body.dark-mode *::-webkit-scrollbar-thumb {
    background: #3a3a5a;
    border-radius: 4px;
}

body.dark-mode *::-webkit-scrollbar-thumb:hover {
    background: #4a4a6a;
}

/* ==========================================
   Tabs
   ========================================== */
body.dark-mode .nav-tabs {
    border-bottom-color: #2a2a4a !important;
}

body.dark-mode .nav-tabs .nav-link {
    color: #93a3c0 !important;
}

body.dark-mode .nav-tabs .nav-link.active {
    background-color: #16213e !important;
    border-color: #2a2a4a #2a2a4a #16213e !important;
    color: #3699FF !important;
}

body.dark-mode .nav-tabs .nav-link:hover {
    border-color: #2a2a4a !important;
    color: #ffffff !important;
}

body.dark-mode .nav-bold .nav-link {
    color: #93a3c0 !important;
}

body.dark-mode .nav-bold .nav-link.active {
    color: #3699FF !important;
}

body.dark-mode .tab-content {
    background-color: #16213e !important;
}

/* ==========================================
   Alerts
   ========================================== */
body.dark-mode .alert {
    border-color: #2a2a4a !important;
}

body.dark-mode .alert-light {
    background-color: #1e2a4a !important;
    border-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .alert-light h6,
body.dark-mode .alert-light small {
    color: #d4d4e0 !important;
}

/* ==========================================
   Breadcrumbs / Subheader
   ========================================== */
body.dark-mode .subheader {
    background-color: #16213e !important;
}

body.dark-mode.header-fixed.subheader-fixed .subheader {
    border-top: 1px solid #3a3a5a !important;
}

/* ==========================================
   Pagination
   ========================================== */
body.dark-mode .page-link {
    background-color: #1e2a4a !important;
    border-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .page-item.active .page-link {
    background-color: #3699FF !important;
    border-color: #3699FF !important;
}

/* ==========================================
   Select2
   ========================================== */
body.dark-mode .select2-container--default .select2-selection--single {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #d4d4e0 !important;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #c0c8d8 transparent transparent transparent !important;
}

body.dark-mode .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #c0c8d8 transparent !important;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #8890a8 !important;
}

body.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
}

body.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #253a5e !important;
    border-color: #3a5a8a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #93a3c0 !important;
}

body.dark-mode .select2-dropdown {
    background-color: #16213e !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .select2-results__option {
    color: #d4d4e0 !important;
}

body.dark-mode .select2-results__option--highlighted {
    background-color: #253a5e !important;
}

body.dark-mode .select2-search__field {
    background-color: #1e2a4a !important;
    color: #e0e0e0 !important;
}

/* ==========================================
   DataTables
   ========================================== */
body.dark-mode .dataTables_wrapper {
    color: #d4d4e0 !important;
}

body.dark-mode .dataTables_wrapper .dataTables_filter input {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .dataTables_wrapper .dataTables_length select {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
    color: #e0e0e0 !important;
}

/* ==========================================
   Chosen plugin - full dark mode support
   ========================================== */
body.dark-mode .chosen-container .chosen-single {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .chosen-container-single .chosen-single span {
    color: #d4d4e0 !important;
}

body.dark-mode .chosen-container-single .chosen-default {
    color: #8890a8 !important;
}

/* Arrow container background */
body.dark-mode .chosen-container-single .chosen-single div {
    background-color: #1e2a4a !important;
}

/* Arrow SVG - light color for dark mode */
body.dark-mode .chosen-container-single .chosen-single div:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c0c8d8' d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E") !important;
}

body.dark-mode .chosen-container .chosen-drop {
    background-color: #16213e !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .chosen-container .chosen-results li {
    color: #d4d4e0 !important;
}

body.dark-mode .chosen-container .chosen-results li.highlighted {
    background-color: #253a5e !important;
    color: #ffffff !important;
}

body.dark-mode .chosen-container .chosen-results li.result-selected {
    background-color: #1c2a45 !important;
    color: #93a3c0 !important;
}

body.dark-mode .chosen-container .chosen-search input[type="text"] {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
    color: #d4d4e0 !important;
}

/* Multi-select chosen */
body.dark-mode .chosen-container-multi .chosen-choices {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
}

body.dark-mode .chosen-container-multi .chosen-choices .search-choice {
    background-color: #253a5e !important;
    border-color: #3a5a8a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .chosen-container-multi .chosen-choices .search-field input[type="text"] {
    color: #d4d4e0 !important;
}

body.dark-mode .chzn-select {
    background-color: #1e2a4a !important;
    color: #d4d4e0 !important;
}

/* Native select dropdown arrow fix */
body.dark-mode select.form-control {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23c0c8d8' d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.5rem center !important;
    background-size: 1.5rem !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 2rem !important;
}

/* ==========================================
   Accordion
   ========================================== */
body.dark-mode .accordion .card-header {
    background-color: #1c2a45 !important;
}

/* ==========================================
   Tooltips & Popovers
   ========================================== */
body.dark-mode .tooltip-inner {
    background-color: #0f3460 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .popover {
    background-color: #16213e !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .popover-header {
    background-color: #0f3460 !important;
    border-bottom-color: #1a4a7a !important;
    color: #ffffff !important;
}

body.dark-mode .popover .arrow::after {
    border-top-color: #16213e !important;
    border-bottom-color: #16213e !important;
}

body.dark-mode .popover .arrow::before {
    border-top-color: #2a2a4a !important;
    border-bottom-color: #2a2a4a !important;
}

body.dark-mode .popover-body {
    color: #d4d4e0 !important;
}

/* ==========================================
   List groups
   ========================================== */
body.dark-mode .list-group-item {
    background-color: #16213e !important;
    border-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

/* ==========================================
   Borders
   ========================================== */
body.dark-mode .border {
    border-color: #2a2a4a !important;
}

body.dark-mode .border-bottom {
    border-bottom-color: #2a2a4a !important;
}

body.dark-mode .border-top {
    border-top-color: #2a2a4a !important;
}

/* ==========================================
   Symbols & Icons
   ========================================== */
body.dark-mode .symbol .symbol-label {
    background-color: #1c2a45 !important;
}

body.dark-mode .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: #c0c0d0;
}

/* ==========================================
   Navi items
   ========================================== */
body.dark-mode .navi .navi-item .navi-link:hover {
    background-color: #1c2a45 !important;
}

/* ==========================================
   Footer
   ========================================== */
body.dark-mode .footer {
    background-color: #16213e !important;
    border-top-color: #2a2a4a !important;
}

body.dark-mode .footer .text-dark-75 {
    color: #93a3c0 !important;
}

/* ==========================================
   Sticky notes
   ========================================== */
body.dark-mode .stickynote {
    background-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

/* ==========================================
   Dark mode toggle in quick user panel
   ========================================== */
.dark-mode-toggle-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.dark-mode-toggle-wrapper .toggle-label {
    font-weight: 500;
    font-size: 1rem;
}

.dark-mode-toggle-wrapper .toggle-desc {
    font-size: 0.85rem;
}

/* ==========================================
   Switches / toggles - improve OFF visibility in dark mode
   ========================================== */
body.dark-mode .switch input:empty ~ span:before {
    background-color: #2f3f60 !important;
    border: 1px solid #4d638f !important;
    box-shadow: inset 0 0 0 1px rgba(10, 20, 40, 0.45);
}

body.dark-mode .switch input:empty ~ span:after {
    background-color: #c8d2e8 !important;
    opacity: 1 !important;
}

body.dark-mode .switch input:checked ~ span:before {
    background-color: #2f3f60 !important;
    border-color: #5eaef4 !important;
}

body.dark-mode .switch input:checked ~ span:after {
    background-color: #3699ff !important;
    color: #ffffff !important;
}

/* ==========================================
   jQuery Confirm
   ========================================== */
body.dark-mode .jconfirm .jconfirm-box {
    background-color: #16213e !important;
    border-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

/* ==========================================
   Pipeline specific
   ========================================== */
body.dark-mode .pipeline-row:hover {
    background-color: #253a5e !important;
}

/* Pipeline status filter buttons */
body.dark-mode .btn-outline-primary {
    color: #5dade2 !important;
    border-color: #3a5a8a !important;
}

body.dark-mode .btn-outline-primary:hover,
body.dark-mode .btn-outline-primary.active {
    background-color: #3699FF !important;
    color: #ffffff !important;
}

/* ==========================================
   Misc
   ========================================== */
body.dark-mode hr {
    border-top-color: #2a2a4a !important;
}

body.dark-mode code {
    color: #e88bcc !important;
    background-color: #1e2a4a !important;
}

body.dark-mode pre {
    background-color: #1e2a4a !important;
    color: #d4d4e0 !important;
    border-color: #2a2a4a !important;
}

/* ==========================================
   Labels / Badges / Pills - make readable on dark
   ========================================== */
body.dark-mode .label-light-danger {
    background-color: rgba(246, 78, 96, 0.2) !important;
    color: #f77d8e !important;
}

body.dark-mode .label-light-primary {
    background-color: rgba(54, 153, 255, 0.2) !important;
    color: #5dade2 !important;
}

body.dark-mode .label-light-success {
    background-color: rgba(27, 197, 189, 0.2) !important;
    color: #48d1cc !important;
}

body.dark-mode .label-light-warning {
    background-color: rgba(255, 168, 0, 0.2) !important;
    color: #ffc44d !important;
}

body.dark-mode .label-light-info {
    background-color: rgba(137, 80, 252, 0.2) !important;
    color: #a98bfc !important;
}

body.dark-mode .label-light-dark {
    background-color: rgba(214, 214, 224, 0.15) !important;
    color: #d4d4e0 !important;
}

/* btn-light-primary (Log Out button, etc.) */
body.dark-mode .btn-light-primary {
    background-color: rgba(54, 153, 255, 0.15) !important;
    color: #5dade2 !important;
    border-color: transparent !important;
}

body.dark-mode .btn-light-primary:hover {
    background-color: #3699FF !important;
    color: #ffffff !important;
}

/* btn-light (icon action buttons in dark mode) */
body.dark-mode .btn.btn-light {
    background-color: transparent !important;
    border: solid #3a3a5a 1px !important;
}

/* ==========================================
   Pipeline status pills / nav tabs
   ========================================== */
body.dark-mode .bg-gray-100 {
    background-color: #1c2a45 !important;
}

body.dark-mode .bg-gray-200 {
    background-color: #1e2a4a !important;
}

body.dark-mode .bg-gray-300 {
    background-color: #253a5e !important;
}

body.dark-mode .nav-item .nav-link {
    color: #d4d4e0 !important;
}

body.dark-mode .nav-item .nav-link.active {
    color: #ffffff !important;
    background-color: #3699FF !important;
}

/* Dashboard tabs (nav-tabs-line) — use underline style, not filled background */
body.dark-mode .nav-tabs-line .nav-item .nav-link.active {
    background-color: transparent !important;
    color: #3699FF !important;
    border-bottom: 2px solid #3699FF !important;
}

body.dark-mode .nav-tabs-line .nav-item .nav-link {
    color: #93a3c0 !important;
}

body.dark-mode .nav-tabs-line .nav-item .nav-link:hover {
    color: #ffffff !important;
    border-bottom-color: #93a3c0 !important;
}

body.dark-mode .nav-item.bg-gray-100 {
    border: 1px solid #2a2a4a !important;
    border-radius: .42rem;
}
body.dark-mode .nav-item.bg-gray-100:hover {
    border-color: #3699FF !important;
}

body.dark-mode .pipelineNavigation .nav-pills .nav-link {
    border: none !important;
    border-radius: .42rem !important;
}

body.dark-mode .pipelineNavigation .nav.nav-pills .nav-item {
    border-color: #3a3a5a !important;
}

body.dark-mode .pipelineNavigation .nav.nav-pills .nav-item:hover {
    border-color: #3699FF !important;
    box-shadow: none !important;
}

/* Inline styles that use style="color: ..." or style="background-color: ..." won't be caught,
   but general text should be readable everywhere */
body.dark-mode [style*="background-color: #ECEEF6"],
body.dark-mode [style*="background-color: #eceef6"],
body.dark-mode [style*="background-color:#ECEEF6"],
body.dark-mode [style*="background-color:#eceef6"] {
    background-color: #1a1a2e !important;
}

body.dark-mode [style*="background-color: rgb(236, 238, 246)"] {
    background-color: #1a1a2e !important;
}

/* ==========================================
   Autocomplete dropdowns (Lead Source, etc.)
   ========================================== */
body.dark-mode .autocomplete {
    background: #1c2a45 !important;
    border-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .autocomplete div {
    color: #d4d4e0 !important;
}

body.dark-mode .autocomplete .selected,
body.dark-mode .autocomplete .selected:hover {
    background: #3699ff !important;
    color: #ffffff !important;
}

body.dark-mode .autocomplete strong {
    color: #5dade2 !important;
}

/* jQuery UI autocomplete */
body.dark-mode .ui-autocomplete {
    background: #1c2a45 !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .ui-menu-item-wrapper {
    color: #d4d4e0 !important;
}

body.dark-mode .ui-state-focus,
body.dark-mode .ui-state-active {
    background: #3699ff !important;
    border-color: #3699ff !important;
    color: #ffffff !important;
}

/* Twitter Typeahead dropdown */
body.dark-mode .tt-menu {
    background: #1c2a45 !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .tt-menu .tt-suggestion {
    color: #d4d4e0 !important;
}

body.dark-mode .tt-menu .tt-suggestion:hover,
body.dark-mode .tt-menu .tt-suggestion.tt-cursor {
    background: #253a5e !important;
    color: #ffffff !important;
}

body.dark-mode .tt-menu .tt-suggestion .tt-highlight {
    color: #5dade2 !important;
}

body.dark-mode .form-control.tt-hint {
    color: #6c7293 !important;
}

/* ==========================================
   Loan / Property tab specific dark mode fixes
   ========================================== */
/* Loan Info -> Additional Terms editor (TinyMCE) */
body.dark-mode .tox.tox-tinymce,
body.dark-mode .tox .tox-editor-header,
body.dark-mode .tox .tox-toolbar,
body.dark-mode .tox .tox-toolbar__primary,
body.dark-mode .tox .tox-toolbar__overflow,
body.dark-mode .tox .tox-menubar,
body.dark-mode .tox .tox-statusbar {
    background-color: #1e2a4a !important;
    border-color: #3a3a5a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .tox .tox-tbtn svg {
    fill: #c0c8d8 !important;
}

body.dark-mode .tox .tox-tbtn:hover,
body.dark-mode .tox .tox-tbtn:focus,
body.dark-mode .tox .tox-tbtn--enabled {
    background-color: #253a5e !important;
}

body.dark-mode .tox .tox-edit-area::before {
    border-color: #3a3a5a !important;
}

/* TinyMCE editable area lives in iframe; this makes fallback textarea dark too */
body.dark-mode textarea.tinyMceClass {
    background-color: #1e2a4a !important;
    color: #d4d4e0 !important;
    border-color: #3a3a5a !important;
}

/* Property Info -> metric summary boxes */
body.dark-mode .bg-light-green {
    background-color: #2a3a5d !important;
    color: #d4d4e0 !important;
}

body.dark-mode .bg-light-green i {
    color: #5dade2 !important;
}

/* ==========================================
   PC List + all tables: force cell-level dark bg
   so Metronic's style.bundle TD rules don't
   bleed through the TR-level dark override
   ========================================== */
body.dark-mode .table tbody tr td,
body.dark-mode .table tbody tr th {
    background-color: #16213e !important;
    color: #d4d4e0 !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) td,
body.dark-mode .table-striped tbody tr:nth-of-type(odd) th {
    background-color: #1c2a45 !important;
}

body.dark-mode .table-hover tbody tr:hover td,
body.dark-mode .table-hover tbody tr:hover th {
    background-color: #253a5e !important;
}

/* ==========================================
   Accordion solid — ensure inner card and
   card-body get dark background (Metronic's
   accordion-solid uses higher-specificity rules)
   ========================================== */
body.dark-mode .accordion-solid .card,
body.dark-mode .accordion-solid > .card {
    background-color: #16213e !important;
    border-color: #3a3a5a !important;
}

/* Metronic sets .card-title bg to #f3f6f9 inside accordion-solid */
body.dark-mode .accordion-solid .card .card-header {
    background-color: transparent !important;
    border-color: #3a3a5a !important;
}

body.dark-mode .accordion-solid .card .card-header .card-title,
body.dark-mode .accordion-solid .card .card-header .card-title.collapsed {
    background-color: #0f3460 !important;
    color: #ffffff !important;
    border-color: #3a3a5a !important;
}

body.dark-mode .accordion-solid .card .card-body,
body.dark-mode .accordion-solid .card .collapse .card-body {
    background-color: #16213e !important;
    color: #d4d4e0 !important;
    border: 1px solid #3a3a5a !important;
}

/* ==========================================
   3rd Party Integrations — checkbox group
   area uses inline style bg; !important in
   external CSS overrides inline styles
   ========================================== */
body.dark-mode .pad5 {
    background-color: #1e2a4a !important;
    color: #d4d4e0 !important;
}

/* ==========================================
   File Substatus — list rows have hardcoded
   odd/even backgrounds in an inline <style>
   ========================================== */
body.dark-mode .clnreFields,
body.dark-mode .clnreFields:nth-of-type(odd),
body.dark-mode .clnreFields:nth-of-type(even) {
    background-color: #16213e !important;
    color: #d4d4e0 !important;
}

/* ==========================================
   Notice boxes (Web Forms / Logins tab +
   other pages that use .notice.notice-info)
   ========================================== */
body.dark-mode .notice {
    background-color: #1c2a45 !important;
    border-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .notice.notice-info {
    background-color: #1a2a45 !important;
    border-color: #3699FF !important;
}

body.dark-mode .notice.notice-warning {
    background-color: #2a2010 !important;
    border-color: #FFA800 !important;
}

body.dark-mode .notice.notice-danger {
    background-color: #2a1010 !important;
    border-color: #F64E60 !important;
}

/* ==========================================
   Draw Management tab — drawManagement.css
   hardcodes white backgrounds on component
   classes
   ========================================== */
body.dark-mode .category-item {
    background-color: #1e2a4a !important;
    border-color: #2a2a4a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .category-item:hover {
    background-color: #253a5e !important;
}

body.dark-mode .category-details .category-name {
    color: #d4d4e0 !important;
}

/* Step wizard circles */
body.dark-mode .step {
    background: #16213e !important;
    color: #d4d4e0 !important;
}

/* Budget sidebar */
body.dark-mode .budget-sidebar-content {
    background: #1e2a4a !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .budget-header h5 {
    color: #d4d4e0 !important;
}

body.dark-mode .budget-item {
    background: #253a5e !important;
}

/* Template config */
body.dark-mode .template-config-card {
    background: #1e2a4a !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .template-mapping-list {
    background: #16213e !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .template-summary-table {
    background: #1e2a4a !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .template-summary-header {
    background: #0f3460 !important;
    color: #c0c8d8 !important;
    border-color: #2a2a4a !important;
}

body.dark-mode .template-summary-list {
    background: #16213e !important;
}

body.dark-mode .template-summary-row {
    border-top-color: #2a2a4a !important;
}

body.dark-mode .template-summary-row.is-active {
    background: #1c2a45 !important;
    border-left-color: #3699FF !important;
}

body.dark-mode .template-summary-title {
    color: #d4d4e0 !important;
}

body.dark-mode .template-summary-badge {
    background: #1a3a2a !important;
    color: #1BC5BD !important;
}

body.dark-mode .template-summary-active-badge {
    background: #1a2a45 !important;
    color: #5dade2 !important;
}

body.dark-mode .template-summary-tag {
    background: #253a5e !important;
    color: #d4d4e0 !important;
}

body.dark-mode .template-program-label {
    color: #d4d4e0 !important;
}

body.dark-mode .template-program-item:hover {
    background-color: #253a5e !important;
}

body.dark-mode .template-program-indicator {
    background: #2a2010 !important;
    color: #FFA800 !important;
}

/* Property Info -> Appraiser/AVM alternating rows */
body.dark-mode .alternativeColor:nth-of-type(odd),
body.dark-mode .alternativeColor:nth-of-type(even) {
    background-color: #1c2a45 !important;
}

/* Property Info -> keep file upload controls readable in dark mode */
body.dark-mode input[type="file"].form-control {
    background-color: #1e2a4a !important;
    color: #d4d4e0 !important;
    border-color: #3a3a5a !important;
}

body.dark-mode input[type="file"].form-control::file-selector-button {
    background-color: #253a5e !important;
    color: #d4d4e0 !important;
    border: 1px solid #3a5a8a !important;
}

/* ==========================================
   Insurance section alternating rows
   ========================================== */
body.dark-mode .additionalInsurance:nth-of-type(odd) {
    background-color: #1c2a45 !important;
}

body.dark-mode .additionalInsurance:nth-of-type(even) {
    background-color: #16213e !important;
}

/* ==========================================
   Terms & Conditions inline background override
   ========================================== */
body.dark-mode #termsAndConditionsDiv {
    background-color: transparent !important;
}

/* ==========================================
   Chosen multi-select - chzn-selectShowSelectAll
   (Pipeline workflow dropdowns)
   ========================================== */
body.dark-mode .chosen-container-multi .chosen-choices,
body.dark-mode .chzn-selectShowSelectAll + .chosen-container-multi .chosen-choices {
    background-color: #1e2a4a !important;
    background-image: none !important;
    border-color: #3a3a5a !important;
    color: #d4d4e0 !important;
}

body.dark-mode .chosen-container-multi .chosen-choices li.search-choice,
body.dark-mode .chzn-selectShowSelectAll + .chosen-container-multi .chosen-choices li.search-choice {
    background-color: #253a5e !important;
    background-image: none !important;
    border-color: #3a5a8a !important;
    color: #d4d4e0 !important;
    box-shadow: none !important;
}

body.dark-mode .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    filter: invert(0.7) !important;
}

body.dark-mode .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    color: #d4d4e0 !important;
}

/* Chosen "Select All / Deselect All" buttons */
body.dark-mode .chosen-select-all,
body.dark-mode .chosen-deselect-all {
    background-color: #253a5e !important;
    color: #d4d4e0 !important;
    border-color: #3a5a8a !important;
}

/* ==========================================
   Doc Status pills - subdue inline-styled pills
   in dark mode (opacity only, preserve text color)
   ========================================== */
body.dark-mode .docStatus {
    opacity: 0.7 !important;
    color: #000 !important;
}

/* Lumen-styled label buttons - reduce background opacity in dark mode */
body.dark-mode .label.label-inline[style*="lumen"] {
    opacity: 0.7 !important;
}

body.dark-mode #kt_quick_user_toggle {
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

body.dark-mode #kt_quick_user_toggle:hover {
    background-color: #3699ff;
}

/* ==========================================
   Acqualify "Powered by" badge - Credit Screening
   ========================================== */
body.dark-mode .acqualify-badge {
    border: 1px solid #000000;
}