/* assets/css/loader.css */
.saasges-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.9); /* Fond sombre et élégant */
    z-index: 9999;
}

/* S'assure que le flex s'applique lorsque d-none est retiré */
.saasges-loader-overlay:not(.d-none) {
    display: flex !important;
}

/* Dimensions du SVG */
.circular-chart {
    display: block;
    margin: 0 auto;
    max-width: 120px;
    max-height: 120px;
}

/* Cercle d'arrière-plan */
.circle-bg {
    fill: none;
    stroke: #334155;
    stroke-width: 3;
}

/* Cercle de progression animé */
.progress-circle {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke: #0d6efd; /* Couleur Primary de Bootstrap */
    transition: stroke-dasharray 0.4s ease-out; /* Animation fluide de la progression */
}

/* Texte du pourcentage */
.percentage-text {
    fill: #ffffff;
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 8px; /* Échelle relative au SVG 36x36 */
    text-anchor: middle;
    font-weight: bold;
}