.rmkpro-customer-payment-block { border-radius: 1rem; background: #f3f8df; padding: 1rem; }
.rmkpro-customer-payment-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.rmkpro-customer-payment-heading p { color: #607583; font-size: .78rem; font-weight: 600; }
.rmkpro-customer-payment-heading strong { display: block; margin-top: .2rem; color: #243746; font: 600 1.5rem Roboto, sans-serif; }
.rmkpro-customer-payment-heading > span { border-radius: 999px; background: #fff; padding: .3rem .65rem; color: #425c6c; font: 500 .72rem Roboto, sans-serif; }
.rmkpro-customer-project-groups { display: grid; gap: .75rem; margin-top: 1rem; }
.rmkpro-customer-project-groups article { overflow: hidden; border: 1px solid #d8e4b7; border-radius: .85rem; background: #fff; }
.rmkpro-customer-project-groups header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: #f8faef; padding: .75rem .85rem; }
.rmkpro-customer-project-groups header strong, .rmkpro-customer-project-groups header small { display: block; }
.rmkpro-customer-project-groups header strong { color: #243746; font-size: .78rem; }
.rmkpro-customer-project-groups header small { margin-top: .15rem; color: #607583; font-size: .68rem; }
.rmkpro-customer-project-groups header > b { color: #243746; font: 600 .82rem Roboto, sans-serif; }
.rmkpro-customer-payment-list > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-top: 1px solid #e2e9ed; padding: .7rem .85rem; }
.rmkpro-customer-payment-list span { min-width: 0; }
.rmkpro-customer-payment-list strong, .rmkpro-customer-payment-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rmkpro-customer-payment-list strong { color: #425c6c; font-size: .74rem; }
.rmkpro-customer-payment-list small { margin-top: .15rem; color: #607583; font-size: .65rem; }
.rmkpro-customer-payment-list > div > b { flex: 0 0 auto; color: #243746; font: 600 .76rem Roboto, sans-serif; }
.rmkpro-customer-payment-empty, .rmkpro-customer-payment-loading, .rmkpro-customer-payment-error { margin-top: .75rem; border-radius: .85rem; background: #fff; padding: .9rem; color: #607583; font-size: .78rem; }
.rmkpro-customer-payment-error { background: #fff1f2; color: #be123c; }