.customer-receivables-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline);margin-bottom:var(--space-fields)}
.customer-receivables-heading-copy{min-width:0}
.customer-receivables-heading h3{font-size:var(--type-label);margin:0;color:var(--text-secondary)}
.customer-receivables .os-note{font-size:var(--type-body);margin:var(--space-inline) 0;overflow-wrap:anywhere}
.customer-receivables-heading-copy .os-note{font-size:var(--type-meta);margin:4px 0 0}
.customer-receivables-summary{display:flex;flex-wrap:wrap;gap:var(--space-fields);padding:var(--space-fields);background:var(--surface-field);border:1px solid var(--line);border-radius:var(--action-radius);margin-bottom:var(--space-fields)}
.customer-receivables-summary>div{display:grid;gap:4px;flex:1;min-width:0}
.customer-receivables-summary small,.customer-receivable small{font-size:var(--type-meta);color:var(--text-secondary);overflow-wrap:anywhere}
.customer-receivables-summary strong{font-size:var(--type-section-title);overflow-wrap:anywhere}
.customer-receivables-list{display:grid;gap:var(--space-inline);min-width:0}
.customer-receivable{display:grid;gap:var(--space-fields);padding:var(--space-fields);border:1px solid var(--line);border-radius:var(--action-radius);background:var(--surface-field);min-width:0}
.customer-receivable-copy{display:grid;gap:4px;min-width:0}
.customer-receivable strong{font-size:var(--type-body);line-height:1.5;overflow-wrap:anywhere}
.customer-receivable-copy>strong{font-weight:600}
.customer-receivable-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-inline);border-top:1px solid var(--line);padding-top:var(--space-inline);min-width:0}
.customer-receivable-value{display:grid;gap:2px;min-width:0}
.customer-receivable-value .customer-receivable-amount{font-size:var(--type-section-title);font-weight:650}
.customer-receivable-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-inline);margin-left:auto;max-width:100%}
:root body.in-workspace .customer-receivable-actions .record-row-action{width:var(--control-target);min-width:var(--control-target);height:var(--control-target);padding:var(--space-inline);flex:0 0 var(--control-target);background:transparent;backdrop-filter:none;box-shadow:none;border:1px solid var(--line)}
:root body.in-workspace .customer-receivable-actions .record-row-action:hover{background:var(--surface-hover)}
:root body.in-workspace .customer-receivable-actions .record-row-action:active{background:var(--surface-pressed)}
.customer-receivable .customer-receivable-overdue{color:var(--text-warning);font-weight:600}
.customer-receivable.is-overdue{border-inline-start:3px solid var(--text-warning)}
.customer-receivable-file{display:flex;align-items:flex-start;gap:4px;margin-top:4px;min-width:0}
.customer-receivable-file .icon{width:14px;height:16px;flex:none}
.customer-receivable-file span{min-width:0;overflow-wrap:anywhere}
.customer-receivables [hidden]{display:none!important}
.customer-finance-tabs{display:flex;gap:var(--space-inline);margin-top:var(--space-inline);min-width:0}
.customer-finance-tabs>button{flex:1;min-width:0;white-space:normal}