/* Order Center: shared rhythm for list, selection and continuous parcel work. This final, scoped layer deliberately leaves scanner/outbound layouts intact. */ body:not(.tablet-mode) #appView .workspace[data-view="orders"], #skuPickerModal, #orderProcessingModal { --oc-ink:#202a3a; --oc-muted:#68758a; --oc-line:#e5e9ef; --oc-blue:#175de8; --oc-soft:#f4f6f9; --oc-radius:8px; font-variant-numeric:tabular-nums; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] { background:#f3f5f8; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-list:has(> .order-virtual-spacer) { overflow-anchor:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-list:has(> .order-virtual-spacer) > .order-card { content-visibility:visible; contain-intrinsic-size:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] #stats:empty { display:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .topbar { gap:16px; min-height:66px; padding:16px 22px; border-bottom:1px solid var(--oc-line); } body:not(.tablet-mode) #appView .workspace[data-view="orders"] #pageTitle { font-size:20px; font-weight:650; letter-spacing:-.5px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] #pageDesc:empty { display:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] #content { padding:16px 20px 70px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .page-header-actions { margin-left:auto; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-global-actions { align-items:center; gap:8px; } .order-tools-menu, .order-batch-more { position:relative; font-size:12px; color:#526077; } :is(.order-tools-menu,.order-batch-more) > summary { list-style:none; display:flex; align-items:center; gap:8px; min-height:34px; padding:6px 10px; border:1px solid #dce2eb; border-radius:5px; background:#fff; cursor:pointer; white-space:nowrap; } :is(.order-tools-menu,.order-batch-more) > summary::-webkit-details-marker { display:none; } :is(.order-tools-menu,.order-batch-more) > summary::after { content:""; width:5px; height:5px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); margin-top:-3px; } :is(.order-tools-menu,.order-batch-more)[open] > summary { color:#175de8; border-color:#a5bcea; } .order-tools-popover { position:absolute; right:0; top:calc(100% + 6px); z-index:30; min-width:180px; padding:6px; border:1px solid #dde3ec; border-radius:8px; background:#fff; box-shadow:0 8px 28px #172b4d16; display:grid; gap:3px; } .order-tools-popover button { text-align:left; width:100%; min-height:34px; padding:6px 10px; background:transparent; border:0; font-size:12px; white-space:nowrap; } .order-tools-popover button:hover:not(:disabled) { background:#f0f4fc; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-command { padding:12px; border:1px solid var(--oc-line); border-radius:var(--oc-radius); box-shadow:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary { display:grid; grid-template-columns:minmax(210px,2fr) auto repeat(3,minmax(95px,.8fr)) auto; gap:8px; align-items:center; padding:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary > label { min-width:0; grid-column:auto; grid-row:auto; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary :is(input,select) { height:38px; min-height:38px; background:#fff; border:1px solid #dfe4ec; border-radius:5px; font-size:13px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-buttons { grid-row:auto; grid-column:auto; gap:6px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-buttons button { min-height:38px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-sticky-tools { border:1px solid var(--oc-line); border-radius:var(--oc-radius); box-shadow:0 2px 6px #172b4d04; padding:0; margin-bottom:14px; overflow:visible; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-status-refresh-row { padding:8px 12px 0; gap:12px; align-items:center; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-status-refresh-row > .order-list-tabs { display:flex; width:0; flex:1; flex-wrap:nowrap; gap:12px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; overscroll-behavior-x:contain; padding:0 0 6px; white-space:nowrap; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-status-group { flex:0 0 auto; display:flex; gap:3px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-tabs button { min-height:36px; padding:7px 9px; font-size:12px; border-radius:4px; background:transparent; border:0; border-bottom:2px solid transparent; color:#5b687c; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-tabs button.active { color:var(--oc-blue); background:#edf3ff; border-bottom-color:var(--oc-blue); font-weight:650; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-tabs button span { font-size:11px; background:transparent; padding:0 0 0 5px; color:inherit; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-batch-enterprise { padding:10px 12px 12px; display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px 16px; border-top:1px solid var(--oc-line); } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-filter-area { grid-column:1/-1; grid-row:1; display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; min-width:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-filter-area > button { min-height:30px; padding:4px 7px; font-size:12px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .qty-filter-inline { min-width:0; flex:1 1 210px; max-width:600px; display:flex; align-items:center; gap:5px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .qty-quick-row { flex-wrap:nowrap; overflow:auto; min-width:0; scrollbar-width:thin; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .qty-quick-button { flex:0 0 auto; min-height:28px; border-radius:4px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .confirm-stock-batch-tools { margin-left:auto; gap:6px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-print-scope { font-size:11px; padding:0; background:transparent; border:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-selection-card { grid-column:1; grid-row:2; border:0; padding:0; background:transparent; display:flex; flex-wrap:wrap; gap:12px; align-items:center; align-self:center; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-selection-copy { display:flex; align-items:baseline; gap:5px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-selection-copy small { font-size:11px; color:var(--oc-muted); } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-selection-count { font-size:12px; gap:4px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-selection-count strong { font-size:16px; color:var(--oc-ink); } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-batch-enterprise .batch-work-area { grid-column:2; grid-row:2; display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; min-width:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-work-area .batch-workflow { flex:1 1 540px; display:flex; gap:6px; max-width:none; width:auto; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-flow-step { flex:1 1 0; min-width:100px; padding:7px 9px; border:1px solid var(--oc-line); border-radius:5px; background:#fff; min-height:54px; gap:6px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-flow-step.is-current { border-color:#afc6f5; background:#f5f8ff; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-flow-step button { font-size:12px; line-height:1.5; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-flow-step :is(.batch-step-sub,.checkline) { font-size:11px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-flow-step button:disabled { color:#8c96a6; opacity:1; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-batch-more { flex:0 0 auto; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-batch-more > summary { border:0; background:transparent; } /* Keep warehouse proofs beside inventory; every list row uses its available width. */ body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise { --order-surface:#fff; --order-head-surface:#fff; border-radius:8px; border:1px solid #e1e6ee; box-shadow:0 1px 3px #172b4d04; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head { padding:9px 14px; border-bottom:1px solid var(--oc-line); gap:6px 10px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head-main { gap:4px 10px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head-main > :is(.order-wh,.order-head-service,.order-carrier-badge,.text-ok) { border:0; background:transparent; padding:0; font-size:11px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-customer-balance { background:transparent; border:0; padding:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid { display:grid; grid-template-columns:240px minmax(260px,1.2fr) minmax(210px,1fr) 128px 196px; align-items:start; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > div { padding:10px 12px; min-width:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .sign-cell { grid-column:1; grid-row:1; gap:5px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .sign-cell .tracking-label { display:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .domestic-tracking-line { justify-content:flex-start; align-items:baseline; flex-wrap:wrap; gap:4px 8px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .domestic-tracking-number { flex:0 1 auto; white-space:normal; word-break:normal; overflow-wrap:anywhere; line-height:22px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .ozon-order-number { white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; word-break:normal; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .ozon-order-copy-row { align-items:flex-start; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .shipment-recipient { margin-top:4px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .shipment-receive-action { align-self:flex-start; width:max-content; max-width:100%; min-height:28px; padding:3px 10px; } /* Earlier single-product rules use !important; keep its image aligned with the identity and inventory rows. */ body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-products-cell { grid-column:2; grid-row:1; padding:10px 12px !important; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-context-cell { grid-column:3; grid-row:1; gap:4px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions { grid-column:5; grid-row:1; border-left:1px solid var(--oc-line); align-self:stretch; gap:6px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .order-proof-cell { grid-column:4; grid-row:1; flex-direction:column; align-items:stretch; gap:8px; border:0; padding:10px 8px; background:#fff !important; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-title { font-size:11px; margin:0; padding:0; border:0; color:var(--oc-muted); } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-item { padding:0; margin:0; border:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-time { display:block; overflow-wrap:anywhere; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line { grid-template-columns:112px minmax(0,1fr); gap:12px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line-img { width:112px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-img { width:112px; height:150px; border-radius:5px; object-fit:contain; box-shadow:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .product-title-clamp { font-size:14px; line-height:1.65; font-weight:600; color:var(--oc-ink); } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .rootflow-product-details { margin-top:4px; gap:2px; } .order-product-specs { color:#6a768a; font-size:11px; } .order-product-specs summary { min-height:26px; cursor:pointer; width:max-content; } .order-product-specs > div { display:grid; gap:4px; padding:4px 0; } .order-product-specs > div > div { display:grid; grid-template-columns:30px minmax(0,1fr); gap:8px; } .order-product-specs strong { font-size:12px; font-weight:400; overflow-wrap:anywhere; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-quantity-summary { margin-top:3px; gap:4px 14px; justify-content:flex-start; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .qty-value--pieces { font-size:25px; letter-spacing:-.7px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card { padding:8px; border-radius:6px; background:#f7f9fc; border:1px solid #ebeff5; box-shadow:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__item { grid-template-columns:48px minmax(0,1fr); gap:4px 8px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__media { width:48px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__media img { width:48px; height:64px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__body { display:flex; flex-direction:column; gap:2px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__shelf { order:1; font-size:15px; line-height:20px; min-height:22px; padding:1px 0; font-weight:650; color:var(--oc-ink); margin:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__name { order:0; min-height:20px; padding:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise :is(.order-inventory-card__identity,.order-inventory-card__packaging) { order:2; font-size:11px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__stock strong { color:var(--oc-ink); font-size:20px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-ozon-context { font-size:11px; padding-top:2px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row { gap:4px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row button { min-height:32px; border:1px solid #dce3ed; background:#fff; color:#46556b; border-radius:5px; box-shadow:none; } :is(#appView .workspace[data-view="orders"],#orderProcessingModal) .oa-primary-row > span.oa-confirm-stock.is-complete { display:flex; align-items:center; gap:4px; grid-column:1/-1; padding:0; min-height:22px; font-size:11px; color:#397459; background:transparent; border:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .oa-notify-row button { color:#59677c; border:1px solid var(--oc-line); background:#fff; border-radius:5px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-action-section-label { min-height:26px; padding:3px 0; gap:3px; font-size:11px; white-space:nowrap; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise:is(:hover,.is-selected) { transform:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-stock-tools--inline { display:flex; flex-wrap:wrap; gap:4px; padding-top:3px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .sign-cell .order-stock-tools--inline > button { width:auto; min-height:26px; padding:3px 6px; font-size:11px; line-height:18px; } body #appView .workspace[data-view="orders"] .order-card .order-stock-tools--inventory { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; } body #appView .workspace[data-view="orders"] .order-card .order-stock-tools--inventory > button { width:auto; max-width:100%; min-height:30px; padding:4px 8px; font-size:12px; line-height:20px; } body #appView .workspace[data-view="orders"] .order-product-name-source { display:block; color:#667085; font-size:11px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line--single .order-product-line-body { padding:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-specs summary { min-height:22px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card-column { padding-bottom:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__footer { margin-top:4px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-quantity-summary :is(.qty-pieces-row,.qty-row--ordered,.qty-row--rate) { flex:0 0 auto; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-main { gap:4px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-notify-row button { min-height:30px; padding:4px 3px; font-size:11px; white-space:nowrap; } /* Selection is an explicit state. The footer alone reports selected totals. */ #skuPickerModal .sku-picker--enterprise { width:min(1460px,calc(100% - 40px)); height:min(980px,calc(100dvh - 40px)); max-height:calc(100dvh - 40px); border-radius:10px; box-shadow:0 18px 70px #15213d30; } #skuPickerModal .modal-head { padding:16px 20px; border-bottom:1px solid var(--oc-line); gap:12px; } #skuPickerModal .modal-head h3 { font-size:17px; letter-spacing:-.3px; } #skuPickerModal .sku-picker-head-actions { flex-wrap:wrap; justify-content:flex-end; gap:6px; } #skuPickerModal .sku-picker-head-actions > button { min-height:34px; padding:6px 10px; font-size:12px; } #skuPickerModal .sku-confirm-action { background:#fff; color:#175de8; border:1px solid #b8cdf5; } #skuPickerModal .sku-confirm-action:disabled { color:#8b96a8; border-color:#e4e8ef; } #skuPickerModal .sku-reminder-tools .order-tools-popover { z-index:40; } #skuPickerModal .sku-picker-tabbar { flex-wrap:wrap; gap:8px 16px; padding:8px 0; } #skuPickerModal .sku-picker-controls:has(#skuPickerShelfGroupRow:not([hidden])) { grid-template-columns:minmax(0,1fr) auto auto; gap:10px 16px; } #skuPickerModal #skuPickerShelfGroupRow { grid-column:1/-1; grid-row:1; width:100%; border:0; background:transparent; } #skuPickerModal .sku-picker-controls:has(#skuPickerShelfGroupRow:not([hidden])) #skuPickerWarehouseRow { grid-column:1; grid-row:2; } #skuPickerModal .sku-picker-controls:has(#skuPickerShelfGroupRow:not([hidden])) #skuPickerPrintFilter { grid-column:2; grid-row:2; } #skuPickerModal .sku-picker-controls:has(#skuPickerShelfGroupRow:not([hidden])) #skuPickerInventorySort { grid-column:3; grid-row:2; } #skuPickerModal #skuPickerShelfGroupRow .sku-picker-warehouse-options { flex-wrap:wrap; gap:8px; padding:2px; } #skuPickerModal #skuPickerShelfGroupRow button { min-width:70px; min-height:44px; justify-content:center; gap:8px; padding:8px 14px; border:1px solid; border-color:#dce3ed !important; border-radius:6px; background:#fff; color:#344054; font-size:14px; font-weight:600; box-shadow:none; } #skuPickerModal #skuPickerShelfGroupRow button small { font-size:12px; color:#667085; } #skuPickerModal #skuPickerShelfGroupRow button:hover { border-color:#b8cdf5 !important; background:#f7faff; } #skuPickerModal #skuPickerShelfGroupRow button.is-active { border-color:#175de8 !important; background:#edf4ff; color:#175de8; } #skuPickerModal #skuPickerShelfGroupRow button.is-active small { color:#175de8; } #skuPickerModal #skuPickerShelfGroupRow button:focus-visible { outline:2px solid #175de8; outline-offset:2px; } #skuPickerModal .sku-picker-tools input { background:#fff; border:1px solid #dce3ed; border-radius:5px; } #skuPickerModal .sku-picker-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:16px 20px; background:#f5f7fa; scrollbar-gutter:stable; } #skuPickerModal .inventory-card-picker-card { box-shadow:none; border:1px solid #e2e7ef; border-radius:7px; padding:14px; gap:7px 10px; cursor:pointer; } #skuPickerModal .inventory-card-picker-card:hover { border-color:#bfccdf; box-shadow:none; transform:none; } #skuPickerModal .inventory-card-picker-card.is-selected { border-color:#175de8; box-shadow:inset 0 0 0 1px #175de8; background:#f7faff; } #skuPickerModal .inventory-card-picker-card button { cursor:pointer; } #skuPickerModal .inventory-card-picker-shelf { font-size:14px; color:var(--oc-ink); font-weight:650; line-height:1.5; } #skuPickerModal .inventory-card-picker-orders { display:flex; align-items:baseline; gap:5px; padding-top:10px; } #skuPickerModal .inventory-card-picker-orders strong:last-child { font-size:24px; letter-spacing:-.5px; margin-left:auto; } #skuPickerModal .inventory-card-picker-stock { gap:5px 10px; } #skuPickerModal .inventory-card-picker-stock button { font-size:11px; } #skuPickerModal .inventory-card-picker-label-status { border-top:1px solid var(--oc-line); margin-top:5px; } #skuPickerModal .inventory-card-picker-label-row { align-items:center; min-height:32px; background:transparent; padding:3px 0; border-bottom:1px solid #f0f2f6; } #skuPickerModal .inventory-card-picker-group-print { background:#fff; border:1px solid #dce5f4; border-radius:4px; min-height:28px; } #skuPickerModal .picker-print-details { width:100%; } #skuPickerModal .picker-print-details > summary { min-height:30px; padding:6px 0; font-size:11px; color:#63738b; cursor:pointer; } #skuPickerModal .wecom-picker-remind { min-height:30px; border:1px solid #e0e6ee; background:#fff; color:#5b6a80; } #skuPickerModal .sku-picker-footer { padding:12px 20px; border-top:1px solid var(--oc-line); background:#fff; gap:8px; } #skuPickerModal .sku-picker-selection-summary { color:var(--oc-ink); font-size:13px; font-weight:550; } #skuPickerModal .sku-picker-footer .primary { min-width:126px; min-height:38px; border-radius:5px; } #skuPickerModal .sku-picker-loading.is-error { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; } #skuPickerModal .sku-picker-loading.is-error > span { flex:1 1 100%; } #skuPickerModal .sku-picker-pager { padding:8px 20px; } /* Processing uses the same type hierarchy, with its work controls always in reach. */ #orderProcessingModal .order-processing-dialog { width:min(1360px,calc(100% - 40px)); height:auto; max-height:calc(100dvh - 40px); border-radius:10px; } #orderProcessingModal .order-processing-head { padding:16px 20px; min-height:64px; } #orderProcessingModal .order-processing-copy { margin-left:-6px; margin-right:auto; background:transparent; width:28px; min-height:28px; padding:0; color:#748096; } #orderProcessingModal .sign-cell :is(.ozon-order-label,.ozon-order-copy-row) { display:none; } #orderProcessingModal .order-processing-body { padding:0; background:#fff; scrollbar-gutter:stable; } #orderProcessingModal .order-card { border:0; border-radius:0; box-shadow:none; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid { grid-template-columns:170px minmax(300px,1.3fr) minmax(230px,1fr) 220px; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > div { padding:20px 16px; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-product-line { grid-template-columns:112px minmax(0,1fr); } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise :is(.order-product-line-img,.order-product-img) { width:112px; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-product-img { height:150px; object-fit:contain; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-inventory-card { background:#f7f9fc; box-shadow:none; border:1px solid #ebeff5; border-radius:6px; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-inventory-card__shelf { font-size:16px; color:var(--oc-ink); } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row button { border:1px solid #dce3ed; background:#fff; color:#46556b; border-radius:5px; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row button.is-next { background:var(--oc-blue); color:#fff; border-color:var(--oc-blue); } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .oa-notify-row button { border:1px solid var(--oc-line); background:#fff; color:#59677c; border-radius:5px; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-inventory-card__stock b { color:var(--oc-ink); font-size:20px; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-inventory-card__item:not(.scan-stock-card) { grid-template-columns:48px minmax(0,1fr); } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-inventory-card__media { width:48px; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-inventory-card__media :is(img,button) { width:48px; height:64px; min-height:0; padding:0; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-proof-cell { background:#fafbfd; padding:10px 20px; border-top:1px solid var(--oc-line); } #orderProcessingModal .order-processing-statusbar { background:#f6f8fc; border-color:#e6ebf3; } /* The list itself carries unread information; no duplicate row of room chips. */ body.wchat-docked:has(.workspace[data-view="orders"]) { --wchat-dock-width:380px; } body:has(.workspace[data-view="orders"]) .wchat:not(.has-room) .wchat-alerts { display:none; } body:has(.workspace[data-view="orders"]) .wchat-head { border-bottom:1px solid #e6eaf1; } body:has(.workspace[data-view="orders"]) .wchat-room { border-bottom:1px solid #eef1f5; border-radius:0; padding:15px 12px !important; } body:has(.workspace[data-view="orders"]) .wchat-room strong { font-size:13px; color:#253247; padding-right:32px; } body:has(.workspace[data-view="orders"]) .wchat-room small { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; line-height:1.6; } :is(#skuPickerModal,#orderProcessingModal,body:not(.tablet-mode) #appView .workspace[data-view="orders"]) :is(button,input,select,textarea,summary,a):focus-visible { outline:2px solid #3478ee; outline-offset:3px; } :is(#skuPickerModal,#orderProcessingModal,body:not(.tablet-mode) #appView .workspace[data-view="orders"]) button[aria-busy="true"] { cursor:progress; } @container enterprise-order (max-width:1200px) { body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid { grid-template-columns:216px minmax(314px,1.2fr) minmax(210px,1fr) 124px 180px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line { grid-template-columns:96px minmax(0,1fr); } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise :is(.order-product-line-img,.order-product-img) { width:96px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-img { height:128px; } } @container enterprise-order (max-width:1044px) { body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid { grid-template-columns:216px minmax(0,1fr) 124px 180px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .sign-cell { grid-row:1/3; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-products-cell { grid-column:2/4; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-context-cell { grid-column:2; grid-row:2; padding-top:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions { grid-column:4; grid-row:1/3; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .order-proof-cell { grid-column:3; grid-row:2; padding-top:0; } } @container enterprise-order (max-width:800px) { body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid { grid-template-columns:216px minmax(0,1fr) 124px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .sign-cell { grid-row:1; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-context-cell { grid-column:1/3; grid-row:2; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions { grid-column:1/-1; grid-row:3; border-left:0; border-top:1px solid var(--oc-line); } } @container enterprise-order (max-width:600px) { body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid { grid-template-columns:minmax(0,1fr) 116px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .sign-cell { grid-column:1/-1; grid-row:1; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-products-cell { grid-column:1/-1; grid-row:2; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-context-cell { grid-column:1; grid-row:3; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .order-proof-cell { grid-column:2; grid-row:3; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions { grid-row:4; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line { grid-template-columns:84px minmax(0,1fr); } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise :is(.order-product-line-img,.order-product-img) { width:84px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-img { height:112px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__item { grid-template-columns:minmax(0,1fr); } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__body { grid-column:1; grid-row:2; } } @media(max-width:1300px) { body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary { grid-template-columns:minmax(220px,1fr) auto auto; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary > label:not(.order-filter-search):not(:has(.order-carrier-switch)) { grid-row:2; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-work-area .batch-workflow { flex-wrap:wrap; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-selection-card { grid-column:1/-1; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-batch-enterprise .batch-work-area { grid-column:1/-1; grid-row:3; } #skuPickerModal .sku-picker-list { grid-template-columns:repeat(3,minmax(0,1fr)); } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid { grid-template-columns:150px minmax(230px,1fr) 210px; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-context-cell { grid-column:2; grid-row:2; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions { grid-column:3; grid-row:1/3; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-proof-cell { grid-row:3; } } @media(max-width:900px) { body:not(.tablet-mode) #appView .workspace[data-view="orders"] .topbar { padding:12px 14px; flex-wrap:wrap; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] #content { padding:12px 12px 80px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary { display:flex; flex-wrap:wrap; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary > label { flex:1 1 130px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary > .order-filter-search { flex:1 1 100%; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-buttons { margin-left:auto; } #skuPickerModal .sku-picker-list { grid-template-columns:repeat(2,minmax(0,1fr)); } #skuPickerModal .sku-picker-controls { display:flex; flex-wrap:wrap; } #skuPickerModal #skuPickerShelfGroupRow { flex:1 1 100%; order:-1; } #skuPickerModal #skuPickerShelfGroupRow .sku-picker-warehouse-options { flex-wrap:nowrap; } #skuPickerModal .sku-picker-tools { flex:1 1 100%; flex-wrap:wrap; } #skuPickerModal .sku-picker-tools input { flex:1 1 100%; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid { grid-template-columns:140px minmax(0,1fr); } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions { grid-column:1/-1; grid-row:3; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-context-cell { grid-column:1/-1; grid-row:2; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-proof-cell { grid-row:4; } body.wchat-docked:has(.workspace[data-view="orders"]) { --wchat-dock-width:320px; } } @media(max-width:600px) { #skuPickerModal .sku-picker--enterprise { width:calc(100% - 16px); height:calc(100dvh - 16px); max-height:calc(100dvh - 16px); } #skuPickerModal .modal-head { padding:12px; align-items:flex-start; } #skuPickerModal .sku-picker-head-actions { gap:4px; } #skuPickerModal .sku-picker-list { grid-template-columns:minmax(0,1fr); padding:12px; } #skuPickerModal .sku-picker-tabbar { margin:0 12px; } #skuPickerModal .sku-picker-footer { padding:10px 12px; } #skuPickerModal .sku-picker-selection-summary { flex:1 1 100%; } #orderProcessingModal .order-processing-dialog { width:calc(100% - 16px); max-height:calc(100dvh - 16px); } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid { display:flex; flex-direction:column; } #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > div { width:100%; padding:14px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-flow-step { flex:1 1 42%; } } @media(max-width:760px) { body.wchat-docked:has(.workspace[data-view="orders"]) { --wchat-dock-width:0px; } } @media(prefers-reduced-motion:reduce) { :is(#skuPickerModal,#orderProcessingModal,body:not(.tablet-mode) #appView .workspace[data-view="orders"]) * { scroll-behavior:auto; animation:none !important; transition:none !important; } } @media print { .order-tools-popover { display:none; } } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise:hover { border:1px solid #c9d5e6; box-shadow:0 1px 3px #172b4d08; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise.is-selected { border:1px solid #a3beef; box-shadow:inset 3px 0 #175de8; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row button.is-next { background:#175de8; border-color:#175de8; color:#fff; box-shadow:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__stock .stock-number { color:#253247; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) :is(.erp-dialog-card,.modal-card):not(.sku-picker):not(.order-processing-dialog) { border:1px solid #e3e8ef; border-radius:9px; box-shadow:0 18px 70px #15213d24; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) :is(.erp-dialog-head,.modal-head) h3 { font-size:17px; letter-spacing:-.3px; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) :is(.erp-dialog-form,.form-grid) { gap:14px 16px; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) :is(.erp-dialog-form,.form-grid) :is(input,select,textarea) { border:1px solid #dce3ed; border-radius:5px; background:#fff; font-size:13px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row > span.oa-confirm-stock.is-complete { border:0; background:transparent; box-shadow:none; color:#397459; padding:0; min-height:22px; font-weight:500; border-radius:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__media > :is(button,.order-inventory-card__empty) { width:48px; min-width:0; height:64px; min-height:0; padding:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__stock b { font-size:20px; color:#253247; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-title { font-size:11px; color:#6a768b; margin:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-batch-enterprise .batch-filter-area { padding:0; min-height:38px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .oa-disclosures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 10px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .oa-disclosures > details { border:0; padding:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .oa-disclosures > details[open] { grid-column:1/-1; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-item { min-height:20px; } #orderProcessingModal .oa-disclosures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 10px; } #orderProcessingModal .oa-disclosures > details[open] { grid-column:1/-1; } @media(max-width:900px) { body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-sticky-tools { position:static; } } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-toggle { display:none; } @media(max-width:760px) { body:not(.tablet-mode) #appView .workspace[data-view="orders"] #content { padding-bottom:112px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .topbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:12px 14px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .topbar > div:first-child { text-align:left; width:auto; grid-column:1; grid-row:1; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] #pageTitle { text-align:left; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] #tabletTools { grid-column:2; grid-row:1; justify-content:flex-end; width:auto; margin:0; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] #pageHeaderActions { grid-column:1/-1; grid-row:2; margin:0; justify-content:flex-start; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary > .order-filter-search { grid-column:1/-1; grid-row:1; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary > .order-filter-buttons { grid-column:1/-1; grid-row:2; margin:0; justify-content:flex-end; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-toggle { display:inline-block; margin-right:auto; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-command:not(.filters-expanded) .order-filter-primary > :is(.order-filter-carrier,label:not(.order-filter-search)) { display:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-command.filters-expanded .order-filter-primary > .order-filter-carrier { grid-column:1/-1; grid-row:3; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-command.filters-expanded .order-filter-primary > label:not(.order-filter-search) { grid-column:auto; grid-row:auto; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-batch-enterprise:not(.has-selection) .batch-work-area { display:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-print-scope { display:none; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-filter-area { gap:4px 8px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-filter-area > button { min-height:28px; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .qty-filter-inline { flex-basis:100%; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .confirm-stock-batch-tools { justify-content:flex-end; width:100%; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .batch-selection-card { margin-top:4px; } } #orderProcessingModal .order-processing-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) :is(.stock-card-settings-mask,.stock-card-transit-mask) .erp-dialog-kicker { display:none; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-transit-mask .erp-dialog-head > p { display:none; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-quantities small { display:none; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .erp-dialog-actions button.erp-dialog-button--primary:not(:disabled) { background:#175de8; border-color:#175de8; color:#fff; box-shadow:none; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .erp-dialog-actions button:disabled { background:#f1f3f6; color:#8a95a6; border-color:#e5e9ef; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-dialog .erp-dialog-head { padding:18px 22px 14px; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-dialog .erp-dialog-head h2 { font-size:18px; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-dialog .erp-dialog-form { gap:12px; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-dialog .stock-card-code-readonly { padding:0 0 10px; background:transparent; border-bottom:1px solid #e6eaf1; border-radius:0; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-quantities > :is(button,.inventory-reserved-metric) { display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:9px 12px; background:#f6f8fb; border:1px solid #e6ebf2; border-radius:5px; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-quantities :is(span,strong) { color:#253247; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-quantities span { font-size:12px; color:#67758a; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-quantities strong { font-size:21px; font-weight:650; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-dialog .stock-card-field-hint { margin-top:-6px; padding:0; background:transparent; } body:not(.tablet-mode):has(.workspace[data-view="orders"]) .stock-card-settings-dialog [data-card-shelf-clear] { width:max-content; margin-left:auto; min-height:28px; padding:3px 6px; font-size:12px; background:transparent; } /* Feature controls retain a visible boundary despite the earlier global reset. */ body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-filter-primary :is(input,select), body:not(.tablet-mode):has(.workspace[data-view="orders"]) .erp-dialog-field :is(input,select,textarea):not([type="checkbox"]), #skuPickerModal .sku-picker-tools input { border-color:#dce3ed !important; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions :is(.oa-primary-row,.oa-notify-row) button, #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions :is(.oa-primary-row,.oa-notify-row) button { border-color:#e0e6ef !important; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row button:not(.is-next):not(.is-done), #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row button:not(.is-next):not(.is-done) { background:#f5f7fa; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row button.is-next, #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row button.is-next { border-color:#175de8 !important; } /* Keep the shared last print receipt visible to every sorter. */ body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .is-label-printed .order-proof-time { display:block; white-space:normal; font-size:12px; color:#526276; } /* Pair a stock-sized print with the operator's existing full-print action. */ #skuPickerModal .inventory-card-picker-label-row:has(.picker-print-buttons) { display:grid; grid-template-columns:minmax(0,1fr); gap:4px; padding-block:6px; } #skuPickerModal .inventory-card-picker-label-row > .picker-print-buttons { display:flex; flex:0 1 auto; justify-content:flex-end; flex-wrap:wrap; gap:6px; min-width:0; } #skuPickerModal .picker-print-buttons button { min-height:32px; padding:5px 8px; font-size:11px; line-height:1.4; white-space:nowrap; } #skuPickerModal .picker-print-buttons .picker-stock-print:not(:disabled) { background:#eaf5ef; border-color:#a5d4b9 !important; color:#216a44; font-weight:600; } #skuPickerModal .picker-print-buttons .picker-stock-print:not(:disabled):hover { background:#daf0e4; border-color:#77ba94 !important; } #skuPickerModal .picker-print-buttons .picker-stock-print:disabled { color:#8a94a4; background:#f5f6f8; border-color:#e4e8ee !important; cursor:not-allowed; } .inventory-print-reserved { font-size:11px; font-style:normal; font-weight:500; color:#a15c00; font-variant-numeric:tabular-nums; } #skuPickerModal .inventory-card-picker-stock .inventory-card-stock-adjust:has(.inventory-print-reserved) { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px; } body:has(#skuPickerModal) .wchat-launcher { z-index:2290; } /* Restore is a frequent printed-order operation and needs its own clear color. */ body #appView .workspace[data-view="orders"] .order-card .order-actions button.oa-reset-state, body #appView .workspace[data-view="scanDesk"] .order-card .order-actions button.oa-reset-state, body #orderProcessingModal .order-card .order-actions button.oa-reset-state, body.tablet-mode .tablet-order-common button.oa-reset-state { background:#fff0cf !important; color:#8a4b00 !important; border-color:#dfaa45 !important; font-weight:650; box-shadow:none; } body #appView .workspace[data-view="orders"] .order-card .order-actions button.oa-reset-state:hover, body #appView .workspace[data-view="scanDesk"] .order-card .order-actions button.oa-reset-state:hover, body #orderProcessingModal .order-card .order-actions button.oa-reset-state:hover, body.tablet-mode .tablet-order-common button.oa-reset-state:hover { background:#ffe4ab !important; color:#783c00 !important; border-color:#c28b23 !important; } body .order-actions button.oa-reset-state:focus-visible { outline:2px solid #a86a0e; outline-offset:2px; } body .order-actions button.oa-reset-state:disabled { opacity:.65; cursor:wait; } @media (max-width:600px) { #skuPickerModal .picker-print-buttons button { min-height:40px; flex:1 1 auto; } body #appView .order-card .order-actions button.oa-reset-state { min-height:44px; } } /* Signed picking: separate identity, quantities and actions without changing selection. */ #skuPickerModal .inventory-card-picker-card { gap:10px 12px; padding:16px; border-color:#e5e9ef; border-radius:10px; box-shadow:0 3px 12px #26395708; } #skuPickerModal .inventory-card-picker-name { font-size:15px; line-height:1.45; } #skuPickerModal button.inventory-card-picker-shelf { width:fit-content; max-width:100%; padding:5px 8px; border-radius:5px; background:#edf3ff; color:#2453a0; font-size:13px; line-height:1.5; } #skuPickerModal .inventory-card-picker-tags { display:flex; flex-wrap:wrap; gap:2px 10px; font-size:11px; color:#718096; } #skuPickerModal .inventory-card-picker-skus { font-size:11px; color:#718096; overflow-wrap:anywhere; } #skuPickerModal .inventory-card-picker-orders { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:12px; margin:3px 0 0; border:0; border-radius:7px; background:#f5f7fa; } #skuPickerModal .inventory-card-picker-orders > span { display:flex; align-items:baseline; gap:5px; flex-wrap:wrap; } #skuPickerModal .inventory-card-picker-orders small { flex:1 0 100%; font-size:11px; color:#667085; } #skuPickerModal .inventory-card-picker-orders strong:last-child, #skuPickerModal .inventory-card-picker-orders strong { margin:0; font-size:25px; font-weight:650; line-height:1.15; letter-spacing:0; font-variant-numeric:tabular-nums; } #skuPickerModal .inventory-card-picker-orders em { color:#667085; font-size:12px; font-weight:400; } #skuPickerModal .inventory-card-picker-stock { display:grid; grid-template-columns:1fr 1fr; gap:8px 10px; padding:4px 0; } #skuPickerModal .inventory-card-picker-stock > :first-child { grid-column:1 / -1; } #skuPickerModal .inventory-card-picker-stock > * { min-width:0; text-align:left; font-size:12px; line-height:1.6; white-space:normal; } #skuPickerModal .inventory-card-picker-stock > :first-child strong { font-size:20px; margin-left:4px; color:#202733; } #skuPickerModal .inventory-card-picker-stock strong { font-size:14px; } #skuPickerModal .inventory-card-picker-stock .inventory-print-reserved { font-size:11px; font-weight:400; } #skuPickerModal .inventory-card-picker-label-status { padding-top:10px; border-top:1px solid #edf0f4; } #skuPickerModal .inventory-card-picker-label-row { gap:8px; padding:6px 0; border-bottom:0; } #skuPickerModal .picker-print-buttons { display:flex; flex-wrap:wrap; gap:6px; width:100%; } #skuPickerModal .picker-print-action { flex:1; min-height:34px; padding:7px 8px; font-size:12px; background:#edf3ff; color:#2453a0; border:1px solid #dce6f8; box-shadow:none; } #skuPickerModal .picker-stock-print:not(:disabled) { background:#edf7f1; border-color:#bedfc9; color:#247650; } #skuPickerModal .picker-reminder-bar { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; align-items:center; padding-top:10px; border-top:1px solid #edf0f4; } #skuPickerModal .picker-reminder-bar .reminder-mark-switch { grid-column:auto; padding:7px 0; gap:8px; color:#6b7280; font-size:12px; font-weight:600; } #skuPickerModal .picker-reminder-bar .reminder-mark-switch.is-on { color:#247650; } #skuPickerModal .picker-reminder-bar .wecom-picker-remind { grid-column:auto; margin:0; min-height:36px; background:#edf3ff; border:1px solid #cbdcf9; color:#175cd3; font-size:12px; font-weight:600; } #skuPickerModal .picker-reminder-bar .wecom-picker-remind:hover { background:#dfeaff; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__shelf, #appView .workspace[data-view="scanDesk"] .scan-stock-card__shelf { width:fit-content; max-width:100%; height:auto; padding:6px 9px; border-radius:5px; background:#eaf1fc; color:#2453a0; font-size:15px; line-height:1.45; white-space:normal; text-align:left; } #appView .workspace[data-view="scanDesk"] .scan-stock-card { padding:14px; gap:12px 14px; background:#f7f9fc; border-radius:8px; } #appView .workspace[data-view="scanDesk"] .scan-stock-card__facts { gap:9px; } #appView .workspace[data-view="scanDesk"] .scan-stock-card__quantity { grid-template-columns:96px minmax(0,1fr); } #appView .workspace[data-view="scanDesk"] .scan-stock-card__quantity:first-of-type > b { font-size:22px; font-variant-numeric:tabular-nums; } #appView .workspace[data-view="scanDesk"] .scan-stock-card__quantity small { display:inline-block; font-size:11px; font-weight:400; } #appView .workspace[data-view="scanDesk"] .scan-stock-card__actions { padding-top:12px; border-top:1px solid #e4e9f1; gap:8px; } #appView .workspace[data-view="scanDesk"] .scan-stock-card__actions > button { min-height:40px; padding:9px 5px; border:1px solid #cedbf0; border-radius:6px; background:#fff; color:#295486; font-weight:600; font-size:12px; box-shadow:0 1px 2px #142b5010; } #appView .workspace[data-view="scanDesk"] .scan-stock-card__actions > button:first-child { background:#145ef0; color:#fff; border-color:#145ef0; } #appView .workspace[data-view="scanDesk"] .scan-stock-card__actions > button:hover { filter:brightness(.97); } body :is(#appView .workspace[data-view],#orderProcessingModal) .order-card.order-card--enterprise .order-actions .oa-signed-quick { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:10px 0; padding-top:10px; border-top:1px solid #e8edf4; } body :is(#appView .workspace[data-view],#orderProcessingModal) .order-card.order-card--enterprise .order-actions .oa-signed-quick button { min-height:34px; height:auto; padding:7px 5px; border:1px solid #dce3ed; border-radius:5px; color:#45566d; background:#f8fafc; font-size:12px; white-space:normal; } body :is(#appView .workspace[data-view],#orderProcessingModal) .order-card.order-card--enterprise .order-actions .oa-signed-quick .oa-loading-print { grid-column:1 / -1; color:#2453a0; background:#edf3ff; border-color:#d3e0f7; } body :is(#appView .workspace[data-view],#orderProcessingModal) .order-card.order-card--enterprise .order-actions .oa-signed-quick .warn { grid-column:1 / -1; color:#986224; background:#fff7eb; border-color:#ebdbbd; } body :is(#appView .workspace[data-view],#orderProcessingModal) .order-card.order-card--enterprise .order-actions .oa-signed-quick .oa-reset-state { color:#6c5b44; } .addon-fee-dialog .erp-dialog-card { width:min(540px,calc(100vw - 32px)); border-radius:12px; } .addon-fee-dialog .erp-dialog-head { padding:20px 24px 16px; } .addon-fee-dialog .erp-dialog-body { padding:0 24px 22px; } .addon-fee-dialog .erp-dialog-copy { padding:12px 14px; background:#f5f7fa; border-radius:6px; color:#667085; font-size:12px; line-height:1.7; } .addon-fee-dialog .erp-dialog-form { gap:18px; } body .erp-dialog-mask.addon-fee-dialog .erp-dialog-card .erp-dialog-form input[data-field="amount"] { font-size:24px; font-weight:600; color:#202733; min-height:52px; background:#f8faff; } .addon-fee-dialog .erp-dialog-actions { padding:16px 24px; } @media(max-width:600px) { #skuPickerModal .inventory-card-picker-card { padding:12px; } #skuPickerModal .picker-reminder-bar { grid-template-columns:1fr; gap:4px; } #appView .workspace[data-view="scanDesk"] .scan-stock-card__quantity { grid-template-columns:82px minmax(0,1fr); } } body .erp-dialog-mask.addon-fee-dialog .erp-dialog-actions button.erp-dialog-button--primary { background:#145ef0; color:#fff; border-color:#145ef0; } /* Same compact three-part shelf editor on order cards and inbound reviews. */ body :is(#appView,#orderProcessingModal) .inline-shelf-editor { min-width:0; width:100%; margin:6px 0; text-align:left; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls { display:flex; flex-wrap:wrap; align-items:center; gap:5px; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select { width:auto; min-width:58px; max-width:100%; flex:1 1 58px; height:34px; min-height:34px; padding:4px 20px 4px 7px; border:1px solid #d7e2f3; border-radius:5px; background-color:#eef4ff; color:#2453a0; font-size:12px; font-weight:600; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select:first-child { flex:2 1 95px; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select:disabled { color:#8993a2; background:#f4f6f9; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls button, body :is(#appView,#orderProcessingModal) .inline-shelf-weight button { min-height:34px; padding:5px 9px; border-radius:5px; font-size:12px; white-space:nowrap; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls .inline-shelf-confirm, body :is(#appView,#orderProcessingModal) .inline-shelf-weight button { color:#fff; background:#145ef0; border:1px solid #145ef0; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls .inline-shelf-view { color:#2453a0; background:#fff; border:1px solid #d7e2f3; } body :is(#appView,#orderProcessingModal) .inline-shelf-editor [hidden] { display:none !important; } body :is(#appView,#orderProcessingModal) .inline-shelf-weight { display:flex; flex-wrap:wrap; align-items:center; gap:7px; margin-top:9px; } body :is(#appView,#orderProcessingModal) .inline-shelf-weight label { display:flex; align-items:center; gap:7px; color:#667085; font-size:12px; } body :is(#appView,#orderProcessingModal) .inline-shelf-weight input { width:108px; min-height:36px; padding:5px 8px; border:1px solid #d7e2f3; border-radius:5px; background:#fff; color:#202733; font-size:16px; } body :is(#appView,#orderProcessingModal) .inline-shelf-editor [data-inline-error] { display:block; margin-top:5px; color:#b54708; font-size:12px; white-space:normal; } body #appView .inbound-review-shelf:has(.inline-shelf-editor) { display:block; } body :is(#appView,#orderProcessingModal) .inline-shelf-editor { max-width:560px; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select, body :is(#appView,#orderProcessingModal) .inline-shelf-weight input { border-color:#d7e2f3 !important; background-color:#fff; } /* Narrow scan request cards: full-width editor, never inside the image text column. */ body :is(#appView,#orderProcessingModal) .inline-shelf-controls { display:grid; grid-template-columns:minmax(70px,1.5fr) minmax(42px,1fr) minmax(46px,1fr) 38px; gap:5px; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select { min-width:0; width:100%; padding-left:6px; padding-right:16px; font-size:12px; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls .inline-shelf-view { grid-column:4; grid-row:1; padding:5px 3px; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls .inline-shelf-confirm { grid-column:1 / -1; grid-row:2; justify-self:end; min-width:76px; } body #appView .workspace[data-view="scanDesk"] #scanInboundRequests .scan-inbound-card > .inbound-review-shelf { margin:12px 0; padding:12px 0; background:transparent; border-top:1px solid #edf0f4; border-bottom:1px solid #edf0f4; border-radius:0; } body #appView .workspace[data-view="scanDesk"] #scanInboundRequests .inline-shelf-weight { margin:12px 0 9px; } body #appView .workspace[data-view="scanDesk"] #scanInboundRequests .inline-shelf-weight label { display:grid; grid-template-columns:60px minmax(0,1fr) 18px; width:100%; gap:6px; } body #appView .workspace[data-view="scanDesk"] #scanInboundRequests .inline-shelf-weight input { width:100%; min-width:0; } body #appView .workspace[data-view="scanDesk"] #scanInboundRequests .scan-card-tools { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:10px; } body #appView .workspace[data-view="scanDesk"] #scanInboundRequests .scan-card-tools button { width:100%; min-height:34px; margin:0; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls { grid-template-columns:minmax(70px,1fr) 44px 54px 30px; gap:4px; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select { appearance:none; padding:4px 13px 4px 5px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='m2 3 2 2 2-2' fill='none' stroke='%23718298' stroke-width='1.2'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 3px center; } #skuPickerModal .inventory-card-picker-stock { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 6px; } #skuPickerModal .inventory-card-picker-stock > :not(:first-child) { font-size:11px; letter-spacing:-.2px; } #skuPickerModal .inventory-card-picker-stock > :first-child strong.stock-positive { color:#247650; } #skuPickerModal .inventory-card-picker-stock > :first-child strong.stock-empty { color:#c3323c; } #skuPickerModal .picker-print-buttons .picker-stock-print:not(:disabled) { background:#287568; color:#fff; border:0; box-shadow:none; border-radius:5px; font-weight:600; } #skuPickerModal .picker-print-buttons .picker-stock-print:not(:disabled):hover { background:#205f55; } #skuPickerModal .picker-print-buttons .picker-stock-print:not(:disabled):active { background:#194e46; } #skuPickerModal .picker-stock-print:focus-visible { outline:2px solid #287568; outline-offset:3px; } /* Give the product list the viewport; advanced controls open over it. */ #skuPickerModal .modal-head { padding:9px 20px; min-height:48px; } #skuPickerModal .sku-picker-tabbar { flex-wrap:nowrap; gap:12px; padding:6px 0; min-height:44px; } #skuPickerModal .sku-picker-tabbar .sku-picker-tabs { flex-shrink:0; min-height:34px; } #skuPickerModal .sku-picker-tabs button { min-height:34px; padding:6px 9px; } #skuPickerModal .sku-picker-tabbar .sku-picker-tools { flex:1; min-width:0; flex-wrap:nowrap; margin:0; gap:6px; } #skuPickerModal .sku-picker-tools input { height:34px; min-height:34px; } #skuPickerModal .sku-picker-controls, #skuPickerModal .sku-picker-controls:has(#skuPickerShelfGroupRow:not([hidden])) { display:flex; align-items:center; gap:14px; padding:6px 20px; } #skuPickerModal #skuPickerShelfGroupRow { flex:1; width:auto; min-width:0; gap:8px; } #skuPickerModal #skuPickerShelfGroupRow .sku-picker-warehouse-options { flex-wrap:nowrap; gap:5px; padding:0 0 2px; overflow-x:auto; scrollbar-width:thin; } #skuPickerModal #skuPickerShelfGroupRow button { flex-shrink:0; min-width:0; min-height:30px; padding:4px 10px; font-size:12px; white-space:nowrap; border:0; box-shadow:none; } #skuPickerModal #skuPickerPrintFilter { flex-shrink:0; } #skuPickerModal .sku-picker-coverage { margin:0; padding:3px 20px; border-radius:0; min-height:26px; font-size:11px; } #skuPickerModal .sku-picker-list { padding-top:12px; } #skuPickerModal .sku-picker-footer { padding:8px 20px; } #skuPickerModal .sku-picker-pager { padding:4px 20px; } #skuPickerModal #skuColorQuickRow:empty { display:none; } @media(max-width:900px) { #skuPickerModal .sku-picker-tabbar { flex-wrap:wrap; gap:5px 8px; } #skuPickerModal .sku-picker-tabbar .sku-picker-tools { order:3; flex-basis:100%; } #skuPickerModal .sku-picker-controls { flex-wrap:wrap; gap:5px; } #skuPickerModal #skuPickerShelfGroupRow { flex-basis:100%; } } /* Shelf location reads as three balanced, deliberate controls. */ body :is(#appView,#orderProcessingModal) .inline-shelf-editor { container-type:inline-size; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls { grid-template-columns:minmax(90px,1.6fr) minmax(64px,1fr) minmax(70px,1fr) 42px; gap:6px; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select { height:38px; min-height:38px; font-size:14px; font-weight:550; line-height:1.4; padding:7px 24px 7px 10px; border-radius:6px; color:#33465e; border-color:#dce4ef !important; background-color:#fff; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23718398' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-size:14px 14px; background-position:right 7px center; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select:hover:not(:disabled) { border-color:#9bafc9 !important; background-color:#fafcff; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select:focus-visible { outline:2px solid #a9c7f7; outline-offset:1px; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select:disabled { color:#98a2b3; background-color:#f2f4f7; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls .inline-shelf-view { height:38px; font-size:13px; border:0; background:transparent; color:#526b8b; } @container(max-width:300px) { body :is(#appView,#orderProcessingModal) .inline-shelf-controls { grid-template-columns:minmax(64px,1fr) 47px 55px 28px; gap:4px; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls select { font-size:12px; padding:7px 14px 7px 5px; background-size:11px; background-position:right 2px center; } body :is(#appView,#orderProcessingModal) .inline-shelf-controls .inline-shelf-view { font-size:12px; padding:4px 0; } } #skuPickerModal .sku-picker-list { max-height:none; } /* All operational filters remain directly visible. */ #skuPickerModal .modal-head { flex-wrap:wrap; gap:8px 18px; } #skuPickerModal .modal-head > div:first-child { flex-shrink:0; } #skuPickerModal .modal-head #skuPickerWarehouseRow { flex:1; min-width:180px; min-height:30px; padding:0; border:0; background:transparent; } #skuPickerModal #skuPickerWarehouseRow .sku-picker-warehouse-options { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; } #skuPickerModal #skuPickerWarehouseRow button { flex-shrink:0; white-space:nowrap; } #skuPickerModal .sku-picker-head-actions { margin-left:auto; } #skuPickerModal .sku-picker-tabbar .sku-picker-tools { justify-content:flex-end; } #skuPickerModal .sku-picker-tabbar .sku-picker-tools input { flex:0 1 340px; width:340px; min-width:150px; margin-right:auto; } #skuPickerModal .sku-picker-direct-filters { display:flex; align-items:center; flex-wrap:wrap; gap:6px 18px; padding:4px 20px 6px; } #skuPickerModal .sku-picker-direct-filters > * { display:flex; align-items:center; flex-wrap:nowrap; gap:4px; } #skuPickerModal .sku-picker-direct-filters > * > span { margin-right:3px; font-size:12px; color:#7b8799; white-space:nowrap; } #skuPickerModal .sku-picker-direct-filters button { min-height:28px; padding:4px 8px; font-size:12px; white-space:nowrap; } #skuPickerModal .sku-picker-direct-filters #skuPickerInventorySort { margin-left:auto; } #skuPickerModal .sku-picker-controls { padding-top:3px; } @media(max-width:900px) { #skuPickerModal .modal-head #skuPickerWarehouseRow { order:3; flex-basis:100%; } #skuPickerModal .sku-picker-direct-filters { gap:6px 10px; padding-inline:12px; } #skuPickerModal .sku-picker-direct-filters #skuPickerInventorySort { margin-left:0; } #skuPickerModal .sku-picker-tabbar .sku-picker-tools input { width:auto; flex:1; } } #skuPickerModal .sku-picker-direct-filters > [hidden] { display:none !important; } #skuPickerModal .modal-head #skuPickerWarehouseRow { flex-wrap:nowrap; align-items:center; gap:8px; } #skuPickerModal .modal-head #skuPickerWarehouseRow button { width:auto; height:auto; min-height:28px; padding:4px 8px; display:inline-flex; align-items:center; gap:6px; } /* Warehouse controls use filled surfaces, never outline-only status/buttons. */ body #appView .workspace:is([data-view="scanDesk"],[data-view="orders"]) .order-card.order-card--enterprise .order-actions :is(button,button:hover), body #orderProcessingModal .order-card.order-card--enterprise .order-actions :is(button,button:hover) { border:0 !important; } body #appView .workspace:is([data-view="scanDesk"],[data-view="orders"]) .order-card.order-card--enterprise .order-actions button.oa-reset-state { box-shadow:0 2px 4px #7b4c1210; } /* Compact order inventory cards: bounded shelf controls and content-driven rows. */ body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact { display:grid; grid-template-columns:44px minmax(0,1fr); align-items:start; gap:6px 10px; min-width:0; width:100%; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact > .inventory-card-heading { grid-column:2; grid-row:1; align-self:start; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact > .order-inventory-card__media { display:block; grid-column:1; grid-row:1; width:44px; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact > .order-inventory-card__media > :is(button,.order-inventory-card__empty) { display:block; width:44px; height:60px; min-height:0; padding:0; margin:0; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .order-inventory-card__media img { width:44px; height:60px; object-fit:contain; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact > .order-inventory-card__body { grid-column:1 / -1; grid-row:2; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:4px 12px; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .order-inventory-card__identity { order:2; display:flex; flex-wrap:wrap; align-items:baseline; gap:3px 8px; line-height:18px; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .order-inventory-card__identity :is(b,span) { display:inline; margin:0; font-size:11px; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .inline-shelf-editor { width:100%; max-width:316px; margin:0; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .inline-shelf-controls { grid-template-columns:minmax(72px,128px) 58px 64px 36px; gap:5px; justify-content:start; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .inline-shelf-controls select { height:32px; min-height:32px; padding:4px 20px 4px 8px; font-size:13px; background-size:12px; background-position:right 5px center; border:0; border-color:transparent !important; background-color:#fff; box-shadow:0 1px 3px #1d293914; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .inline-shelf-controls .inline-shelf-view { height:32px; min-height:32px; padding:4px 2px; font-size:12px; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact > .order-inventory-card__footer { grid-column:1 / -1; display:flex; flex-wrap:wrap; align-items:center; gap:2px 12px; margin:0; padding:0; border:0; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .order-inventory-card__footer > .inventory-card-metrics { flex:0 1 auto; flex-wrap:wrap; overflow:visible; gap:2px 6px; padding:0; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .order-inventory-card__query { margin:0; min-height:26px; padding:2px 0; white-space:nowrap; } @container(max-width:285px) { body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .inline-shelf-controls { grid-template-columns:minmax(64px,1fr) 48px 54px 30px; gap:4px; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .inline-shelf-controls select { font-size:12px; padding-inline:5px 16px; background-position:right 3px center; } } @media(pointer:coarse) { body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .inline-shelf-controls :is(select,.inline-shelf-view) { min-height:44px; height:44px; } } body.tablet-mode :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .inline-shelf-controls :is(select,.inline-shelf-view) { min-height:44px; height:44px; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact > .order-inventory-card__body > div:has(.inline-shelf-editor) { width:316px; max-width:100%; min-width:0; } @media(max-width:600px) { body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-context-cell { grid-column:1 / -1; } body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .order-proof-cell { grid-column:1 / -1; grid-row:4; flex-direction:row; flex-wrap:wrap; gap:6px 14px; } } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact .inline-shelf-feedback:not(:has(> :not([hidden]))) { display:none; } @media(max-width:600px) { body:not(.tablet-mode) #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions { grid-row:5; } } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card:has(> .order-inventory-card__item--compact) { container:order-inventory / inline-size; } @container order-inventory (min-width:420px) { body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact > .order-inventory-card__body { grid-column:2; } body :is(#appView .workspace[data-view="orders"],#orderProcessingModal .order-processing-body) .order-card.order-card--enterprise .order-inventory-card .order-inventory-card__item.order-inventory-card__item--compact > .order-inventory-card__media { grid-row:1 / 3; } } /* Scan desk service picker: catalog cards and editable amount. */ .addon-fee-dialog .erp-dialog-card { width: min(920px, calc(100vw - 32px)); max-width: 920px; } .addon-fee-dialog .erp-dialog-form { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(240px, 1fr); gap: 24px; align-items: start; } .addon-fee-dialog [hidden] { display: none !important; } .addon-fee-dialog h3 { margin: 0 0 14px; font-size: 14px; color: var(--text, #182230); } .addon-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .addon-service-card { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 88px; padding: 14px 12px; text-align: left; white-space: normal; border: 1px solid #dce2e9; border-radius: 6px; background: #fff; } .addon-service-card strong { font-size: 13px; overflow-wrap: anywhere; } .addon-service-card span { color: #667085; font-size: 12px; } .addon-service-card.is-selected { border-color: #2563eb; box-shadow: inset 0 0 0 1px #2563eb; background: #eff5ff; color: #1d4ed8; } .addon-service-card:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; } .addon-amount-panel { min-width: 0; padding: 18px; background: #f7f9fc; border-radius: 6px; } .addon-amount-panel [data-field="amount"] { font-size: 26px; min-height: 54px; } .addon-amount-stepper { display: flex; gap: 8px; margin: 12px 0 22px; } .addon-amount-stepper button { flex: 1; min-height: 38px; } @media (max-width: 680px) { .addon-fee-dialog .erp-dialog-form { grid-template-columns: 1fr; gap: 18px; } .addon-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } body .erp-dialog-mask.addon-fee-dialog { padding: 16px; } body .erp-dialog-mask.addon-fee-dialog .erp-dialog-card { width: min(920px, calc(100vw - 32px)); max-width: 920px; max-height: calc(100dvh - 32px); } body .erp-dialog-mask.addon-fee-dialog .addon-service-card { border: 1px solid #dce2e9; border-color: #dce2e9 !important; background: #fff; } body .erp-dialog-mask.addon-fee-dialog .addon-service-card.is-selected { border-color: #2563eb !important; background: #eff5ff; } body .erp-dialog-mask.addon-fee-dialog .erp-dialog-body { min-height: 0; overflow: auto; }