.badge-attivo { background-color: #198754; }
.badge-in_scadenza { background-color: #ffc107; color: #212529; }
.badge-scaduto { background-color: #dc3545; }
.badge-cessato { background-color: #6c757d; }
.badge-rescisso { background-color: #6c757d; }

.barra-capitolo {
  position: relative;
  height: 18px;
  border-radius: 4px;
  overflow: hidden;
  background: #cfe2ff; /* disponibile */
}
.barra-capitolo .segmento-pagato {
  position: absolute; left: 0; top: 0; height: 100%;
  background: #198754;
}
.barra-capitolo .segmento-residuo {
  position: absolute; top: 0; height: 100%;
  background: #ffc107;
}
.barra-capitolo .segmento-sforamento {
  position: absolute; right: 0; top: 0; height: 100%;
  background: #dc3545;
}