.stats-wrapper.graphique {
    padding: 10px;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.chart-toolbar {
    display: flex;
    gap: 10px;
    justify-content: flex-end;

    .chart-toggle {
        border: 1px solid var(--cts-main);
        background: transparent;
        color: var(--cts-main);
        border-radius: 8px;
        padding: 6px 10px;
        cursor: pointer;
        font-weight: 700;
        margin: 0;
        width: 120px;

        &:hover {
            color: white;
            border: 1px solid var(--cts-alt);
        }
    }

    .chart-toggle.active {
        background: var(--cts-main);
        color: var(--blocks);
        pointer-events: none;
    }
}

.chart-canvas-wrap {
    width: 100%;
    height: 260px;
}

.pro-chart-canvas {
    width: 100%;
    height: 100%;
    display: block;
}