/* Réduction de la taille des flèches de pagination */
nav[aria-label="Pagination Navigation"] svg {
    width: 0.75rem !important; /* 12px */
    height: 0.75rem !important; /* 12px */
}

/* Ajustement du padding pour compenser la réduction de taille des flèches */
nav[aria-label="Pagination Navigation"] .relative.inline-flex.items-center {
    padding: 0.4rem 0.6rem !important;
}

/* Amélioration de l'apparence au survol */
nav[aria-label="Pagination Navigation"] a:hover svg {
    color: #4a5568 !important; /* Couleur plus foncée au survol */
}

/* Classes pour les indicateurs visuels d'état */
.bg-success-light {
    background-color: rgba(40, 167, 69, 0.2) !important;
    transition: background-color 0.5s ease;
}

.bg-danger-light {
    background-color: rgba(220, 53, 69, 0.2) !important;
    transition: background-color 0.5s ease;
}

/* Style pour l'indicateur de chargement AJAX */
.ajax-loader {
    padding: 20px;
    text-align: center;
}

/* Vous pouvez ajuster ces valeurs selon vos préférences */