#modalform.product-web-simple .intake-primary{grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
#modalform.product-web-simple .intake-primary>*{grid-column:1!important;min-width:0}
#modalform.product-web-simple label{margin:0;min-width:0}
#modalform.product-web-simple .intake-receipt{padding:14px;gap:12px;background:#f8faf9}
#modalform.product-web-simple .intake-receipt [hidden]{display:none!important}
#modalform.product-web-simple .product-web-balances{margin:0;padding:10px;border-radius:8px;background:#eaf3f2;font-weight:600;line-height:1.5}
#modalform.product-web-simple .product-web-media,#modalform.product-web-simple .product-web-extra{margin-top:12px;padding:12px;border:1px solid #dbe4e6;border-radius:10px;min-width:0}
#modalform.product-web-simple details:not([open])>summary{margin-bottom:0}
#modalform.product-web-simple .product-site-choice{margin:12px 0}
#modalform.product-web-simple #photopreview{max-width:180px;max-height:140px;object-fit:contain}
#modalform.product-web-simple input,#modalform.product-web-simple select,#modalform.product-web-simple textarea{max-width:100%;box-sizing:border-box}
#modalform.product-web-simple .formfoot{position:static!important;bottom:auto;background:#fff;margin-top:12px;padding:12px 0}

#modalform.product-web-simple .intake-receipt .two{align-items:start!important}

#modalform.product-web-simple .product-web-quantity{padding:12px;border:1px solid #dbe4e6;border-radius:10px}
#modalform.product-web-simple .product-web-quantity .intake-receipt{margin-top:12px}
#modalform.product-web-simple .product-web-pending{padding:12px;border:1px solid #e6cc88;border-radius:10px;background:#fff6df;overflow-wrap:anywhere}
#modalform.product-web-simple .product-web-pending p{margin:0 0 8px}

/* Desktop product forms only: compact fields and reachable save action on laptop screens. */
#modalform.product-web-simple .formfoot{position:sticky!important;bottom:0;z-index:3;border-top:1px solid #dbe4e6;display:flex;flex-wrap:wrap;gap:8px}
#modalform.product-web-simple .formnote{margin:0;padding:10px;font-size:13px;line-height:1.45}
#modalform.product-web-simple summary{white-space:normal;overflow-wrap:anywhere}
#modalform.product-web-simple .two{min-width:0;gap:12px}
.product-cost-confirm{width:min(480px,calc(100vw - 32px));padding:24px;border:1px solid #dbe4e6;border-radius:14px;color:#192f27;box-shadow:0 12px 40px #0003;max-height:calc(100dvh - 32px);overflow:auto}
.product-cost-confirm::backdrop{background:#122c3b70}
.product-cost-confirm h2{font-size:20px;line-height:1.4;margin:0 0 12px}
.product-cost-confirm p{line-height:1.5;margin:0 0 20px}
.product-cost-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.product-cost-actions button{min-height:44px;white-space:normal}