/* =====================================================================
   VISION PME — Le compositeur de textos

   Deux informations portent tout l'écran : à QUI on écrit (et si on en a
   le droit), et COMBIEN ça coûte. Le reste est un champ de texte.
   ===================================================================== */

.txt-dest {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 12px;
  margin-bottom: var(--s-3);
  border-radius: 8px;
  background: var(--surface-2);
  font: 500 var(--fs-sm)/1.45 var(--font-body);
}
.txt-dest .icon { width: 16px; height: 16px; flex: none; color: var(--green); }

/* Un refus ne se signale pas par une couleur seule : l'icône change
   aussi, pour qui ne distingue pas le rouge du gris. */
.txt-dest.est-refus {
  background: var(--danger-soft);
  color: var(--danger);
}
.txt-dest.est-refus .icon { color: var(--danger); }

.txt-mesure {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px;
  margin-top: 6px;
  font: 500 var(--fs-xs)/1.4 var(--font-body);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}
.txt-mesure b { color: var(--text); font-weight: 700; }

/* Plus d'un segment veut dire « ce message se facture plusieurs fois ».
   Ce n'est pas une erreur — c'est parfois voulu — donc un avertissement,
   pas un refus. */
.txt-mesure.est-cher b { color: var(--warn); }

.txt-encodage {
  padding: 2px 7px;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-size: var(--fs-xs);
  /* Le pointillé signale qu'il y a une explication au survol. */
  border-bottom-style: dotted;
  cursor: help;
}

.txt-alerte {
  display: inline-flex; align-items: center; gap: 4px;
  color: var(--warn); font-weight: 600;
}
.txt-alerte .icon { width: 13px; height: 13px; }

/* ⚠️ `.txt-lbl` et non `.lbl` : trois feuilles du projet definissent deja
   `.lbl`, toujours PORTEE par un parent (`.appel-progress .lbl`,
   `.tache-apercu .lbl`, `.stat-big .lbl`). Une regle `.lbl` nue aurait
   change leur police et leur couleur partout ailleurs. */
.txt-lbl {
  display: block;
  margin-bottom: 5px;
  font: 600 var(--fs-xs)/1.4 var(--font-body);
  color: var(--text-muted);
}