/* V71 — one fixed grid for EVERY card.
   Keeps the slash conversion, but locks each field into the same place. */
.vv-unit-label,.vv-sign-counter,.vv-sign-line,.vv-conversion,.vv-currency-text{display:none!important}

.item-card-body.vv-card-ready,
.beequip-copy.vv-card-ready{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}

.item-card-body.vv-card-ready .item-title,
.beequip-copy.vv-card-ready > b,
.beequip-copy.vv-card-ready > strong,
.beequip-copy.vv-card-ready .item-title{
  order:0!important;
  margin:0 0 14px!important;
}

/* Same two-column, two-row grid for every card:
   left = value + / conversion; right row 1 = status, right row 2 = demand. */
.vv-card-layout{
  order:2!important;
  margin-top:auto!important;
  width:100%!important;
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:minmax(145px,1fr) 116px!important;
  grid-template-rows:30px 30px!important;
  column-gap:12px!important;
  row-gap:4px!important;
  align-items:center!important;
}

.vv-card-values{
  grid-column:1!important;
  grid-row:1 / 3!important;
  min-width:0!important;
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

.vv-card-metrics{
  grid-column:2!important;
  grid-row:1 / 3!important;
  min-width:116px!important;
  height:64px!important;
  display:grid!important;
  grid-template-rows:30px 30px!important;
  justify-items:end!important;
  align-items:center!important;
}

/* Keep BBV/Bee Cub + Signs on ONE identical line with a slash. */
.vv-card-values .value-display,
.vv-card-values .value-display.dual-value{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:6px!important;
  max-width:100%!important;
  white-space:nowrap!important;
  font-size:1.05rem!important;
  font-weight:800!important;
  line-height:1.1!important;
}

.vv-card-values .value-display > span,
.vv-card-values .value-display.dual-value > span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}

.vv-card-values .value-display.dual-value > i{
  display:inline!important;
  margin:0 1px!important;
  font-style:normal!important;
  opacity:.7!important;
}

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

/* Status is always the upper-right field. */
.vv-card-metrics .status,
.vv-card-metrics .item-tags{
  grid-row:1!important;
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:28px!important;
  white-space:nowrap!important;
  font-size:.92rem!important;
}

/* Demand is always the lower-right field. */
.vv-card-metrics .demand-badge{
  grid-row:2!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  min-height:28px!important;
  white-space:nowrap!important;
}

.item-card-body.vv-card-ready > .item-tags,
.item-card-body.vv-card-ready > .item-sub,
.beequip-copy.vv-card-ready + .beequip-card-meta{
  display:none!important;
}

@media (max-width:700px){
  .vv-card-layout{
    grid-template-columns:minmax(120px,1fr) 104px!important;
    column-gap:8px!important;
  }
  .vv-card-metrics{min-width:104px!important}
  .vv-card-values .value-display,.vv-card-values .value-display.dual-value{font-size:1rem!important}
}


/* V72 — compact card content: remove the empty middle area. */
.item-card,
.beequip-card{
  min-height:0!important;
}

.item-card-body.vv-card-ready,
.beequip-copy.vv-card-ready{
  min-height:0!important;
  padding-bottom:16px!important;
}

.vv-card-layout{
  margin-top:0!important;
  min-height:56px!important;
  grid-template-rows:26px 26px!important;
  align-content:start!important;
}

.vv-card-values,
.vv-card-metrics{
  height:56px!important;
}

.vv-card-metrics{
  grid-template-rows:26px 26px!important;
}

/* Keep title close to the actual fields. */
.item-card-body.vv-card-ready .item-title,
.beequip-copy.vv-card-ready > b,
.beequip-copy.vv-card-ready > strong,
.beequip-copy.vv-card-ready .item-title{
  margin-bottom:8px!important;
}

/* Do not reserve a tall content area below the name. */
.item-card-body,
.beequip-copy{
  justify-content:flex-start!important;
}