/* Custom dark styles for cards - with higher specificity */
html body .card,
div.card,
.container .card,
.row .card,
.col .card,
#topnav .card,
.bg-white,
.bg-light {
    background-color: #333333 !important; /* Dark gray background */
    color: #ffffff !important; /* White text for better contrast */
    border-color: #444444 !important;
}

/* Target the specific card shown in the image */
.container-fluid .card,
.dashboard-container .card,
.account-container .card {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Ensure buttons and links remain visible on dark background */
.card a, 
.card button,
.card .text-dark,
.card .text-black {
    color: #ffffff !important;
}

/* Adjust icon colors for better visibility */
.card i, 
.card svg,
.card .feather,
.card [data-feather] {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* Target list groups inside cards */
.card .list-group,
.card .list-group-item {
    background-color: #333333 !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}