.payment-input-row{display:flex;align-items:end;gap:18px}.payment-input-row label{max-width:210px;flex:1}.payment-hint{font-size:11px;color:var(--muted);padding-bottom:10px;line-height:1.4}.payment-progress{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 13px}.payment-progress div{padding:9px;border-radius:6px;background:#eff7f3}.payment-progress div+div{background:#fff3ec}.payment-progress span,.payment-progress strong{display:block}.payment-progress span{font-size:9px;color:#6d7a76}.payment-progress strong{font-size:13px;color:#34705a;margin-top:3px}.payment-progress div+div strong{color:#b06b43}.outstanding-card{margin-top:18px}.outstanding-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:13px 0}.outstanding-row strong,.outstanding-row small{display:block}.outstanding-row small{font-size:10px;color:var(--muted);margin-top:3px}.outstanding-actions{align-items:center;display:flex;gap:12px}.outstanding-amount{color:#b06b43!important;font-size:14px}.customer-payment-button{font-size:11px;min-height:36px;padding:7px 10px}.empty-outstanding{color:var(--muted);font-size:12px;padding:13px 0}@media(max-width:720px){.payment-input-row{display:block}.payment-hint{padding-top:8px}.payment-progress{grid-template-columns:1fr 1fr}.outstanding-row{align-items:flex-start;flex-direction:column;gap:10px}.outstanding-actions{justify-content:space-between;width:100%}}