#pay-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}#pay-stats>div{padding:16px;background:#fff;border:1px solid #d8e5de;border-radius:12px}#pay-stats small,#pay-stats strong{display:block}#pay-stats small{font-size:11px;color:#698077}#pay-stats strong{margin-top:8px;font-size:20px;color:#255e50}.pay-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:16px}.pay-filters label{font-size:11px;display:grid;gap:5px}.pay-filters input,.pay-filters select{padding:9px;border:1px solid #d3e1d8;border-radius:7px;background:white;min-width:120px}.pay-filters button,#pay-pages button{padding:9px 12px;border:1px solid #cbded2;border-radius:7px;background:#edf6f0;cursor:pointer}#pay-message:not(:empty){padding:12px;background:#edf7f1;border-radius:8px}#payment-list td{vertical-align:top;padding:14px 10px;font-size:12px}#payment-list small{display:block;font-size:10px;color:#6d8277;margin-top:5px}#payment-list .pay-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:150px}#payment-list button{font-size:10px;padding:6px 8px}.pay-tag{display:inline-block;padding:4px 8px;border-radius:15px;background:#fff3d5;font-size:11px}.pay-paid{background:#e3f4e9;color:#22643f}.pay-void{background:#eee;color:#666}.pay-overdue{background:#fbe9e6;color:#a43d2f}#pay-pages{display:flex;justify-content:space-between;padding:15px;font-size:12px;align-items:center}#pay-pages button:disabled{opacity:.4}.pay-empty{padding:25px}#pay-dialog{width:min(760px,94vw);max-height:90vh;border:1px solid #d5e2db;border-radius:14px;padding:0;color:#285246}#pay-dialog::backdrop{background:#15393066}#pay-dialog header{display:flex;justify-content:space-between;align-items:center;background:#eff7f1;padding:18px}#pay-dialog h2{margin:0;font-size:22px}#pay-dialog [data-pay-close]{background:transparent;border:0;font-size:27px;cursor:pointer}#pay-dialog form,#pay-dialog>.pay-details{padding:20px}#pay-dialog label{display:grid;gap:7px;font-size:12px}#pay-dialog input,#pay-dialog select,#pay-dialog textarea{box-sizing:border-box;min-width:0;width:100%;border:1px solid #ccded3;border-radius:7px;padding:10px;background:#fff;color:#254d40;font:13px Arial}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pay-wide{grid-column:1/-1}.pay-info{font-size:12px;line-height:1.8;padding:10px;background:#f3f8f4;border-radius:7px}#pay-dialog .pay-check{display:flex;align-items:center}#pay-dialog .pay-check input{width:18px}#pay-dialog footer{display:flex;justify-content:flex-end;margin-top:18px}#pay-dialog [type=submit]{padding:11px 18px;background:#276a55;color:white;border:0;border-radius:7px;cursor:pointer}#pay-dialog button:disabled{opacity:.5}.pay-form-error{color:#a3342a;font-size:12px}.pay-details>div{display:grid;grid-template-columns:160px 1fr;gap:12px;border-bottom:1px solid #e3ebe5;padding:9px 0;font-size:12px}.pay-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.pay-details dt{color:#6a7d72}@media(max-width:700px){#pay-stats{grid-template-columns:1fr 1fr}#pay-stats strong{font-size:16px}.pay-grid{grid-template-columns:1fr}.pay-details>div{grid-template-columns:110px 1fr}#payments .table-wrap{overflow:visible}#payments table{display:block;width:100%;min-width:0}#payments thead{display:none}#payment-list{display:block}#payment-list tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid #d7e4dc;padding:8px}#payment-list td{display:block;border:0;overflow-wrap:anywhere}#payment-list td:first-child,#payment-list td:last-child{grid-column:1/-1}#payments .section-heading{flex-wrap:wrap;gap:12px}}