.pay-badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.pay-badge.paid{background:#e4efdf;color:#395a2b}.pay-badge.partial{background:#fff0cf;color:#805509}.pay-badge.pending{background:#fae4df;color:#953c2b}.pay-badge.empty-status{background:#eee9e0;color:#746753}.pay-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.pay-kpis>div{border:1px solid #e4d8c4;border-radius:10px;padding:17px;background:#fffdf8}.pay-kpis span{font-size:11px;color:#8c7758;display:block}.pay-kpis strong{display:block;font-size:24px;margin-top:7px;overflow-wrap:anywhere}.pay-kpis .due{background:#3d2d21;color:#ffedce}.pay-kpis .due span{color:#ddc5a2}.pay-actions{display:flex;gap:7px;flex-wrap:wrap}.payments-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.payments-tools input,.payments-tools select{padding:11px;border:1px solid #d9cbb5;border-radius:6px;background:white;max-width:100%}.pay-table-wrap{overflow:auto;background:white;border:1px solid #e4dac8;border-radius:10px}.pay-table{border-collapse:collapse;width:100%;font-size:12px}.pay-table th,.pay-table td{padding:14px;text-align:left;border-bottom:1px solid #eee5d8;white-space:nowrap}.pay-table th{background:#f3ead9;font-size:11px;color:#856333}.pay-table td small{display:block;color:#9c8767;margin-top:5px}.pay-table td strong{white-space:normal;min-width:165px;display:block}.collections{padding:18px;background:#f4ecde;border-radius:10px;margin:20px 0}.collections p{font-size:12px;line-height:1.8}.collections input{padding:8px;border:1px solid #d8c9af;border-radius:6px}.payment-kpis-inline{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.payment-kpis-inline span{font-size:12px;padding:10px;background:#f4ecde;border-radius:6px}.payment-allocation{display:flex!important;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #e8dfd1;padding:10px 0;margin:0!important;font-size:11px}.payment-allocation input{width:120px!important;margin:0!important;flex-shrink:0}#paymentFields{border:0;padding:0;margin:0}#paymentReviewText{white-space:pre-wrap;font:13px/1.8 'Segoe UI',sans-serif}#paymentReview{background:#f6ecd7;border-radius:8px;padding:16px;margin-top:20px}#paymentError,#voidPaymentError,#paymentsError,#receiptError{font-size:12px;color:#963e2c;line-height:1.6}#paymentDialog,#movementsDialog{width:740px}.pay-week{display:flex;gap:9px;flex-wrap:wrap;align-items:center;padding:12px 0;border-bottom:1px solid #eee4d5;font-size:11px}.pay-week strong{width:100%}.payment-movement{border:1px solid #e1d6c3;border-radius:9px;margin:14px 0;padding:16px}.payment-movement.voided{background:#faf3ef}.void-reason{color:#934a35!important}#receiptDialog{width:950px}#receiptImages img{max-width:100%;height:auto;margin:12px 0}#receiptDownloads{display:flex;gap:10px;flex-wrap:wrap}#receiptDownloads a{text-decoration:none}#costPaymentFilter{padding:9px;border:1px solid #e5d9c5;border-radius:6px;background:white;margin:0 12px 12px;max-width:calc(100% - 24px)}.cost-switch{flex-wrap:wrap}@media(max-width:800px){.pay-kpis{grid-template-columns:1fr}.pay-kpis strong{font-size:22px}.payment-allocation{align-items:flex-start}.payment-allocation input{width:95px!important}.payments-tools>*{width:100%}.payment-kpis-inline{flex-direction:column}}

.payment-view>.cost-toolbar,.payment-view>.cost-kpis{display:none}.cost-switch{margin-top:22px}#paymentReviewText{overflow-wrap:anywhere}#receiptDialog,#paymentDialog,#movementsDialog{max-width:calc(100vw - 24px)}
@media(max-width:650px){.pay-table-wrap{border:0;background:transparent;overflow:visible}.pay-table thead{display:none}.pay-table,.pay-table tbody,.pay-table tr,.pay-table td{display:block;width:100%;box-sizing:border-box}.pay-table tr{background:#fffdf8;border:1px solid #e4dac8;border-radius:10px;margin-bottom:14px;padding:12px}.pay-table td{padding:8px;border:0;white-space:normal}.pay-table td::before{content:attr(data-label);display:block;font-size:10px;color:#8c7758;text-transform:uppercase;margin-bottom:5px}.pay-table td.pay-actions{display:flex}.pay-table td.pay-actions::before{width:100%}.pay-table td strong{min-width:0}.pay-table td[colspan]::before{display:none}.pay-table .pay-actions button{flex:1;min-height:44px}.payments-tools{gap:10px}.payment-allocation input{min-height:44px}}