.receivables-workspace{min-width:0;background:#f3f6f5}.receivables-topbar{height:auto;min-height:108px;padding:20px 30px;gap:10px;flex-wrap:wrap;background:#fff}.receivables-topbar .topbar__title{min-width:320px;margin-right:auto}.receivables-topbar h1{font-size:28px}.receivables-prototype{padding:7px 10px;border:1px solid #cadfdd;border-radius:4px;background:#edf6f5;color:#426568;font-size:11px;font-weight:700}.receivables-top-status{order:5;width:100%;min-height:16px;margin:0;color:#667578;font-size:11px;text-align:right}.receivables-body{padding:18px 24px 30px}.receivables-snapshot{display:flex;justify-content:flex-end;gap:7px;margin:0 0 8px;color:#718084;font-size:11px}.receivables-snapshot b{color:#354447}.receivables-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.receivables-summary article{padding:15px;border:1px solid #dce5e3;border-radius:7px;background:#fff}.receivables-summary article.is-overdue{border-color:#e8c7c3;background:#fbecea}.receivables-summary span,.receivables-summary b,.receivables-summary small{display:block}.receivables-summary span,.receivables-summary small{color:#718084;font-size:11px}.receivables-summary b{margin:8px 0 5px;font-size:22px;white-space:nowrap}.receivables-summary .is-overdue b{color:#a23d36}.receivables-rule{display:flex;gap:9px;margin:10px 0;padding:11px 13px;background:#e9f4f3;color:#667578;font-size:11px;line-height:1.45}.receivables-rule>span{display:grid;flex:0 0 22px;width:22px;height:22px;place-items:center;border-radius:50%;background:#08737a;color:#fff}.receivables-rule p{margin:0}.receivables-rule b{color:#182326}.receivables-filters{display:flex;align-items:flex-end;gap:10px;margin-bottom:10px;padding:11px;border:1px solid #dce5e3;border-radius:7px;background:#fff;flex-wrap:wrap}.receivables-filter-buttons{display:flex;gap:3px;margin-right:auto}.receivables-filter-buttons button{min-height:38px;padding:7px 11px;border:0;border-radius:4px;background:transparent;color:#667578;cursor:pointer}.receivables-filter-buttons button[aria-pressed=true]{background:#08737a;color:#fff}.receivables-filters label{display:grid;gap:5px;min-width:155px;color:#718084;font-size:10px}.receivables-filters select{min-height:38px;padding:6px 9px;border:1px solid #cfd8d7;border-radius:4px;background:#fff;color:#182326}.receivables-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}.receivables-list,.receivable-detail{border:1px solid #dce5e3;border-radius:7px;background:#fff;box-shadow:0 7px 20px rgba(30,55,57,.04)}.receivables-list{min-width:0;overflow:hidden}.receivables-list>header,.receivable-row{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(105px,.75fr) 110px 90px 105px;gap:9px;align-items:center}.receivables-list>header{min-height:44px;padding:0 12px;background:#f7f9f8;color:#718084;font-size:10px;text-transform:uppercase}.receivable-row{width:100%;min-height:72px;padding:10px 12px;border:0;border-top:1px solid #e3e9e8;background:#fff;color:#182326;text-align:left;cursor:pointer}.receivable-row:hover{background:#f7f9f8}.receivable-row.is-selected{background:#e9f4f3;box-shadow:inset 3px 0 #08737a}.receivable-row b,.receivable-row small{display:block}.receivable-row b{font-size:12px}.receivable-row small{margin-top:3px;color:#718084;font-size:11px}.receivable-row time{font-size:11px}.receivable-row time small{color:#a23d36}.receivable-row.is-today time small{color:#91631b}.receivable-row.is-week time small{color:#08737a}.receivable-paid{color:#718084;font-size:12px}.receivable-debt{font-size:13px;font-weight:800;white-space:nowrap;text-align:right}.receivable-row.is-overdue .receivable-debt{color:#a23d36}.receivable-row.is-today .receivable-debt{color:#91631b}.receivables-empty{padding:30px;color:#718084;text-align:center;font-size:12px}.receivable-detail{padding:16px;position:sticky;top:14px}.receivable-detail-status{display:flex;align-items:center;justify-content:space-between;gap:8px}.receivable-detail-status span{padding:6px 8px;border-radius:10px;background:#fbecea;color:#a23d36;font-size:10px;font-weight:750}.receivable-detail-status span.is-today{background:#fff2d9;color:#8a5d13}.receivable-detail-status span.is-week{background:#e9f4f3;color:#08737a}.receivable-detail-status em{color:#718084;font-size:10px;font-style:normal}.receivable-detail h2{margin:14px 0 0;font-size:19px}.receivable-detail>p{margin:5px 0 0;color:#718084;font-size:11px}.receivable-debt-total{margin:13px 0;padding:12px;background:#f7f9f8;border-left:3px solid #607477}.receivable-debt-total.is-overdue{background:#fbecea;border-color:#a23d36}.receivable-debt-total.is-today{background:#fff2d9;border-color:#91631b}.receivable-debt-total.is-week{background:#e9f4f3;border-color:#08737a}.receivable-debt-total span,.receivable-debt-total b,.receivable-debt-total small{display:block}.receivable-debt-total span,.receivable-debt-total small{color:#718084;font-size:11px}.receivable-debt-total b{margin:6px 0;color:#354447;font-size:23px;white-space:nowrap}.receivable-debt-total.is-overdue b{color:#a23d36}.receivable-debt-total.is-today b{color:#91631b}.receivable-debt-total.is-week b{color:#08737a}.receivable-detail dl{margin:0}.receivable-detail dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e3e9e8}.receivable-detail dt{color:#718084;font-size:11px}.receivable-detail dd{margin:0;text-align:right;font-size:11px;font-weight:700}.receivable-payment-breakdown{margin-top:12px;padding:11px;border:1px solid #dce5e3;background:#fff}.receivable-payment-breakdown header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.receivable-payment-breakdown header span{color:#718084;font-size:11px}.receivable-payment-breakdown header button{padding:0;border:0;background:none;color:#08737a;font-size:11px;font-weight:700;cursor:pointer}.receivable-payment-breakdown p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:7px 0;border-top:1px solid #e3e9e8;font-size:11px}.receivable-payment-breakdown p b{color:#182326}.receivable-payment-breakdown p span{color:#718084;text-align:right}.receivable-payment-breakdown p.is-empty{display:block;color:#718084}.receivable-next-action{margin-top:12px;padding:11px;background:#f7f9f8}.receivable-next-action span,.receivable-next-action b{display:block}.receivable-next-action span{color:#718084;font-size:10px}.receivable-next-action b{margin-top:4px;font-size:11px}.receivable-remind{width:100%;margin-top:10px}.receivable-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.receivable-actions .button{padding-inline:7px;font-size:11px}.receivables-live{min-height:18px;margin:9px 0 0;color:#718084;font-size:10px}
@media(max-width:1180px){.receivables-layout{grid-template-columns:1fr}.receivable-detail{position:static}.receivables-list{overflow-x:auto}.receivables-list>header,.receivable-row{min-width:760px}}
@media(max-width:780px){html,body{min-width:0}.receivables-workspace{width:auto;margin-left:64px}.receivables-snapshot{justify-content:flex-start;flex-wrap:wrap}.receivables-topbar{padding:16px 14px}.receivables-topbar .topbar__title{min-width:100%;width:100%}.receivables-topbar h1{font-size:23px}.receivables-prototype{order:4;width:100%;text-align:center}.receivables-top-status{text-align:left}.receivables-body{padding:14px}.receivables-summary{grid-template-columns:1fr 1fr}.receivables-summary article:last-child{grid-column:1/3}.receivables-filter-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.receivables-filters label{flex:1;min-width:130px}.receivables-list{overflow:visible;border:0;background:transparent;box-shadow:none}.receivables-list>header{display:none}.receivable-row{display:grid;grid-template-columns:1fr auto;gap:7px 10px;min-width:0;min-height:0;margin-bottom:8px;padding:13px;border:1px solid #dce5e3;border-radius:7px}.receivable-row>span:nth-child(1){grid-column:1;grid-row:1}.receivable-row>span:nth-child(2){grid-column:1;grid-row:2}.receivable-row>time{grid-column:1;grid-row:3}.receivable-row>.receivable-paid{grid-column:2;grid-row:2;text-align:right}.receivable-row>.receivable-debt{grid-column:2;grid-row:1}.receivable-payment-breakdown header{align-items:flex-start;flex-direction:column}.receivable-payment-breakdown p{align-items:flex-start;flex-direction:column}.receivable-payment-breakdown p span{text-align:left}.receivable-actions{grid-template-columns:repeat(3,1fr)}.receivable-detail dl div{align-items:flex-start;flex-direction:column;gap:4px}.receivable-detail dd{text-align:left}}
@media(max-width:420px){.receivables-summary{grid-template-columns:1fr}.receivables-summary article:last-child{grid-column:auto}.receivables-filters label{min-width:100%}}