/*
 * Barre de score (spec, méta, marché).
 * La largeur du remplissage est une donnée : elle arrive du serveur par la custom property
 * --rb-score-bar-value, seul style « inline » admis sur ce composant.
 */
.rb-score-bar {
    --rb-score-bar-value: 0%;

    flex: 1;
    height: 5px;
    overflow: hidden;
    background-color: var(--rb-track-bg);
    border-radius: 3px;
}

.rb-score-bar--compact {
    height: 4px;
    border-radius: 2px;
}

.rb-score-bar__fill {
    width: var(--rb-score-bar-value);
    height: 100%;
    background: var(--rb-accent-cyan);
}

.rb-score-bar--spec .rb-score-bar__fill {
    background: linear-gradient(90deg, var(--rb-accent-purple), var(--rb-accent-cyan));
}

.rb-score-bar--meta .rb-score-bar__fill {
    background: var(--rb-accent-cyan);
}

.rb-score-bar--market .rb-score-bar__fill {
    background: var(--rb-accent-gold);
}

/* Score méta absent (produit non rapproché, ou méta non calculé) : distincte d'un score à 0. */
.rb-score-bar--neutral {
    background-image: repeating-linear-gradient(45deg, var(--rb-track-bg), var(--rb-track-bg) 3px, var(--rb-bg-panel) 3px, var(--rb-bg-panel) 6px);
    opacity: 0.6;
}