/* components/chips.css — Badge di stato e pill informative.

   Design system Donela: gli stati sono tag rettangolari a colore pieno con
   testo bianco, uppercase compatto. Cinque varianti visive (neutral, info,
   warn, success, danger) più il contorno per gli stati "assenti"
   (archiviato, non collegato); il colore da solo dice lo stato, quindi il
   pallino non serve più e resta nascosto per compatibilità col markup. */

.chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 4px 9px;
  border-radius: 6px;
  color: #fff;
}
.chip__dot { display: none; }
.chip svg { flex: none; }

.chip--success { background: var(--success); }
.chip--warn { background: var(--warn); }
.chip--neutral { background: var(--muted-2); }
.chip--info { background: var(--info); }
.chip--danger { background: var(--danger); }

/* Stato del progetto di rendicontazione (Azienda.StatoProgetto) */
.chip--stato-non_avviato { background: var(--muted-2); }
.chip--stato-raccolta_dati { background: var(--info); }
.chip--stato-in_revisione { background: var(--warn); }
.chip--stato-completato { background: var(--success); }

/* Stato di un progetto di rendicontazione (Progetto.Stato) */
.chip--progetto-bozza { background: var(--muted-2); }
.chip--progetto-in_corso { background: var(--info); }
.chip--progetto-in_revisione { background: var(--warn); }
.chip--progetto-completato { background: var(--success); }
.chip--progetto-archiviato { background: transparent; color: var(--faint); box-shadow: inset 0 0 0 1px var(--border); }

/* Stato di approvazione di un dato ESG (DataPointESG.Stato), più
   `non_collegato` per il documento del repository che non prova ancora nulla:
   non è uno stato del flusso ma la sua assenza, quindi resta un contorno. */
.chip--dato-non_collegato { background: transparent; color: var(--faint); box-shadow: inset 0 0 0 1px var(--border); }
.chip--dato-inserito { background: var(--info); }
.chip--dato-in_revisione { background: var(--warn); }
.chip--dato-approvato { background: var(--success); }
.chip--dato-rifiutato { background: var(--danger); }

/* Urgenza della prossima scadenza (Azienda.Urgenza) */
.chip--scadenza-scaduta { background: var(--danger); }
.chip--scadenza-imminente { background: var(--warn); }
.chip--scadenza-pianificata { background: var(--muted-2); }

/* Pill piccola per attributi (dimensione, badge "in attesa") */
.pill {
  display: inline-flex;
  align-items: center;
  font-size: 10.5px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 10px;
  background: #f0f2f1;
  color: var(--muted-2);
}
.pill--warn { background: var(--warn-bg); color: var(--warn-fg); }
.pill--green { background: var(--green-chip-bg); color: var(--green-dark); }

/* Tag di fase (F2/F3) nella navigazione */
.phase-tag {
  background: var(--dark-active-bg);
  color: var(--dark-mut);
  font-size: 9.5px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 5px;
  letter-spacing: .03em;
}