.customer-orders-page:not([hidden]){box-sizing:border-box;height:calc(100dvh - 114px);min-height:0;display:flex;flex-direction:column;overflow:hidden}
.customer-orders-page>.page-heading,.customer-orders-page>.supplier-orders-filters{flex:0 0 auto}
.customer-orders-page .supplier-orders-search-row{flex-wrap:wrap}
.customer-orders-page .customer-orders-search-row .field{flex:1 1 160px;width:auto;min-width:150px}
.customer-orders-page .customer-orders-search-row .field:nth-child(2){flex-basis:230px}
.customer-orders-page .supplier-orders-actions{align-items:center}
.customer-orders-page .icon-text-button svg{width:17px;height:17px}
.customer-orders-page>.table-card{display:flex;flex:1 1 auto;flex-direction:column;max-height:500px;min-height:0}
.customer-orders-page .table-scroll{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-gutter:stable}
.customer-orders-page thead{position:sticky;top:0;z-index:1;background:#f8fafb}
.customer-orders-page .customer-orders-table{table-layout:auto;min-width:100%;width:max-content}
.customer-orders-page .customer-orders-table th{padding-top:9px;padding-bottom:9px;font-size:10px;white-space:nowrap}
.customer-orders-page .customer-orders-table td{box-sizing:border-box;height:38px;padding-top:8px;padding-bottom:8px;font-size:12px;white-space:nowrap}
.customer-orders-page .customer-orders-table td[data-column="customerName"],.customer-orders-page .customer-orders-table td[data-column="channelName"]{max-width:250px;overflow:hidden;text-overflow:ellipsis}
.customer-orders-page td[data-column="totalNetAmount"],.customer-orders-page td[data-column="totalGrossAmount"]{text-align:right;font-variant-numeric:tabular-nums}
.customer-orders-page .check-column{width:40px;text-align:center;padding-left:12px;padding-right:12px}
.customer-orders-page input[type="checkbox"]{width:16px;height:16px;min-height:16px;margin:0;accent-color:var(--brand)}
.customer-orders-sort{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.customer-orders-sort:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.customer-orders-footer-center{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}
.customer-orders-footer-center .status-line:empty{display:none}
.customer-orders-page .table-footer{flex:0 0 auto}
.customer-orders-page .registry-pagination-tools>div{display:flex;gap:3px}
.customer-orders-page .supplier-order-status.in_fulfillment{border-color:#bdd8f2;background:#eaf4ff;color:#216a9f}
.customer-orders-page .supplier-order-status.partially_fulfilled{border-color:#efcf9e;background:#fff3df;color:#a46119}
.customer-orders-page .supplier-order-status.fulfilled{border-color:#cbbce8;background:#f1ecfb;color:#67469c}
@media(max-width:1100px){.customer-orders-page .table-footer.registry-table-footer>.customer-orders-footer-center{grid-column:1 / -1;grid-row:2;justify-self:center}.customer-orders-page .context-menu-hint{white-space:normal;text-align:center}}
@media(max-width:760px){.customer-orders-page:not([hidden]){height:auto;overflow:visible}.customer-orders-page>.table-card{height:400px;flex:none}.customer-orders-page .supplier-orders-actions{flex-wrap:wrap}}