body {
}

/* ===========================
   NoeVault – Dark Mode Fixes
   =========================== */

/* Ensure app canvas uses Bootstrap theme vars */
html[data-bs-theme="dark"] body,
html[data-bs-theme="dark"] .dashboard-main,
html[data-bs-theme="dark"] .dashboard-main-body {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}

/* Common template wrappers that often force white */
html[data-bs-theme="dark"] .container,
html[data-bs-theme="dark"] .container-fluid,
html[data-bs-theme="dark"] .content-wrapper,
html[data-bs-theme="dark"] .page-wrapper,
html[data-bs-theme="dark"] main {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
}

/* Fix template "white" utilities */
html[data-bs-theme="dark"] .bg-white {
    background-color: var(--bs-body-bg) !important;
}

/* Cards / panels */
html[data-bs-theme="dark"] .card,
html[data-bs-theme="dark"] .modal-content,
html[data-bs-theme="dark"] .dropdown-menu {
    background-color: var(--bs-body-bg) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color-translucent) !important;
}

/* Muted text should remain readable */
html[data-bs-theme="dark"] .text-muted {
    color: rgba(222,226,230,.75) !important;
}

#strengthBar {
    height: 6px !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background-color: rgba(255,255,255,.12) !important;
}

#strengthIndicator {
    height: 6px !important;
    display: block !important;
    width: 0%;
    background-color: #dc3545 !important;
}