/* Styles pour les cartes d'indicateurs */
.stats-section .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.compact-card {
    transition: transform 0.3s ease;
    height: 100%;
}

.compact-card:hover {
    transform: translateY(-5px);
}

/* Ajustements responsive */
@media (max-width: 992px) {
    .stats-section .col {
        flex: 0 0 50%; /* Force 2 colonnes */
        max-width: 50%;
        padding: 10px;
    }

    .stats-section .card {
        margin-bottom: 0;
    }
    
    .stats-section .card-body {
        padding: 1rem !important;
    }
    
    .stats-section h4 {
        font-size: 1.2rem;
    }
    
    .stats-section p {
        font-size: 0.9rem;
    }
    
    .stats-section .fa-2x {
        font-size: 1.5em;
    }
}

/* Espacement pour le mode 2x2 */
@media (max-width: 768px) {
    .stats-section .col {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 8px;
    }
    
    .stats-section .row {
        margin: 0 -8px;
        flex-direction: row !important;
    }
}

/* Petits écrans */
@media (max-width: 576px) {
    .stats-section .row {
        margin: 0 -5px;
    }
    
    .stats-section .col {
        padding: 5px;
    }
}