/* Muted Card Backgrounds - 75% Opacity with Perfect Contrast */
.card-muted-primary {
    background-color: rgba(13, 110, 253, 0.75) !important;
    border: 1px solid rgba(13, 110, 253, 0.8) !important;
}

.card-muted-success {
    background-color: rgba(25, 135, 84, 0.75) !important;
    border: 1px solid rgba(25, 135, 84, 0.8) !important;
}

.card-muted-info {
    background-color: rgba(13, 202, 240, 0.75) !important;
    border: 1px solid rgba(13, 202, 240, 0.8) !important;
}

.card-muted-warning {
    background-color: rgba(255, 193, 7, 0.75) !important;
    border: 1px solid rgba(255, 193, 7, 0.8) !important;
}

/* High Contrast Text - Blue Card */
.card-muted-primary .fw-bold { color: #ffffff !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.7); }
.card-muted-primary .text-white-50 { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); }
.card-muted-primary .text-white { color: #ffffff !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }
.card-muted-primary .text-success { color: #90EE90 !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.7); }

/* High Contrast Text - Green Card */
.card-muted-success .fw-bold { color: #ffffff !important; text-shadow: 2px 2px 4px rgba(0,0,0,0.7); }
.card-muted-success .text-white-50 { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); }
.card-muted-success .text-white { color: #ffffff !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }

/* High Contrast Text - Cyan Card (dark text) */
.card-muted-info .fw-bold { color: #000000 !important; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); }
.card-muted-info .text-white-50 { color: rgba(0, 0, 0, 0.9) !important; text-shadow: 1px 1px 2px rgba(255,255,255,0.6); }
.card-muted-info .text-white { color: #000000 !important; text-shadow: 1px 1px 2px rgba(255,255,255,0.5); }
.card-muted-info .text-danger { color: #8B0000 !important; text-shadow: 1px 1px 2px rgba(255,255,255,0.7); }

/* High Contrast Text - Yellow Card (dark text) */
.card-muted-warning .fw-bold { color: #000000 !important; text-shadow: 1px 1px 2px rgba(255,255,255,0.8); }
.card-muted-warning .text-white-50 { color: rgba(0, 0, 0, 0.9) !important; text-shadow: 1px 1px 2px rgba(255,255,255,0.6); }
.card-muted-warning .text-white { color: #000000 !important; text-shadow: 1px 1px 2px rgba(255,255,255,0.5); }
.card-muted-warning .text-success { color: #006400 !important; text-shadow: 1px 1px 2px rgba(255,255,255,0.7); }

/* Remove conflicting icon backgrounds - make them transparent */
.card-muted-primary .bg-primary { background-color: transparent !important; }
.card-muted-success .bg-success { background-color: transparent !important; }
.card-muted-info .bg-info { background-color: transparent !important; }
.card-muted-warning .bg-warning { background-color: transparent !important; }

/* Make icons larger and more prominent without backgrounds */
.card-muted-primary .fs-4,
.card-muted-success .fs-4,
.card-muted-info .fs-4,
.card-muted-warning .fs-4 { 
    font-size: 2.5rem !important; 
    opacity: 0.8;
}

/* Hover effects */
.card-muted-primary:hover { 
    background-color: rgba(13, 110, 253, 0.85) !important; 
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(13, 110, 253, 0.3);
}
.card-muted-success:hover { 
    background-color: rgba(25, 135, 84, 0.85) !important; 
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(25, 135, 84, 0.3);
}
.card-muted-info:hover { 
    background-color: rgba(13, 202, 240, 0.85) !important; 
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(13, 202, 240, 0.3);
}
.card-muted-warning:hover { 
    background-color: rgba(255, 193, 7, 0.85) !important; 
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
}