.fluent-chart {
    width: 100%;
    height: 220px;
    position: relative;
}

/* smooth rendering */
.fluent-chart canvas {
    width: 100% !important;
    height: 100% !important;
}

/* optional: subtle fade in */
.fluent-chart {
    animation: fluentChartFade 0.4s ease;
}

@keyframes fluentChartFade {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}