/* --- Conteneur du bouton d'ajout --- */
.btn-add-container {
    display: flex;
    justify-content: flex-end; /* Aligne le bouton à droite à l'intérieur de son espace */
    
    /* 👇 LES LIGNES CORRIGÉES ICI 👇 */
    max-width: 1200px;         /* Même largeur max que ton tableau ou ta liste */
    margin: 0 auto 25px auto;  /* Le 'auto' gauche/droite centre le bloc dans la page, le 25px crée l'espace en bas */
    padding: 0 20px;           /* Aligne le bouton sur la même marge interne que ton tableau (évite qu'il colle aux bords sur mobile) */
    
    width: 100%;
    box-sizing: border-box;
}

/* --- Le bouton +User / Ajouter (Version Vert Moderne) --- */
.btn-add {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    /* Couleurs & Typo */
    background-color: #40977a; /* Un beau vert émeraude moderne et dynamique */
    color: #ffffff; /* Texte blanc pour le contraste */
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    
    /* Espacement & Forme */
    padding: 10px 20px;
    border-radius: 8px;
    
    /* Effets & Transitions */
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2); /* Légère lueur verte */
    transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

/* --- État Hover (Survol) --- */
.btn-add:hover {
    background-color: #059669; /* Vert un peu plus soutenu au survol */
    box-shadow: 0 4px 8px rgba(16, 185, 129, 0.3);
}

/* --- État Active (Clic) --- */
.btn-add:active {
    transform: scale(0.97); /* Effet d'enfoncement au clic */
    box-shadow: 0 1px 2px rgba(16, 185, 129, 0.1);
}