.sale-edit { font-size: 11px; padding: 7px 10px; }
.pv-sale-editor h3 { font: 800 14px "Plus Jakarta Sans"; margin: 20px 0 10px; }

.modal.pv-sale-editor {
  width: min(1320px, calc(100vw - 32px));
  max-width: 1320px;
  overflow-x: hidden;
}

.pv-sale-editor .pv-line-head,
.pv-sale-editor .sale-line-v4 {
  display: grid;
  grid-template-columns: minmax(20ch, 1.1fr) minmax(6ch, .32fr) minmax(17ch, .8fr) minmax(10ch, .5fr) minmax(16ch, .82fr) 52px !important;
  gap: 7px;
}

.pv-line-head {
  display: grid;
  gap: 7px;
  margin: 0 0 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.pv-sale-editor .sale-line-v4 input[name="qty"] {
  min-width: 10ch;
}

.pv-sale-editor .sale-line-v4 input[name="price"] {
  min-width: 16ch;
}

.pv-sale-editor .sale-subtotal {
  grid-template-columns: minmax(20ch, 1.1fr) minmax(6ch, .32fr) minmax(17ch, .8fr) minmax(10ch, .5fr) minmax(16ch, .82fr) 52px !important;
  align-items:center;
}
.pv-sale-editor .sale-subtotal span {
  grid-column:4;
  grid-row:1;
  border:0;
  background:transparent;
  padding:0 3px 0 0;
  border-radius:0;
  text-align:right;
  font-size:10px;
  white-space:nowrap;
}
.pv-sale-editor .sale-subtotal b {
  grid-column:5;
  grid-row:1;
  display:flex;
  align-items:center;
  min-height:38px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#f7faf8;
  padding:8px 10px;
}

@media (max-width: 1080px) {
  .pv-sale-editor .pv-line-head,
  .pv-sale-editor .sale-line-v4 {
    grid-template-columns: minmax(16ch, 1fr) minmax(6ch, .32fr) minmax(14ch, .7fr) minmax(9ch, .48fr) minmax(14ch, .75fr) 44px !important;
  }

  .pv-sale-editor .sale-line-v4 input[name="qty"] { min-width: 9ch; }
  .pv-sale-editor .sale-line-v4 input[name="price"] { min-width: 14ch; }
  .pv-sale-editor .sale-subtotal { grid-template-columns: minmax(16ch, 1fr) minmax(6ch, .32fr) minmax(14ch, .7fr) minmax(9ch, .48fr) minmax(14ch, .75fr) 44px !important; }
}

@media (max-width: 760px) {
  .modal.pv-sale-editor { width: calc(100vw - 20px); padding: 18px; }

  .pv-sale-editor .pv-line-head {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 12px;
  }

  .pv-sale-editor .pv-line-head span:last-child { display: none; }

  .pv-sale-editor .sale-line-v4 {
    grid-template-columns: 1fr 1fr 42px !important;
  }
  .pv-sale-editor .sale-subtotal { grid-template-columns: 1fr 1fr 42px !important; }
  .pv-sale-editor .sale-subtotal span { grid-column:1; }
  .pv-sale-editor .sale-subtotal b { grid-column:2; }

  .pv-sale-editor .sale-line-v4 select,
  .pv-sale-editor .sale-line-v4 .stock-remaining,
  .pv-sale-editor .sale-line-v4 .reference-price { grid-column: span 3; }
  .pv-sale-editor .sale-line-v4 input[name="qty"],
  .pv-sale-editor .sale-line-v4 input[name="price"] { min-width: 0; }
  .pv-sale-editor .sale-line-v4 .remove { grid-column: 3; grid-row: 2; }
}
