/* Shared margin indicators used by the quote editor and sale-price controller. */

/* Il margine per riga e' una pill leggibile a colpo d'occhio: la tinta (verde/arancio/rosso)
   segue il semaforo del prezzo, allineata a margin_status_class / sale_price_controller. */
.margin-value {
  display: inline-block;
  min-width: 3.4rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: var(--azure-soft);
  color: var(--navy);
  font-weight: 700;
  font-size: 0.9rem;
  text-align: center;
}

.margin-green {
  background: color-mix(in srgb, var(--semaforo-verde) 12%, white);
  color: var(--semaforo-verde);
}

.margin-orange {
  background: color-mix(in srgb, var(--semaforo-arancio) 14%, white);
  color: var(--semaforo-arancio);
}

.margin-red {
  background: color-mix(in srgb, var(--danger) 12%, white);
  color: var(--danger);
}