/* ===== Composant « progress-bar » : barre de progression linéaire partagée =====
   Rendu par le partial Views/Visa/Shared/_ProgressBar.cshtml (ProgressBarModel).
   La largeur du remplissage est pilotée par un modificateur BEM par pas de 5 %
   (.progress-bar__fill--0 … --100) — jamais par un style inline (CSP style-src 'self').
   Markup : <div class="progress-bar" role="progressbar" aria-label="…"
                 aria-valuenow="X" aria-valuemin="0" aria-valuemax="100">
               <div class="progress-bar__fill progress-bar__fill--X"></div>
            </div>                                                                    */

.progress-bar {
    width: 100%;
    height: 0.3rem;
    background: var(--color-border);
    border-radius: 0.15rem;
    margin: var(--spacing-sm) 0 var(--spacing-lg2);
    overflow: hidden;
}

.progress-bar__fill {
    height: 100%;
    background: var(--color-primary);
    border-radius: 0.15rem;
}

/* Remplissage par pas de 5 % */
.progress-bar__fill--0   { width: 0; }
.progress-bar__fill--5   { width: 5%; }
.progress-bar__fill--10  { width: 10%; }
.progress-bar__fill--15  { width: 15%; }
.progress-bar__fill--20  { width: 20%; }
.progress-bar__fill--25  { width: 25%; }
.progress-bar__fill--30  { width: 30%; }
.progress-bar__fill--35  { width: 35%; }
.progress-bar__fill--40  { width: 40%; }
.progress-bar__fill--45  { width: 45%; }
.progress-bar__fill--50  { width: 50%; }
.progress-bar__fill--55  { width: 55%; }
.progress-bar__fill--60  { width: 60%; }
.progress-bar__fill--65  { width: 65%; }
.progress-bar__fill--70  { width: 70%; }
.progress-bar__fill--75  { width: 75%; }
.progress-bar__fill--80  { width: 80%; }
.progress-bar__fill--85  { width: 85%; }
.progress-bar__fill--90  { width: 90%; }
.progress-bar__fill--95  { width: 95%; }
.progress-bar__fill--100,
.progress-bar__fill--full { width: 100%; } /* --full : alias historique (claim-declaration.js) */