/* Directe override voor de witte statistiekkaarten */
.card {
    background-color: #cfe2ff !important; /* Lichtblauw, zoals het beveiligingsblok */
    color: #212529 !important; /* Donkere tekst voor betere leesbaarheid */
}

.card .card-title, 
.card .card-text,
.card h2,
.card p {
    color: #212529 !important; /* Donkere tekst voor alle elementen binnen kaarten */
}

.card .text-muted {
    color: #495057 !important; /* Donkerdere muted tekst voor betere leesbaarheid */
}

.card .icon-circle {
    background-color: #ffffff !important; /* Witte cirkel voor de iconen */
}

/* Fix voor Systeem Status header */
.card.bg-light, .alert-light, .bg-light {
    background-color: #cfe2ff !important; /* Lichtblauw */
    color: #212529 !important; /* Donkere tekst */
    border-color: #b6d4fe !important;
}

/* Fix voor badges en knoppen in lichte kaarten */
.card.bg-light .badge, .alert-light .badge {
    border: 1px solid #0d6efd;
}

/* Zorg dat kleine tekst ook leesbaar is */
.card.bg-light small, .alert-light small, .card small, small.text-muted {
    color: #212529 !important;
}