.saas-collect-row__list,.saas-collect-row__receipt-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.saas-collect-row__list{gap:var(--saas-space-xs)}.saas-collect-row__item{border:1px solid var(--saas-border-default);border-inline-start:3px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);transition:border-color var(--saas-motion-micro) var(--saas-ease-standard)}.saas-collect-row__item[data-tone=danger]{border-inline-start-color:var(--saas-status-danger)}.saas-collect-row__item[data-open=true]{border-color:var(--saas-brand-primary)}.saas-collect-row__head{align-items:center;gap:var(--saas-space-sm);flex-wrap:wrap;padding-inline-end:var(--saas-space-sm);display:flex}.saas-collect-row__toggle{align-items:center;gap:var(--saas-space-md);min-block-size:52px;min-inline-size:0;padding:var(--saas-space-sm) var(--saas-space-md);border-radius:var(--saas-radius-md);color:var(--saas-text-primary);font:inherit;font-size:var(--saas-font-body-sm);text-align:start;cursor:pointer;background:0 0;border:0;flex:320px;grid-template-columns:auto minmax(0,2fr) minmax(88px,1fr) minmax(136px,1.4fr);display:grid}.saas-collect-row__toggle:hover{background:var(--saas-brand-subtle)}.saas-collect-row__toggle:focus-visible,.saas-collect-row__receipt:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-collect-row__toggle>svg{color:var(--saas-text-secondary);transition:transform var(--saas-motion-micro) var(--saas-ease-standard)}.saas-collect-row__toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.saas-collect-row__fee,.saas-collect-row__due,.saas-collect-row__money{gap:var(--saas-space-2xs);flex-direction:column;min-inline-size:0;display:flex}.saas-collect-row__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.saas-collect-row__meta,.saas-collect-row__caption{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saas-collect-row__due{font-variant-numeric:tabular-nums;white-space:nowrap}.saas-collect-row__due[data-tone=danger]{color:var(--saas-status-danger);font-weight:600}.saas-collect-row__money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.saas-collect-row__bar{border-radius:var(--saas-radius-full);background:var(--saas-bg-sunken);block-size:4px;position:relative;overflow:hidden}.saas-collect-row__bar:before{inline-size:var(--saas-collect-row-paid,0%);border-radius:inherit;background:var(--saas-status-success);content:"";position:absolute;inset-block:0;inset-inline-start:0}.saas-collect-row__balance{color:var(--saas-status-danger);font-size:var(--saas-font-caption)}.saas-collect-row__end{align-items:center;gap:var(--saas-space-sm);margin-inline-start:auto;display:flex}.saas-collect-row__list--nested{padding:0 var(--saas-space-sm) var(--saas-space-sm) var(--saas-space-xl)}.saas-collect-row__item[data-nested=true]{background:var(--saas-bg-sunken)}.saas-collect-row__item[data-nested=true] .saas-collect-row__toggle{grid-template-columns:auto minmax(0,1fr) minmax(136px,1fr)}.saas-collect-row__name[data-tone=danger]{color:var(--saas-status-danger)}@media (width<=599px){.saas-collect-row__list--nested{padding-inline-start:var(--saas-space-sm)}}.saas-collect-row__panel{padding:0 var(--saas-space-sm) var(--saas-space-sm)}@media (width<=767px){.saas-collect-row__toggle{grid-template-columns:auto minmax(0,1fr) auto}.saas-collect-row__money{grid-column:2/-1}.saas-collect-row__head{padding:0 var(--saas-space-sm) var(--saas-space-sm)}.saas-collect-row__end{margin-inline-start:0}}.saas-collect-row__receipts{gap:var(--saas-space-xs);flex-direction:column;display:flex}.saas-collect-row__receipt{align-items:center;gap:var(--saas-space-sm);min-block-size:44px;inline-size:100%;padding:var(--saas-space-xs) var(--saas-space-sm);border:0;border-block-end:1px dashed var(--saas-border-default);color:var(--saas-text-primary);font:inherit;font-size:var(--saas-font-body-sm);text-align:start;cursor:pointer;background:0 0;display:flex}.saas-collect-row__receipt:hover{background:var(--saas-bg-sunken)}.saas-collect-row__receipt>svg{color:var(--saas-brand-primary);flex:none}.saas-collect-row__receipt .saas-collect-row__fee{flex:1}.saas-collect-row__receipt-amount{font-variant-numeric:tabular-nums;font-weight:600}@media (prefers-reduced-motion:reduce){.saas-collect-row__item,.saas-collect-row__toggle>svg{transition:none}}