/* Selected full-width Orders admin proof, scoped to this page. */

.pmm-orders-fulfillment .section-feature-banner.section-bg-orders-admin{ --orders-admin-band:#dfe7f2; --orders-admin-bg:#edf2f6; background-color:var(--orders-admin-band); padding-bottom:0; }
.pmm-orders-fulfillment .section-bg-orders-admin .w-full:has(> .ol-admin-stage){ padding-bottom:0; }
.pmm-orders-fulfillment .ol-admin-stage{ container: orders-admin / inline-size; max-height:600px; overflow:hidden; border-radius:16px 16px 0 0; box-shadow:0 16px 48px #24334e26,0 3px 12px #24334e12; }
.pmm-orders-fulfillment .orders-listing{ display:flex; width:100%; min-width:0; text-align:left; background:var(--orders-admin-bg,#edf2f6); border:1px solid #dfe6ee; border-radius:16px; overflow:hidden; font-size:15px; line-height:1.4; color:#475569; }
.pmm-orders-fulfillment .ol-workspace{ flex:1; min-width:0; padding:20px; }
.pmm-orders-fulfillment .ol-heading{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:6px; }
.pmm-orders-fulfillment .ol-page-title{ font-size:26px; line-height:1.15; font-weight:600; letter-spacing:-.5px; color:#243349; }
.pmm-orders-fulfillment .orders-listing .ui-btn{ min-height:38px; border-radius:7px; padding:0 14px; font-size:15px; font-weight:600; }
.pmm-orders-fulfillment .orders-listing .ui-ctabs{ gap:24px; border:0; padding:0; margin-bottom:6px; }
.pmm-orders-fulfillment .orders-listing .ui-ctab{ padding:6px 0; font-size:16px; font-weight:500; color:#64748b; white-space:nowrap; }
.pmm-orders-fulfillment .orders-listing .ui-ctab.is-on{ color:#1f5fe0; border-bottom-color:#1f5fe0; }
.pmm-orders-fulfillment .ol-panel{ background:#fff; border-radius:12px; overflow:hidden; }
.pmm-orders-fulfillment .ol-searchbar{ display:flex; align-items:center; gap:16px; padding:8px 16px; min-height:42px; }
.pmm-orders-fulfillment .ol-searchbar>.ui-search{ flex:1; min-width:0; padding:0; gap:14px; border:0; border-radius:0; }
.pmm-orders-fulfillment .ol-searchbar .ui-search .ui-grow{ color:#8190a3; font-size:15px; }
.pmm-orders-fulfillment .ol-searchbar .ui-search .ui-i{ color:#8b99ac; width:20px; height:20px; }
.pmm-orders-fulfillment .orders-listing .ol-searchbar>.ui-btn{ border:0; padding:0; min-height:24px; font-size:0; }
.pmm-orders-fulfillment .orders-listing .ol-count{ padding-left:16px; border-left:1px solid #e3e7ee; font-size:14px; font-weight:600; white-space:nowrap; }
.pmm-orders-fulfillment .ol-batch{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 14px; background:#f4f7fb; border-top:1px solid #edf0f5; border-bottom:1px solid #edf0f5; }
.pmm-orders-fulfillment .orders-listing .ol-batch .ui-btn{ min-height:30px; padding:0 12px; border-radius:6px; font-size:13px; }
.pmm-orders-fulfillment .ol-selected, .pmm-orders-fulfillment .ol-batch-actions{ display:flex; align-items:center; gap:9px; }
.pmm-orders-fulfillment .ol-selected{ white-space:nowrap; }
.pmm-orders-fulfillment .ol-selection-partial{ display:inline-grid; place-content:center; flex:none; width:17px; height:17px; background:#1f5fe0; border-radius:4px; }
.pmm-orders-fulfillment .ol-selection-partial::after{ content:''; width:9px; height:2px; background:white; }
.pmm-orders-fulfillment .orders-listing input[type=checkbox]{ appearance:none; display:inline-grid; place-content:center; vertical-align:middle; flex:none; width:17px; height:17px; margin:0; border:1px solid #dce4ee; background:#fff; border-radius:4px; box-shadow:0 1px 2px #21324e12; }
.pmm-orders-fulfillment .orders-listing input[type=checkbox]:checked{ background:#1f5fe0; border-color:#1f5fe0; }
.pmm-orders-fulfillment .orders-listing input[type=checkbox]:checked::after{ content:''; width:8px; height:4px; border-left:2px solid white; border-bottom:2px solid white; transform:translateY(-1px) rotate(-45deg); }
.pmm-orders-fulfillment .ol-table{ width:100%; table-layout:fixed; border-collapse:collapse; text-align:left; }
.pmm-orders-fulfillment .ol-table th{ padding:10px 8px; background:#f8fafb; color:#64748b; font-weight:500; font-size:14px; }
.pmm-orders-fulfillment .ol-table td{ padding:6px 8px; line-height:1.25; border-top:1px solid #edf0f5; vertical-align:middle; font-size:15px; }
.pmm-orders-fulfillment .ol-table .ui-sub{ font-size:15px; color:#526174; }
.pmm-orders-fulfillment .ol-table .ui-chan{ display:flex; }
.pmm-orders-fulfillment .ol-table tr.is-selected{ background:#f7f9fd; }
.pmm-orders-fulfillment .ol-table .ol-select{ width:36px; padding-left:13px; }
.pmm-orders-fulfillment .ol-table .ol-order{ width:13%; color:#416acc; }
.pmm-orders-fulfillment .ol-table .ol-channel{ width:46px; }
.pmm-orders-fulfillment .ol-table .ol-date{ width:19%; }
.pmm-orders-fulfillment .ol-table .ol-payment{ width:18%; }
.pmm-orders-fulfillment .ol-table .ol-fulfilment{ width:26%; }
.pmm-orders-fulfillment .ol-table .ol-total .ui-nm, .pmm-orders-fulfillment .ol-table .ol-total .ui-sub{ display:inline; }
.pmm-orders-fulfillment .ol-table .ol-total{ text-align:right; padding-right:14px; white-space:nowrap; }
.pmm-orders-fulfillment .ol-table .ui-nm{ font-size:15px; font-weight:500; }
.pmm-orders-fulfillment .ol-table .ui-chan img{ width:28px; height:28px; border-radius:7px; }
.pmm-orders-fulfillment .ol-table .ui-chip{ padding:3px 10px; background:#f1f3f6; color:#65748a; font-size:14px; font-weight:500; }
.pmm-orders-fulfillment .ol-table .ol-payment .is-paid{ background:#e4f2e9; color:#36724b; }
.pmm-orders-fulfillment .ol-table .ol-payment .is-unpaid{ background:#fff0cc; color:#8a611f; }
.pmm-orders-fulfillment .ol-table .ol-fulfilment .is-partial{ background:#ffe8b8; color:#796746; }
.pmm-orders-fulfillment .orders-listing .ol-channel-name, .pmm-orders-fulfillment .orders-listing .ol-mobile-date{ display:none; }
@container orders-admin (max-width:960px) {
.pmm-orders-fulfillment .ol-workspace{ padding:16px; }
.pmm-orders-fulfillment .orders-listing .ui-ctabs{ gap:16px; }
.pmm-orders-fulfillment .orders-listing .ui-ctab{ font-size:15px; }
.pmm-orders-fulfillment .ol-table .ol-date{ display:none; }
.pmm-orders-fulfillment .ol-table .ol-order{ width:15%; }
.pmm-orders-fulfillment .ol-table .ol-payment{ width:22%; }
.pmm-orders-fulfillment .ol-table .ol-fulfilment{ width:30%; }
}
@container orders-admin (max-width:700px) {
.pmm-orders-fulfillment .ol-sidebar, .pmm-orders-fulfillment .ol-heading>.ui-btn, .pmm-orders-fulfillment .ol-table thead{ display:none; }
.pmm-orders-fulfillment .ol-workspace{ padding:16px 12px; }
.pmm-orders-fulfillment .orders-listing .ui-ctabs{ gap:20px; }
.pmm-orders-fulfillment .orders-listing .ui-ctab:nth-child(n+3){ display:none; }
.pmm-orders-fulfillment .orders-listing .ol-count, .pmm-orders-fulfillment .ol-table .ol-total{ display:none; }
.pmm-orders-fulfillment .ol-page-title{ font-size:21px; }
.pmm-orders-fulfillment .ol-searchbar{ gap:8px; padding:8px 12px; }
.pmm-orders-fulfillment .ol-searchbar .ui-search .ui-grow{ font-size:14px; }
.pmm-orders-fulfillment .ol-searchbar .ui-search .ui-i{ width:16px; height:16px; }
.pmm-orders-fulfillment .ol-searchbar>.ui-search{ gap:8px; }
.pmm-orders-fulfillment .ol-batch{ padding:8px 10px; gap:6px; }
.pmm-orders-fulfillment .ol-selected{ gap:7px; }
.pmm-orders-fulfillment .ol-selected .ui-nm{ font-size:13px; }
.pmm-orders-fulfillment .ol-batch-actions>.ui-btn:first-child, .pmm-orders-fulfillment .ol-batch-actions>.ui-btn:last-child{ display:none; }
.pmm-orders-fulfillment .orders-listing .ol-batch .ui-btn{ padding:0 9px; font-size:12px; gap:4px; }
.pmm-orders-fulfillment .ol-table th{ padding:10px 4px; font-size:12px; }
.pmm-orders-fulfillment .ol-table td{ padding:7px 4px; font-size:13px; }
.pmm-orders-fulfillment .ol-table .ui-nm, .pmm-orders-fulfillment .ol-table .ui-sub{ font-size:13px; }
.pmm-orders-fulfillment .ol-table .ol-select{ width:25px; padding-left:8px; }
.pmm-orders-fulfillment .ol-table .ol-order{ width:20%; }
.pmm-orders-fulfillment .ol-table .ol-channel{ width:26px; }
.pmm-orders-fulfillment .ol-table .ui-chan img{ width:20px; height:20px; border-radius:5px; }
.pmm-orders-fulfillment .ol-table .ol-payment{ width:24%; }
.pmm-orders-fulfillment .ol-table .ol-fulfilment{ width:auto; }
.pmm-orders-fulfillment .ol-table .ui-chip{ padding:3px 6px; font-size:12px; white-space:normal; }
.pmm-orders-fulfillment .orders-listing input[type=checkbox]{ width:14px; height:14px; }
}

.pmm-orders-fulfillment .orders-listing .ui-ctabs { flex-wrap:wrap; }
.pmm-orders-fulfillment .ol-batch, .pmm-orders-fulfillment .ol-batch-actions { flex-wrap:wrap; }
.pmm-orders-fulfillment .orders-listing .ui-btn { white-space:normal; line-height:1.3; padding-block:5px; }
.pmm-orders-fulfillment .ol-table .ui-chip { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.pmm-orders-fulfillment .ol-table th { overflow-wrap:anywhere; }