/* Styles simplifiés pour le graphique en donut */
.donut-chart-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.donut-chart {
    width: 140px;
    height: 140px;
    position: relative;
    border-radius: 50%;
    background: conic-gradient(
        #D8D8D8 0% 35%,        /* Gris - Produits */
        #FF647C 35% 60%,       /* Rose - Service */
        var(--primary-color, #7C89FF) 60% 85%, /* Bleu - Prix */
        #4A4A4A 85% 100%       /* Gris foncé - Autres */
    );
}

/* Style du trou central pour créer le donut */
.donut-hole {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 50%;
}

/* Légende du graphique */
.donut-legend {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
    gap: 10px;
    max-width: 100%;
}

.legend-item {
    display: flex;
    align-items: center;
    margin: 5px 10px;
    font-size: 0.9rem;
}

.legend-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    border-radius: 2px;
}