/* Epic 3 – Financieel overzicht; behoud bestaande compacte betaalregels */
.financial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.financial-card{border:1px solid #dce5df;background:#fff;border-radius:10px;padding:16px;text-align:left;color:#012545;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:9px;min-width:0}
.financial-card:hover,.financial-card:focus-visible{border-color:#5e9063;outline:2px solid #5e9063;outline-offset:1px}
.financial-card span{font-size:13px;color:#53677a}
.financial-card strong{font-size:23px;overflow-wrap:anywhere}
.financial-card:last-child{grid-column:1/-1;background:#e9f2eb}
.financial-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0 8px}
.financial-toolbar label{font-size:13px;font-weight:650;min-width:170px;flex:1}
.financial-toolbar select{display:block;margin-top:5px;width:100%;padding:9px}
.financial-toolbar .btn{margin-bottom:1px}
#paymentFilterCount{margin:8px 0 12px}
#allPayments{padding:0 16px}
@media(max-width:540px){
 .financial-grid{gap:9px}.financial-card{padding:12px}.financial-card strong{font-size:19px}
 .financial-toolbar label{min-width:120px}
 .overview-payment .payment-actions{max-width:65%}
 .overview-payment .payment-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end}
 .overview-payment .payment-buttons .btn{font-size:11px;padding:8px 7px}
}