/* Badge della differenza % (verde entro ±5%, giallo sopra, rosso sotto): lo stesso nelle schede di Ricerca Venduto e nel documento «Comparazione».
   Lo crea venduto-comparazione-scarti.js. Non decide i colori dei dati altrove. */

.badge-scarto {
  display: inline-block; /* sotto la superficie, sulla riga del €/m²: l'altezza della fascia resta uguale */
  margin-top: 0.15rem;
  padding: 0.05rem 0.4rem;
  border-radius: 1rem;
  font-size: 0.65625rem;
  font-weight: 400;
  line-height: 1.4;
  vertical-align: middle;
}
/* Versione morbida: fondo chiarissimo e testo scuro del colore, nota del numero e non titolo della scheda. */
.badge-scarto.pari { background: var(--tblr-green-lt, #eaf7ec); color: #1e7b34; } /* entro ±5% */
.badge-scarto.sopra { background: #fff4d6; color: #8a5a00; } /* oltre +5%: atto venduto più alto */
.badge-scarto.sotto { background: var(--tblr-red-lt, #fbebeb); color: #a61e1e; } /* oltre −5%: atto venduto più basso */

/* Nelle schede (lista e report): a destra del numero confrontato (prezzo di vendita o €/m²), sulla sua riga. */
.scheda-atto-prezzo:has(> .badge-scarto),
.scheda-atto-eurmq:has(> .badge-scarto) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.scheda-atto-cifre .badge-scarto {
  margin: 0 0 0 0.5rem;
  font-size: 0.75rem; /* leggibile anche in stampa */
  font-weight: 600;
}

/* Nel documento: differenza in euro in peso normale, percentuale col segno (tra parentesi) in grassetto. */
.badge-scarto-differenza {
  font-weight: 400;
}

.badge-scarto-percentuale {
  font-weight: 700;
}