/* Payment state is separate from the residence status. */
.resident-payment-badge { display:inline-block; font-size:10px; line-height:1.5; font-weight:600; border-radius:5px; padding:2px 7px; margin:3px 0; }
.resident-payment-badge.payment-debt { background:#fff0f1; color:#d32f43; border:1px solid #ffd9df; }
.resident-payment-badge.payment-clear { background:#edf9f1; color:#23814c; border:1px solid #d9efe1; }
.resident-chip.resident-in-debt { background:#fff8f8; box-shadow:inset 3px 0 #eb6471; border-radius:5px; padding-left:8px; }
.resident-chip .resident-payment-badge { display:table; }
tr.resident-debt-row { background:#fff8f8; }
.resident-payment-summary { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:10px 14px; margin-bottom:14px; border:1px solid #e3eaf3; border-radius:8px; background:white; color:#60728c; font-size:12px; }
.resident-payment-summary a { margin-left:auto; }
.payment-basis { display:block; color:#7f90a9; font-size:10px; margin-top:4px; }