/* Compact receivables register, isolated from other pages. */
.receivables-register{min-width:0}
.receivables-register>.top{gap:16px;margin-bottom:16px;padding-right:60px}
.receivables-register>.top h1{font-size:26px;letter-spacing:-.5px}
.receivables-register>.top button{min-height:34px;padding:7px 13px;font-size:12px;flex-shrink:0}
.receivables-register .finance-modes{display:inline-flex;gap:3px;max-width:100%;padding:3px;margin:0 0 14px;border:1px solid #dfe7ef;border-radius:9px;background:#edf2f7}
.receivables-register .finance-modes button{min-height:30px;padding:5px 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:#62778b;font-size:12px;font-weight:650}
.receivables-register .finance-modes button.selected{border-color:#d5e3f0;background:#fff;color:#236eaa;box-shadow:0 1px 3px #203b5410}
.receivables-register .finance-modes button:hover{background:#f8fbfe;color:#236eaa}
#view #finance-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}
#view #finance-metrics>.metric{min-height:64px!important;padding:6px 11px!important;border-radius:10px;justify-content:flex-start;gap:1px}
#view #finance-metrics>.metric small{font-size:11px!important;line-height:14px!important;font-weight:500}
#view #finance-metrics>.metric strong{font-size:clamp(16px,9cqw,23px)!important;line-height:25px!important;font-variant-numeric:tabular-nums}
#view #finance-metrics>.metric:nth-child(5){border-top-color:#5da4c5}
.receivables-register .finance-metric-note{display:block;min-width:0;color:#7a8c9e;font-size:10px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.receivables-register .directory-toolbar{gap:10px;padding:11px 13px;align-items:center;font-size:12px}
.receivables-register .directory-toolbar>input{flex:1 1 260px;min-width:180px}
.receivables-register .directory-toolbar>label{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0;color:#6b7f91;font-size:12px;white-space:nowrap}
.receivables-register .directory-toolbar .date-picker-field{width:148px;flex:0 0 148px}
.receivables-register #finance-query,.receivables-register #finance-date{height:30px;min-height:30px;padding:4px 10px;border-radius:7px;font-size:12px;line-height:20px;text-align:left;font-weight:500;letter-spacing:normal;font-variant-numeric:tabular-nums}
.receivables-register .directory-toolbar .date-picker-field button{top:2px;bottom:2px;right:2px;width:27px;font-size:18px;border-radius:5px}
.receivables-register .directory-toolbar .date-picker-field button:hover{background:#edf5fd;color:#1c69ac}
.receivables-register #finance-count{font-size:11px;white-space:nowrap}
.receivables-register .pages{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:11px;white-space:nowrap;color:#6a8095}
.receivables-register .pages button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:28px;padding:0;border-radius:7px;font-size:16px;line-height:1}
.receivables-register .table-scroll{min-height:0;max-height:calc(100vh - 285px);overflow:auto;scrollbar-gutter:stable}
.receivables-register .orders-table.finance-table{width:100%;min-width:790px;table-layout:fixed;font-size:12px}
.receivables-register .orders-table.finance-table th,.receivables-register .orders-table.finance-table td{text-align:left!important;padding:7px 11px;vertical-align:middle;line-height:1.4;font-variant-numeric:tabular-nums}
.receivables-register .orders-table.finance-table th{height:36px;font-size:10px;letter-spacing:0;text-transform:none;font-weight:650;color:#71869b;background:#f4f8fc;white-space:normal;overflow-wrap:normal}
.receivables-register .orders-table.finance-table td{height:36px;font-size:12px;font-weight:500;border-bottom:1px solid #e5edf4;white-space:normal;overflow-wrap:anywhere}
.receivables-register .orders-table.finance-table td:first-child{border-left:0}
.receivables-register .orders-table.finance-table tbody tr:nth-child(even){background:#fafcfe}
.receivables-register .orders-table.finance-table tbody tr:hover{background:#f0f6fc}
.receivables-register .orders-table.finance-table tbody tr[data-debtor]{cursor:pointer}
.receivables-register .orders-table.finance-table tbody tr:focus-visible{outline:2px solid #438dcd;outline-offset:-2px;background:#edf5fd}
.receivables-register .orders-table.finance-table tbody tr:last-child td{border-bottom:0}
.receivables-register .orders-table.finance-table b{font-weight:650}
.receivables-register .orders-table.finance-table .subline{margin-top:2px;font-size:10px;line-height:1.35;font-weight:400;color:#7b8d9e}
.receivables-register .orders-table.finance-table .subline:empty{display:none}
.receivables-register .orders-table.finance-table button{min-height:26px;padding:4px 8px;border-radius:6px;font-size:11px;text-align:left;line-height:1.35}
.receivables-register .orders-table.finance-table .text-button{min-height:0;padding:0;font-size:12px;font-weight:650;white-space:normal}
.receivables-register .orders-table.finance-table .finance-sort{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-height:26px;padding:0;border:0;border-radius:3px;background:transparent;color:inherit;font:inherit;line-height:inherit;white-space:normal;box-shadow:none}
.receivables-register .orders-table.finance-table .finance-sort:hover{color:#236eaa}
.receivables-register .finance-sort-icon{flex:none;color:#96a7b7;font-size:15px;font-weight:500;line-height:1}
.receivables-register .orders-table.finance-table th:is([aria-sort=ascending],[aria-sort=descending]){color:#286997}
.receivables-register th:is([aria-sort=ascending],[aria-sort=descending]) .finance-sort-icon{color:#c77d3e}
.receivables-register .finance-sort:focus-visible{outline:2px solid #438dcd;outline-offset:3px}
.receivables-register #finance-table[aria-busy=true]{opacity:.65;pointer-events:none}
.receivables-register .orders-table.finance-table .finance-overdue{color:#ac5939;font-weight:650}
.receivables-register .orders-table.finance-table .finance-zero{color:#8b9baa}
.receivables-register[data-finance-view="debt"] #finance-table th:nth-child(1){width:35%}
.receivables-register[data-finance-view="debt"] #finance-table th:nth-child(2){width:14%}
.receivables-register[data-finance-view="debt"] #finance-table th:nth-child(3){width:17%}
.receivables-register[data-finance-view="debt"] #finance-table th:nth-child(4){width:10%}
.receivables-register[data-finance-view="debt"] #finance-table th:nth-child(5){width:14%}
.receivables-register[data-finance-view="debt"] #finance-table th:nth-child(6){width:10%}
.receivables-register[data-finance-view="debt"] #finance-table td:not(:first-child){white-space:nowrap;overflow-wrap:normal}
.receivables-register[data-finance-view="payments"] #finance-table .finance-table{min-width:950px}
.receivables-register[data-finance-view="payments"] #finance-table th:nth-child(1){width:10%}
.receivables-register[data-finance-view="payments"] #finance-table th:nth-child(2){width:22%}
.receivables-register[data-finance-view="payments"] #finance-table th:nth-child(3){width:11%}
.receivables-register[data-finance-view="payments"] #finance-table th:nth-child(4){width:21%}
.receivables-register[data-finance-view="payments"] #finance-table th:nth-child(5){width:15%}
.receivables-register[data-finance-view="payments"] #finance-table th:nth-child(6){width:11%}
.receivables-register[data-finance-view="payments"] #finance-table th:nth-child(7){width:10%}
.receivables-register #finance-coverage{margin:12px 0 0;font-size:11px;line-height:1.65;color:#75889a}
.receivables-register .empty{padding:30px 16px;font-size:12px;line-height:1.6}
.receivables-register .finance-detail{padding:14px;margin-top:16px;border-radius:12px}
.receivables-register .finance-detail>.top{gap:16px;align-items:start;margin-bottom:8px}
.receivables-register .finance-detail h2{margin:0;font-size:18px;line-height:1.4;overflow-wrap:anywhere}
.receivables-register .finance-detail>.top button{min-height:30px;padding:5px 10px;flex-shrink:0;font-size:12px}
.receivables-register .finance-detail-totals{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:8px 0 13px;color:#667d91;font-size:12px;line-height:1.6}
.receivables-register .finance-detail-totals b{color:#29485f;font-variant-numeric:tabular-nums}
.receivables-register .finance-detail .table-scroll{border:1px solid #e2eaf2;border-radius:8px;max-height:440px}
.receivables-register .finance-detail .orders-table.finance-table{min-width:1120px}
.receivables-register .finance-detail .finance-table th:nth-child(1){width:110px}
.receivables-register .finance-detail .finance-table th:nth-child(2),.receivables-register .finance-detail .finance-table th:nth-child(3){width:105px}
.receivables-register .finance-detail .finance-table th:nth-child(4),.receivables-register .finance-detail .finance-table th:nth-child(5),.receivables-register .finance-detail .finance-table th:nth-child(6){width:115px}
.receivables-register .finance-detail .finance-table th:nth-child(7){width:155px}
.receivables-register .finance-detail .finance-table th:nth-child(8){width:105px}
.receivables-register .finance-detail .finance-table th:nth-child(9){width:150px}
.receivables-register .finance-detail .finance-table td{white-space:nowrap;overflow-wrap:normal}
.receivables-register .finance-detail>.pages{justify-content:flex-end;margin-top:10px}
@media(max-width:1000px){
 .receivables-register>.top h1{font-size:24px}
 .receivables-register .directory-toolbar>input{flex-basis:220px}
 #view #finance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .receivables-register>.top{align-items:flex-start;flex-wrap:wrap;gap:12px;padding-right:44px;margin-bottom:13px}
 .receivables-register>.top h1{font-size:23px;overflow-wrap:anywhere}
 .receivables-register .finance-modes{gap:2px;flex-wrap:wrap;margin-bottom:12px}
 .receivables-register .finance-modes button{font-size:11px;padding:5px 8px}
 #view #finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #view #finance-metrics>.metric:last-child{grid-column:1/-1}
 .receivables-register .directory-toolbar{gap:9px;padding:10px}
 .receivables-register .directory-toolbar>input{flex-basis:100%;min-width:0}
 .receivables-register .directory-toolbar>label{font-size:11px;gap:6px}
 .receivables-register .directory-toolbar .date-picker-field{width:138px;flex-basis:138px}
 .receivables-register .directory-toolbar .pages{width:auto;margin-left:auto}
 .receivables-register #finance-count{margin-left:auto}
 .receivables-register .table-scroll{max-height:60vh}
 .receivables-register .finance-detail{padding:11px}
}
@media(pointer:coarse){
 .receivables-register #finance-query,.receivables-register #finance-date{height:40px;min-height:40px}
 .receivables-register .finance-modes button{min-height:36px}
 .receivables-register .pages button{width:34px;height:34px;min-height:34px}
}
