/* V88 — never cut value/conversion text inside cards. */
.vv-card-layout{
  grid-template-columns:minmax(0,1fr) max-content!important;
  gap:8px!important;
}

.vv-card-metrics{
  min-width:94px!important;
}

/* Undo V79's card-only overflow clipping. */
.item-card .value-display,
.beequip-card .value-display,
.vv-card-values{
  overflow:visible!important;
  max-width:none!important;
}

/* Keep raw value / conversion together, but shrink a little before it ever clips. */
.vv-card-values .value-display,
.vv-card-values .value-display.dual-value{
  font-size:.96rem!important;
  letter-spacing:-.02em!important;
  gap:4px!important;
}

.vv-card-values .value-display > span,
.vv-card-values .value-display.dual-value > span{
  gap:4px!important;
}

.vv-card-values .value-display > img,
.vv-card-values .value-display > span > img{
  width:16px!important;
  height:16px!important;
}

/* Tiny cards can use two lines, never cropped text. */
@media (max-width:420px){
  .vv-card-layout{
    grid-template-columns:minmax(0,1fr) 88px!important;
    gap:6px!important;
  }
  .vv-card-metrics{min-width:88px!important}
  .vv-card-values .value-display,
  .vv-card-values .value-display.dual-value{
    white-space:normal!important;
    flex-wrap:wrap!important;
    row-gap:3px!important;
  }
}