.payment-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 22px}.payment-kpis article,.payment-panel{background:#fff;border:1px solid #e2e9e5;border-radius:14px;padding:17px}.payment-kpis article{display:flex;flex-direction:column;gap:6px;min-width:0}.payment-kpis small,.payment-kpis span{color:#718078;font-size:12px}.payment-kpis strong{font-size:25px;color:#17382d}.payment-panel{margin:16px 0}.payment-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.payment-panel-head h3{margin:0}.payment-panel-head p{margin:4px 0 0;color:#718078;font-size:13px}.payment-filter{display:flex;align-items:center;gap:8px;color:#718078;font-size:13px}.payment-filter select{padding:9px 12px;border:1px solid #dce5e0;border-radius:9px;background:#fff;color:#17382d}.payment-reminder{border:1px solid #efb0a3;background:#fff0ec;color:#8e3025;border-radius:12px;padding:13px 16px;margin:14px 0;font-weight:700}.payment-reminder[hidden]{display:none}.table-due-list{display:grid;gap:9px}.table-due-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px 14px;border:1px solid #f0b9ae;border-left:4px solid #e65b45;border-radius:10px;background:#fff8f6}.table-due-row strong{display:block}.table-due-row small{display:block;color:#7c7774;margin-top:3px}.table-due-row .table-due-amount{color:#b84030;font-size:17px;font-weight:800;white-space:nowrap}.payment-row-pending{background:#fff9eb;border-left:4px solid #e6a52b}.payment-row-paid{border-left:4px solid #3b9a70}.payment-load-more{display:block;margin:12px auto 0}.payment-empty{padding:18px;color:#718078;text-align:center}.payment-reference{color:#718078;font-size:12px;overflow-wrap:anywhere}.payment-table-chip{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:20px;background:#fff0ec;color:#a64131;font-size:11px;font-weight:700}
@media(max-width:900px){.payment-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.payment-kpis{gap:8px}.payment-kpis article{padding:12px}.payment-kpis strong{font-size:20px}.payment-panel{padding:12px}.payment-panel-head{align-items:flex-start;flex-direction:column}.payment-filter{width:100%;justify-content:space-between}.payment-filter select{flex:1}.table-due-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.table-due-row button{grid-column:1/-1;width:100%}}