.sale-line-v4 {
  grid-template-columns: 1.35fr 1.15fr .45fr .7fr 28px;
}

.sale-line-v4 .reference-price {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 7px 9px;
  background: #f7faf8;
  white-space: nowrap;
}

.sale-line-v4 .stock-remaining {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid var(--line);
  border-radius:7px;
  padding:7px 9px;
  background:#f7faf8;
  white-space:nowrap;
}

.sale-line-v4 .stock-remaining b { color:var(--text); font-size:12px; }

.sale-line-v4 .reference-price small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 700;
}

.sale-line-v4 .reference-price b {
  color: var(--accent);
  font-size: 10px;
}

.sale-subtotal {
  display:grid;
  grid-template-columns:1.35fr 1.15fr .45fr .7fr 28px;
  gap:7px;
  width:100%;
  margin:9px 0 12px;
}
.sale-subtotal span,.sale-subtotal b { grid-column:4; background:#f7faf8; padding:7px 10px; }
.sale-subtotal span { color:var(--muted); font-size:11px; font-weight:800; border:1px solid var(--line); border-bottom:0; border-radius:8px 8px 0 0; }
.sale-subtotal b { color:var(--accent); font-size:15px; border:1px solid var(--line); border-top:0; border-radius:0 0 8px 8px; padding-top:0; }

@media (max-width: 720px) {
  .sale-line-v4 { grid-template-columns: 1fr 1fr 28px; }
  .sale-line-v4 select, .sale-line-v4 .stock-remaining, .sale-line-v4 .reference-price { grid-column: span 3; }
  .sale-subtotal { grid-template-columns:1fr 1fr 28px; }
  .sale-subtotal span,.sale-subtotal b { grid-column:2; }
}