.receivableClientPanel{overflow:hidden}
.receivableClientHead{align-items:flex-start}
.receivableClientHead p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.35}
.receivableClientMetrics{padding:0 16px 16px}
.receivableLateMetric{border-left:4px solid #c62828!important;background:#fff7f7!important}
.receivableLateMetric strong,.receivableLateValue{color:#b42318!important}
.receivableClientTableWrap{border-top:1px solid var(--line)}
.receivableClientTable{width:100%;border-collapse:collapse}
.receivableClientTable th,.receivableClientTable td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.receivableClientTable th{background:#f6f9f7;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.035em}
.receivableClientTable td small{display:block;margin-top:3px;color:var(--muted)}
.receivableClientOverdue,.financeTable tr.financeOverdueRow{background:#fff3f3!important;box-shadow:inset 4px 0 #c62828}
.receivableClientOverdue:hover,.financeTable tr.financeOverdueRow:hover{background:#ffeaea!important}
.receivableClientLink{appearance:none;border:0;background:transparent;padding:0;color:var(--text);font:inherit;font-weight:850;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:#a8b9af;text-underline-offset:3px}
.receivableClientLink:hover{color:var(--brand)}
.receivableClientLateBadge,.financeOverdueStatus{background:#fee2e2!important;border:1px solid #ef9a9a!important;color:#a61b1b!important;font-weight:900!important}
.receivableClientOkBadge{background:#eaf7ee!important;border:1px solid #a8d5b3!important;color:#166534!important;font-weight:850!important}
.receivableReportActions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:190px}
.receivableReportActions small{flex-basis:100%;margin:0!important;font-size:11px}
.receivableReportActions .btn{padding:7px 9px;white-space:nowrap}
@media(max-width:780px){
  .receivableClientMetrics{grid-template-columns:1fr 1fr!important;padding:0 10px 10px!important}
  .receivableClientTableWrap{overflow:visible!important;border-top:0!important;padding:0 10px 10px!important}
  .receivableClientTable{display:block!important}
  .receivableClientTable thead{display:none!important}
  .receivableClientTable tbody,.receivableClientTable tr,.receivableClientTable td{display:block!important;width:100%!important}
  .receivableClientTable tr{margin:9px 0!important;padding:10px!important;border:1px solid #d5e2da!important;border-radius:12px!important;background:#fff!important;box-shadow:0 6px 16px rgba(22,59,45,.07)!important}
  .receivableClientTable tr.receivableClientOverdue{border-color:#efb1b1!important;background:#fff3f3!important;box-shadow:inset 4px 0 #c62828,0 6px 16px rgba(120,20,20,.07)!important}
  .receivableClientTable td{display:grid!important;grid-template-columns:minmax(110px,40%) minmax(0,1fr)!important;gap:8px!important;padding:7px 0!important;border:0!important;border-bottom:1px solid rgba(213,226,218,.75)!important}
  .receivableClientTable td:last-child{border-bottom:0!important}
  .receivableClientTable td::before{content:attr(data-label);font-size:10px;font-weight:900;color:#65766d;text-transform:uppercase;letter-spacing:.03em}
  .receivableReportActions{min-width:0}
}
@media(max-width:520px){.receivableClientMetrics{grid-template-columns:1fr!important}.receivableClientTable td{grid-template-columns:1fr!important;gap:3px!important}}