/* Réutilisation des styles de cartes */
        .card-base {
            background: white;
            border-radius: 0.75rem;
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }
        .card-base:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            border-color: #0056b3;
        }
        .btn-base {
            /* On garde les styles de base */
            padding: 0 1.5rem; /* On gère la hauteur via height maintenant */
            font-weight: 700;
            border-radius: 0.375rem;
            transition: all 0.2s ease;
            font-size: 0.9rem;
        }
        
        /* NOUVEAU : Classe pour uniformiser parfaitement les boutons */
        .btn-uniform {
            display: flex;            /* Active le mode Flexbox */
            align-items: center;      /* Centre verticalement */
            justify-content: center;  /* Centre horizontalement */
            width: 300px;              /* Prend toute la largeur disponible */
            height: 46px;             /* Hauteur fixe pour tous les boutons */
            line-height: 1;           /* Évite les décalages liés au texte */
            box-sizing: border-box;
        }

        /* Petit utilitaire pour les images rondes des experts */
        .avatar-circle {
            width: 137px !important; 
            height: 137px !important; 
            border-radius: 50%; 
            object-fit: cover;
            border: 3px solid #f1f5f9;
            flex-shrink: 0;
        }