/* 013V - Supplier commercial preview alignment, draft-price compression, and identity-field polish. */

/* Keep the saved draft price and currency on one compact row, including iPhone widths. */
.commercial-price-entry-013v{
  grid-template-columns:minmax(0,1.45fr) minmax(104px,.55fr)!important;
  gap:10px!important;
  align-items:end!important;
  margin-top:2px;
}
.commercial-price-entry-013v>label{gap:5px!important;font-size:9.5px!important;color:#455e6d!important}
.commercial-price-entry-013v .money-input,
.commercial-price-entry-013v #commercialCurrency{
  min-height:44px!important;
  height:44px!important;
  border-radius:10px!important;
  border-color:#dce4e9!important;
  background:#f8fafb!important;
  box-sizing:border-box;
}
.commercial-price-entry-013v .money-input input,
.commercial-price-entry-013v #commercialCurrency{
  font-size:16px!important;
  font-weight:800!important;
  color:#17324a!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.commercial-price-entry-013v #commercialCurrency{padding-left:12px!important;padding-right:12px!important}

/* Make the commercial result ledger read as one clean aligned system. */
#commercialPreviewPanel>div:not(.published-economics-notice):not(.edited-economics-heading):not(.commercial-review-exit-guard){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:16px!important;
  row-gap:3px!important;
}
#commercialPreviewPanel>div:not(.published-economics-notice):not(.edited-economics-heading):not(.commercial-review-exit-guard)>small{
  min-width:0;
  line-height:1.3!important;
}
#commercialPreviewPanel>div:not(.published-economics-notice):not(.edited-economics-heading):not(.commercial-review-exit-guard)>b{
  justify-self:end;
  text-align:right!important;
  white-space:nowrap!important;
  line-height:1.15!important;
}
#commercialPreviewPanel .proposed-redemption-row{
  padding-top:10px!important;
  padding-bottom:10px!important;
}
#commercialPreviewPanel .proposed-redemption-row>small{font-size:12px!important;color:#687986!important}
#commercialPreviewPanel .proposed-redemption-row>#previewPoints{font-size:18px!important;letter-spacing:0!important}
#commercialPreviewPanel .proposed-redemption-row>#previewPointsNote{
  grid-column:1/-1!important;
  margin-top:1px!important;
  max-width:none!important;
  font-size:8.5px!important;
  line-height:1.35!important;
  color:#71808a!important;
}
#commercialPreviewPanel #previewTax,
#commercialPreviewPanel #previewCustomerTotal,
#commercialPreviewPanel #previewDiscount,
#commercialPreviewPanel #previewNet{font-variant-numeric:tabular-nums}

/* Exit decision: equal dimensions and one consistent hierarchy. */
.commercial-review-exit-guard{padding:24px!important;gap:16px!important;background:rgba(255,255,255,.985)!important}
.commercial-review-exit-guard>div{width:min(100%,380px);margin-left:auto;margin-right:auto}
.commercial-review-exit-actions{gap:9px!important}
.commercial-review-exit-actions button{
  appearance:none!important;
  width:100%!important;
  min-height:50px!important;
  height:50px!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
  border-radius:11px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:850!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.commercial-review-exit-actions button:first-child{border:1px solid #082f57!important;background:#082f57!important;color:#fff!important}
.commercial-review-exit-actions .secondary-action{border:1px solid #cbd7de!important;background:#fff!important;color:#17324a!important}
.commercial-review-exit-actions .danger-secondary{border:1px solid #cbd7de!important;background:#fff!important;color:#8d3d3d!important}

/* Restore a calmer, denser entry feel in Offer identity without reintroducing iOS auto-zoom. */
.offer-identity-section label{gap:5px!important}
.offer-identity-section input,
.offer-identity-section select,
.offer-identity-section textarea{
  border-radius:11px!important;
  border-color:#dbe3e8!important;
  background:#fff!important;
  color:#17324a!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1.25!important;
}
.offer-identity-section input,
.offer-identity-section select{
  min-height:48px!important;
  padding:9px 12px!important;
}
.offer-identity-section textarea{
  min-height:78px!important;
  padding:10px 12px!important;
}
.offer-identity-section input::placeholder,
.offer-identity-section textarea::placeholder{color:#8a98a1!important;font-weight:500!important}
.offer-identity-section .field-grid{gap:10px!important}

@media(max-width:760px){
  .commercial-price-entry-013v{grid-template-columns:minmax(0,1.4fr) minmax(96px,.6fr)!important;gap:8px!important}
  .commercial-price-entry-013v .money-input,
  .commercial-price-entry-013v #commercialCurrency{min-height:43px!important;height:43px!important}
  .commercial-review-exit-guard{padding:18px!important}
  .commercial-review-exit-actions button{min-height:48px!important;height:48px!important;font-size:13px!important}
  .offer-identity-section input,.offer-identity-section select{min-height:46px!important;padding:8px 11px!important}
  .offer-identity-section textarea{min-height:74px!important;padding:9px 11px!important}
}
#commercialPreviewPanel .points-reward-preview>em{grid-column:1/-1!important;margin-top:1px!important}