/* =====================================
   OVR COLOR SCALE — ML Manager XG
   Tiffany (≥90) → verde → giallo → rosso
   Pill: --ovr-bg / --ovr-text · Testo: color = --ovr-bg
   ===================================== */

.ovr {
  font-weight: 700;
  letter-spacing: .02em;
}

/* —— Token per fascia —— */
.ovr-90,
.ovr-95,
.ovr-99,
.ovr-hi {
  --ovr-bg: #0ABAB5;
  --ovr-text: #071827;
  --ovr-border: #089A96;
}

.ovr-85 {
  --ovr-bg: #0E9F55;
  --ovr-text: #071827;
  --ovr-border: #0A8A48;
}

.ovr-80 {
  --ovr-bg: #3ABF4B;
  --ovr-text: #071827;
  --ovr-border: #2DA03C;
}

.ovr-75 {
  --ovr-bg: #7CCB3A;
  --ovr-text: #071827;
  --ovr-border: #6AB82E;
}

.ovr-70 {
  --ovr-bg: #B8D928;
  --ovr-text: #182000;
  --ovr-border: #A4C220;
}

.ovr-65 {
  --ovr-bg: #F2D21F;
  --ovr-text: #211B00;
  --ovr-border: #D9BC1A;
}

.ovr-60 {
  --ovr-bg: #F06424;
  --ovr-text: #FFFFFF;
  --ovr-border: #D9561E;
}

.ovr-59 {
  --ovr-bg: #D62D2D;
  --ovr-text: #FFFFFF;
  --ovr-border: #B82424;
}

/* —— Testo puro (lineup card, label) —— */
.ovr-90,
.ovr-95,
.ovr-99,
.ovr-hi,
.ovr-85,
.ovr-80,
.ovr-75,
.ovr-70,
.ovr-65,
.ovr-60,
.ovr-59 {
  color: var(--ovr-bg);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
}

.ovr-90,
.ovr-95,
.ovr-99,
.ovr-hi {
  text-shadow: 0 0 6px rgba(10, 186, 181, .35), 0 1px 2px rgba(0, 0, 0, .5);
}

/* —— Badge pill —— */
.ovr-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.1rem;
  height: 1.65rem;
  padding: 0 .5rem;
  border-radius: 999px;
  font-family: inherit;
  font-weight: 700;
  font-size: 0.91rem;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  background: var(--ovr-bg, #102133);
  color: var(--ovr-text, #cfeaff);
  border: 1px solid var(--ovr-border, #264a6a);
  vertical-align: middle;
  margin-inline: .35rem;
}

.ovr-pill.ovr-90,
.ovr-pill.ovr-95,
.ovr-pill.ovr-99,
.ovr-pill.ovr-hi,
.ovr-pill.ovr-85,
.ovr-pill.ovr-80,
.ovr-pill.ovr-75,
.ovr-pill.ovr-70,
.ovr-pill.ovr-65,
.ovr-pill.ovr-60,
.ovr-pill.ovr-59 {
  background: var(--ovr-bg);
  color: var(--ovr-text);
  border-color: var(--ovr-border);
}

/* legacy alias */
.ovr-pill.ovr-10 {
  --ovr-bg: #7CCB3A;
  --ovr-text: #142005;
  --ovr-border: #6AB82E;
  background: var(--ovr-bg);
  color: var(--ovr-text);
  border-color: var(--ovr-border);
}

.ovr-pill[data-len="3"] {
  min-width: 2.6rem;
}