/* Adapted Wasooli / Advance form; existing POS accounting remains authoritative. */
#receive-payment-modal{z-index:90!important;padding:12px!important}#receive-payment-modal>div{width:min(1100px,96vw)!important;max-width:1100px!important;max-height:94dvh!important;display:flex;flex-direction:column}#receive-payment-modal>div>div:first-child{flex-shrink:0;padding:10px 15px!important}#payment-advance-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px!important;min-height:0;overflow:auto;margin:0!important}.payment-design-fields{grid-column:1;grid-row:1;background:#fff;border:1px solid #d6e4de;border-radius:7px;padding:14px}.payment-customer-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.payment-due-card{display:flex;justify-content:space-between;background:#eef5f1;padding:12px;border-radius:5px}.payment-amount-field label{display:block;margin:12px 0 5px;font-weight:700}.payment-amount-field input{width:100%;border:1px solid #b7c9c0;border-radius:5px;padding:11px;font-size:22px;font-weight:750}.payment-method-choices{margin:12px 0;font-size:12px}.payment-method-choices>div{display:flex;gap:7px;margin-top:6px}.payment-method-choices label{display:flex;gap:5px;align-items:center;background:#f0f5f2;padding:8px;border:1px solid #cfdfd5;border-radius:5px}.payment-design-notice{padding:9px;color:#43634f;background:#f2f7f3;font-size:11px;line-height:1.5}.payment-design-breakdown h4{font-weight:750;font-size:14px;margin:10px 0}.payment-design-breakdown dl>div{display:flex;justify-content:space-between;padding:6px;border-bottom:1px solid #e2eae5;font-size:12px}.payment-design-breakdown dd{font-weight:700}.payment-design-optional{font-size:11px;margin-top:12px}.payment-design-optional summary{cursor:pointer}.payment-design-optional>label{display:block;margin-top:8px}.payment-design-optional input[type=text]{padding:7px;border:1px solid #cbd5e1;width:100%;border-radius:4px}.payment-extra-methods{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}#pay-quick-chips{display:flex;flex-wrap:wrap;gap:4px}#payment-advance-preview{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;gap:10px}.payment-account-card,.payment-receipt-card{border:1px solid #d8e2ec;border-radius:7px;padding:12px;background:white}.payment-account-card h4{font-size:16px;font-weight:750;margin-bottom:8px}.payment-account-inner{background:#f1f0fb;padding:10px;border-radius:6px}.payment-account-inner>strong,.payment-account-inner>span{display:block}.payment-account-inner>strong{font-size:15px;margin:3px 0 9px}.payment-account-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-account-totals>div{background:#e7ebf2;padding:9px;display:flex;flex-direction:column;gap:4px;border-radius:4px}.payment-account-totals b{font-size:21px}.payment-account-totals span{font-size:11px}.payment-account-totals .payment-account-advance{background:#daf4e4;color:#176f48}.payment-account-inner p{font-size:11px;margin-top:8px;color:#356c51}.payment-account-row>div{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;font-size:11px;border:1px solid #e2e8f0}.payment-account-row span{padding:5px}.payment-account-row-head{background:#edf2f8;font-weight:700}.payment-receipt-card{font-size:11px}.payment-receipt-brand{text-align:center;font-weight:750;font-size:13px}.payment-receipt-card h4{text-align:center;font-weight:750;margin:6px 0}.payment-receipt-draft{text-align:center;color:#7b8ca1;margin-bottom:7px}.payment-receipt-card>div:not(.payment-receipt-brand){display:flex;justify-content:space-between;gap:9px;padding:4px 0}.payment-receipt-card footer{text-align:center;border-top:1px dashed #b7c4d3;margin-top:7px;padding-top:7px;color:#718299}.payment-advance-actions{grid-column:1;grid-row:2;display:flex;gap:8px;margin:0!important;padding:0!important}.payment-advance-actions button{padding:9px!important;font-size:12px!important;min-height:36px!important}.payment-reprint{display:block;font-size:10px;color:#25634b;padding:3px 5px;border:1px solid #c4ddcf;border-radius:4px;margin-top:4px;background:#eff8f3}#receive-payment-modal [hidden]{display:none!important}@media(max-width:700px){#payment-advance-form{grid-template-columns:minmax(0,1fr)}#payment-advance-preview{grid-column:1;grid-row:2}.payment-advance-actions{grid-column:1;grid-row:3;position:sticky;bottom:0;background:white;padding:6px!important}.payment-design-fields{padding:10px}.payment-account-totals b{font-size:19px}#receive-payment-modal>div{max-height:calc(100dvh - 24px)!important}.payment-method-choices label{padding:7px;font-size:11px}}
/* Override the earlier generic landscape form placement for this upgraded form. */
#receive-payment-modal #payment-advance-form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:12px!important;align-items:start!important}
#receive-payment-modal #payment-advance-form>.payment-design-fields{grid-column:1!important;grid-row:1!important;min-width:0!important;width:auto!important;margin:0!important}
#receive-payment-modal #payment-advance-form>#payment-advance-preview{grid-column:2!important;grid-row:1/span 2!important;min-width:0!important;width:auto!important;margin:0!important}
#receive-payment-modal #payment-advance-form>.payment-advance-actions{grid-column:1!important;grid-row:2!important;min-width:0!important;width:auto!important;display:flex!important;position:static!important;margin:0!important}
#payment-advance-form .payment-due-card strong,#payment-advance-form .payment-customer-row strong{display:block!important;font-weight:750!important}#payment-advance-form .payment-design-fields input{max-width:100%!important;box-sizing:border-box!important}#payment-advance-form .payment-design-breakdown dl>div{display:flex!important;justify-content:space-between!important}#payment-advance-form .payment-design-breakdown dd{display:block!important;visibility:visible!important;font-size:12px!important;min-width:max-content!important}#payment-advance-form>div,#payment-advance-form>section{max-width:100%!important}
@media(max-width:700px){#receive-payment-modal #payment-advance-form{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}#receive-payment-modal #payment-advance-form>#payment-advance-preview{grid-column:1!important;grid-row:2!important}#receive-payment-modal #payment-advance-form>.payment-advance-actions{grid-column:1!important;grid-row:3!important;position:sticky!important;bottom:0!important}}
