/* ============================================================
   Portefeuille — ajouts pour les 5 bandes de couleur (le prototype
   n'en avait que 3). Le détail affaire est dans affaire.css.
   ============================================================ */

/* ----- 2 nuances de couleur supplémentaires -----
   Mapping des 5 bandes métier → classes :
     vert_eclatant  → success      (olive, existant)
     vert_fade      → success-soft  (NOUVEAU, vert pâle)
     orange_clair   → warn-soft     (NOUVEAU, orange clair)
     orange_fonce   → warn          (ochre, existant)
     rouge          → danger        (terracotta, existant)
*/
.progress-fill.success-soft { background: #93A35C; } /* vert pâle (entre olive et olive-soft) */
.progress-fill.warn-soft    { background: #E0B45E; } /* orange clair (entre ochre et ochre-soft) */

.aff-num-stat.success-soft { color: #6F7E45; }
.aff-num-stat.warn-soft    { color: #B07F1F; }

/* Légende couleur sous la barre */
.progress-legend .band-vert_eclatant { color: var(--olive); }
.progress-legend .band-vert_fade     { color: #6F7E45; }
.progress-legend .band-orange_clair  { color: #B07F1F; }
.progress-legend .band-orange_fonce  { color: var(--ochre); }
.progress-legend .band-rouge         { color: var(--terracotta); }

/* Agencement de la colonne Avancement : on élargit un peu (au détriment des
   colonnes numériques et de Statut) et on évite tout chevauchement de texte. */
.portfolio-head,
.portfolio-row {
  grid-template-columns: 70px 1.9fr 0.85fr 0.85fr 0.85fr 1.7fr 88px;
  column-gap: 16px; /* évite que la légende Avancement touche le badge Statut */
}

/* La légende (% à gauche, ratio·libellé à droite) peut passer à la ligne
   plutôt que de se télescoper si la colonne est étroite. */
.portfolio-row .progress-legend {
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 2px;
  line-height: 1.35;
}

/* Marge : ligne dédiée, clairement séparée du libellé santé. */
.progress-fin {
  font-size: 11px;
  color: var(--ink-mute);
  margin-top: 3px;
}

/* (Les styles du détail affaire ont été déplacés dans affaire.css.) */