/* Étiquettes de masquage : même rendu que dans le logiciel Sovra
   (badge encadré, fond teinté, une couleur par catégorie).
   Teintes reprises de web/src/index.css (--e-*) du logiciel. */
:root {
  --e-personnalise: 45 5% 45%;
  --e-personne: 15 63% 60%;
  --e-organisation: 174 35% 42%;
  --e-lieu: 140 30% 42%;
  --e-date: 265 35% 58%;
  --e-iban: 0 50% 55%;
  --e-email: 320 38% 58%;
  --e-telephone: 210 40% 52%;
  --e-montant: 40 55% 45%;
  --e-reference: 190 35% 45%;
}

/* Police du logiciel pour toutes les étiquettes, y compris les gabarits
   invisibles qui fixent la largeur : posée en CSS dès le premier rendu. */
span.font-mono.rounded-\[5px\].border,
span.font-mono.rounded-\[6px\].border,
span.font-mono.bg-token {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  /* Taille fixe : identique partout, quel que soit le texte autour. */
  font-size: 12px !important;
  line-height: 18px !important;
  box-sizing: border-box !important;
  height: 20px !important;
  vertical-align: baseline;
  letter-spacing: 0 !important;
  padding: 0 5px !important;
  border-radius: 4px !important;
}

span.bg-token[data-teinte] {
  background-color: hsl(var(--teinte) / 0.18) !important;
  border-color: hsl(var(--teinte) / 0.5) !important;
}

/* Les étiquettes « en ligne » ignorent la hauteur : bloc en ligne. */
span.font-mono.rounded-\[6px\].border:not(.inline-grid):not(.inline-flex):not(.grid):not(.flex),
span.font-mono.rounded-\[5px\].border:not(.inline-grid):not(.inline-flex):not(.grid):not(.flex) {
  display: inline-block !important;
}

/* Contraste : texte noir sur fond clair, texte blanc sur fond sombre
   (teintes plus lumineuses, comme le thème sombre du logiciel). */
span.bg-token[data-fond="clair"] { color: #1a1a18 !important; }
span.bg-token[data-fond="sombre"] {
  color: #f4f3ef !important;
  --e-personnalise: 45 6% 62%;
  --e-personne: 15 65% 65%;
  --e-organisation: 174 40% 55%;
  --e-lieu: 140 35% 55%;
  --e-date: 265 45% 70%;
  --e-iban: 0 55% 65%;
  --e-email: 320 45% 70%;
  --e-telephone: 210 50% 65%;
  --e-montant: 40 60% 58%;
  --e-reference: 190 40% 58%;
}
span.bg-token[data-fond="sombre"][data-teinte] {
  background-color: hsl(var(--teinte) / 0.26) !important;
  border-color: hsl(var(--teinte) / 0.65) !important;
}