.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.payment-summary>div,.delivery-reference>div{background:#f3f7fa;border:1px solid #dce6ed;border-radius:10px;padding:15px}.payment-summary span,.delivery-reference span{display:block;color:#667585;font-size:11px;text-transform:uppercase;margin-bottom:6px}.payment-summary strong{font-size:21px}.payment-entry{border:1px solid #dce6ed;border-radius:10px;margin:16px 0;padding:12px}.payment-entry summary{cursor:pointer;color:#1174d4;font-weight:700}.link-danger{border:0;background:transparent;color:#b52525;cursor:pointer;padding:0}.badge.paid,.badge.delivered{background:#dff7ea;color:#157545}.badge.partial,.badge.advance{background:#dff1ff;color:#0969a9}.badge.unpaid{background:#edf1f4;color:#586a78}.badge.overdue,.badge.pending{background:#fff0d7;color:#9b5b00}.badge.na{background:#edf1f4;color:#667585}.delivery-reference{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-bottom:14px}.delivery-reference strong{font-size:17px}.payment-cards .stat strong{font-size:22px}@media(max-width:720px){.payment-summary,.delivery-reference{grid-template-columns:1fr}.payment-cards{grid-template-columns:1fr}}