/* Dark Mode Styles */
body.dark-mode {
    background-color: #211113;
    color: #c89ca0;
}

body.dark-mode .white-bg {
    background-color: #171717;
}

body.dark-mode .bg-white {
    background-color: #0f080a !important;
}

body.dark-mode #header-title h3 {
    color: #fff;
}

body.dark-mode #searchBoxContainer {
    color: #d1d1d1;
}

body.dark-mode #searchBoxContainer span {
    color: #d1d1d1;
}

body.dark-mode #searchBox {
    background-color: #1f1f1f;
}

body.dark-mode #searchBox:hover {
    background-color: #3d3d3d;
}

body.dark-mode #searchBox input {
    color: #d1d1d1;
}

body.dark-mode #searchBox input::placeholder {
    color: #d1d1d1;
}

body.dark-mode #searchBoxContainer .btn {
    color: #d1d1d1;
    background-color: transparent;
}

body.dark-mode #searchBoxContainer .btn:hover {
    background-color: #83494d;
    color: #d1d1d1;
}

body.dark-mode .main-item {
    color: #c89ca0;
}

body.dark-mode .sidebar .main-item img {
    filter: brightness(0.8) sepia(1) hue-rotate(180deg) saturate(2) contrast(0.8) invert(26%) sepia(15%) saturate(1000%) hue-rotate(180deg) brightness(92%) contrast(87%);
}

body.dark-mode .main-item:hover {
    color: #ffffff;
}

body.dark-mode .sidebar .main-item:hover img {
    opacity: 1; /* Subtle visual feedback for interactive images */
    filter:none;
}

body.dark-mode .children-menu {
    background-color: #83494d;
    border-color: #422326;
    color: #c89ca0 !important;
}

body.dark-mode  .child-nav-item {
    background-color: #422326;
}

body.dark-mode .child-nav-item:hover {
    background-color: #62363a;
}

body.dark-mode .children-menu .child-link {
    color: #c89ca0;
}

body.dark-mode .children-menu .child-link:hover {
    color: #ffffff;
}

body.dark-mode .grandchildren-menu .nav-item a {
    color: #c89ca0;
}

body.dark-mode .grandchildren-menu .nav-item:hover a {
    color: #ffffff;
}

body.dark-mode .index-container{
    color: white;
    background-color: #171717;
}


body.dark-mode #contentHeader {
    background-color: #422326;
}

body.dark-mode #contentHeader svg {
    color: white;
}

body.dark-mode .bar-chart-container {
    background: #171717;
    border-color: #422326;
    box-shadow: 0px 10px 80px rgba(0, 0, 0, 0.5);
}

body.dark-mode .bar-chart-container h5 {
    color: #f7f7f7;
}


body.dark-mode .icon-circle {
    background-color: #eddddf;
}

body.dark-mode .dashboard-toggle {
    background-color: #211113;
}

body.dark-mode .dashboard-card {
    background-color: #422326; /* Darker background for cards */
    color: #b29595; /* Lighter text color */
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); /* Subtle dark shadow */
}

body.dark-mode .dashboard-card:hover {
    background-color: #62363a; /* Even darker on hover */
}

body.dark-mode .dashboard-card.active {
    background-color: #874b50; /* Active card background color */
    color: #ffffff; /* Active card text color */
}

body.dark-mode .dashboard-card.active .dashboard-card-icon svg {
    color: #f6efef; /* Active card icon color */
}

body.dark-mode .dashboard-card-icon svg {
    color: #c8a78c; /* Icon color in dark mode */
}