#inventory_order .cpi-table{border-collapse:separate;border-spacing:0;table-layout:fixed!important;background:#fff}
#inventory_order .cpi-table th,#inventory_order .cpi-table td{position:static!important;vertical-align:middle;padding:10px 12px!important;text-align:center;min-width:82px;width:auto!important;max-width:none!important;white-space:nowrap}
#inventory_order .cpi-table thead th{position:sticky!important;top:0;z-index:3;background:#fff;font-weight:700;border-bottom:1px solid #dce2e9;cursor:default;vertical-align:top}
#inventory_order .cpi-table .cpi-column-total{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-top:4px;font-size:12px;font-weight:500;line-height:1.35;font-variant-numeric:tabular-nums;white-space:nowrap;color:#78818e}
#inventory_order .cpi-table .cpi-total-separator{color:#a0a8b3}
#inventory_order .cpi-table [data-cpi-column=product]{text-align:left;min-width:180px;white-space:normal}
#inventory_order .cpi-table [data-cpi-column=image]{min-width:56px;padding:6px!important}
#inventory_order .cpi-table thead [data-cpi-column=image]{padding:10px 6px!important}
#inventory_order .cpi-table img{object-fit:contain;border-radius:6px;max-width:44px}
#inventory_order .cpi-table small{display:block;color:#78818e;font-size:12px;overflow-wrap:anywhere}
#inventory_order .cpi-table .inventory-qty-stepper{display:inline-flex;width:168px;height:36px}
#inventory_order .cpi-table .inventory-qty-stepper button{min-width:32px;height:36px}
#inventory_order .cpi-table .edit_inventory_qty{height:36px;width:64px;min-width:0}
.cpi-row-actions{display:flex;align-items:center;justify-content:center;gap:8px;min-width:64px}
.cpi-select,.cpi-select-all{appearance:auto!important;width:19px!important;height:19px!important;accent-color:#ff596f;cursor:pointer;margin:0!important;position:static!important;opacity:1!important}
.cpi-icon{width:32px;height:32px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8dee7;border-radius:50%;background:#fff;color:#647083;cursor:pointer;padding:0}
.cpi-note.has-note{background:#fff0f3;color:#de4963;border-color:#ffbac5}
.cpi-positive{color:#168757}.cpi-negative,#cpi-note-error{color:#c5384b}.cpi-adjusted{color:#168757!important}
.cpi-state{font-size:12px;color:#778293;margin-left:10px;font-weight:500;display:inline-block}.cpi-state[data-state="21"]{color:#b97718}
.cpi-modal .modal-dialog{width:480px;max-width:calc(100vw - 28px)}
.cpi-modal .modal-content{border:0;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #0002}
.cpi-modal .modal-header{display:flex;align-items:center;gap:16px;padding:18px 20px;background:linear-gradient(110deg,#fffafa,#fff6f8);border-bottom:1px solid #ececf0}
.cpi-modal .modal-title{flex:1;font-size:18px;font-weight:800}.cpi-modal-icon{display:grid;place-items:center;color:#ff596f;width:40px;height:40px;background:#fff;border:1px solid #ffe1e7;border-radius:12px}
.cpi-modal .modal-body{padding:18px 20px;max-height:65vh;overflow:auto}.cpi-modal .modal-footer{padding:14px 20px;margin:0;border-top:1px solid #ececf0}
.cpi-modal .cpi-save{margin:0;width:100%;height:44px;border-radius:999px;font-weight:700}
.cpi-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:#f6f7f9;border:1px solid #e1e5eb;border-radius:10px;padding:12px}
.cpi-choice{display:flex;align-items:center;gap:9px;margin:0;min-height:32px;font-size:14px;font-weight:500}.cpi-choice input{appearance:auto!important;position:static!important;opacity:1!important;width:17px!important;height:17px!important;accent-color:#ff596f;margin:0}
.cpi-policy-help{margin-top:12px}.cpi-help{color:#748094;font-size:13px;margin-bottom:12px;line-height:1.5}
.cpi-modal textarea{width:100%;border:1px solid #cfd7e3;border-radius:8px;padding:10px;resize:vertical;font-size:15px;background:#fff;color:#222}
.cpi-note-product-summary{display:grid;gap:4px;min-width:0;margin-bottom:12px;overflow-wrap:anywhere}
#cpi-note-product,#cpi-note-variant{color:#222;margin:0;line-height:1.5}
#cpi-note-variant{color:#748094;font-size:13px}
.cpi-note-barcode{display:flex;flex-wrap:wrap;column-gap:6px;line-height:1.5;font-size:14px}
#cpi-note-barcode-label{color:#748094}#cpi-note-barcode{min-width:0;color:#222}
#cpi-note-error{font-size:13px;margin-top:8px}

#inventory_order .cpi-table thead [data-cpi-column=product]{text-align:left!important}
#inventory_order .inventory-order-grid,#inventory_order .inventory-table-scroll{contain:inline-size}

.cpi-toolbar-tooltip{z-index:200040;pointer-events:none}.cpi-toolbar-tooltip .tooltip-inner{font-size:13px;line-height:1.5;padding:6px 10px}