/* The processing dialog has its own container: list columns must never position its actions. */
#orderProcessingModal { padding:24px; }
#orderProcessingModal .order-processing-dialog {
  width:min(1480px,100%); max-width:100%; height:auto; max-height:calc(100dvh - 48px);
  padding:0; display:flex; flex-direction:column; overflow:hidden; border:0; border-radius:10px;
  background:#fff; box-shadow:0 20px 70px rgb(16 24 40 / 24%);
}
#orderProcessingModal .order-processing-head {
  flex:none; display:flex; align-items:center; gap:16px; justify-content:space-between; padding:12px 18px;
}
#orderProcessingModal .order-processing-title {
  position:static; width:auto; height:auto; margin:0; padding:0; overflow:visible; clip-path:none;
  font-size:15px; line-height:24px; font-weight:600; white-space:normal; overflow-wrap:anywhere;
}
#orderProcessingModal .order-processing-close {
  position:static; flex:none; min-height:32px; padding:5px 12px; border-radius:6px; background:#f0f2f5; color:#475467;
}
#orderProcessingModal #orderProcessingNotice { flex:none; }
#orderProcessingModal .scan-workflow-notice { padding:9px 18px; min-height:38px; gap:8px 20px; flex-wrap:wrap; }
#orderProcessingModal .order-processing-body {
  flex:0 1 auto; min-height:0; max-height:none; overflow:auto; overscroll-behavior:contain;
  padding:0; border-radius:0; background:#fff; container-type:inline-size; container-name:parcel-processing;
}
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise {
  margin:0; min-width:0; border:0; border-radius:0; background:#fff; box-shadow:none;
}
#orderProcessingModal .order-processing-body .order-card .order-head { padding:10px 18px; background:#f7f8fa; }
#orderProcessingModal .order-processing-body .order-card .order-head-main { gap:6px 12px; }
#orderProcessingModal .order-processing-body .order-card .order-head-main > span { font-size:12px; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid {
  display:grid; grid-template-columns:194px minmax(0,1.4fr) minmax(0,1fr) 248px; gap:0; align-items:start;
}
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > div {
  min-width:0; padding:16px; border:0; background:transparent !important; grid-column:auto; grid-row:auto;
}
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .sign-cell { grid-column:1; grid-row:1; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .order-products-cell { grid-column:2; grid-row:1; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .order-context-cell { grid-column:3; grid-row:1; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .order-actions { grid-column:4; grid-row:1; display:flex; flex-direction:column; gap:8px; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .order-proof-cell {
  grid-column:1 / -1; grid-row:2; display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; gap:12px 28px;
  padding:12px 18px; background:#fafbfc !important;
}
#orderProcessingModal .order-processing-body .order-card .order-proof-item { min-width:130px; }
#orderProcessingModal .order-processing-body .order-card .order-proof-main { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#orderProcessingModal .order-processing-body .order-card .order-proof-time { white-space:normal; font-size:11px; }
#orderProcessingModal .order-processing-body .order-card .order-proof-stage-list { flex-direction:row; flex-wrap:wrap; }
#orderProcessingModal .order-processing-body .order-card .order-proof-stage { gap:8px; }
#orderProcessingModal .order-processing-body .order-card .order-action-heading { margin:0; min-height:22px; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; width:100%;
}
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions :is(.oa-primary-row,.oa-secondary-row,.oa-auxiliary-row) button {
  width:100%; min-width:0; min-height:36px; padding:6px 8px; border:0; border-radius:6px;
  background:#eef1f5; color:#3e4a5c; font-size:13px; line-height:22px; white-space:normal; box-shadow:none; grid-column:auto;
}
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row :is(.oa-confirm-stock,[data-order-action="signed"],[data-order-action="preReceiptPhoto"],[data-order-action="printed"],[data-order-action="outbound"]) { grid-column:1 / -1; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row button.is-next { background:var(--primary); color:#fff; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row button.is-done { background:#edf7f1; color:#287356; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row .oa-confirm-stock:disabled { opacity:1; background:#f1f8f4; color:#287356; }
#orderProcessingModal .order-processing-body .order-card .oa-notify-row { margin:0; width:100%; }
#orderProcessingModal .order-processing-body .order-card .oa-wecom-alert {
  width:100%; min-height:34px; margin:0; padding:5px 10px; border:0; border-radius:6px; background:#f5f6f8; color:#667085; font-size:12px;
}
#orderProcessingModal .order-processing-body .order-card .order-action-section { margin:0; padding:0; border:0; }
#orderProcessingModal .order-processing-body .order-card .order-action-section-label { min-height:32px; padding:5px 0; font-size:12px; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions :is(.oa-secondary-row,.oa-auxiliary-row) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-loading-print { grid-column:1 / -1; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .warn { color:#b54708; background:#fff8ed; }
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .danger { color:#b42318; background:#fff2f2; }
#orderProcessingModal .order-processing-body .order-card .order-product-line { display:grid; grid-template-columns:128px minmax(0,1fr); gap:14px; }
#orderProcessingModal .order-processing-body .order-card .order-product-line-img { width:128px; }
#orderProcessingModal .order-processing-body .order-card .order-product-img { width:128px; height:172px; max-width:100%; object-fit:contain; border-radius:6px; }
#orderProcessingModal .order-processing-body .order-card .product-title-clamp { font-size:14px; line-height:1.65; }
#orderProcessingModal .order-processing-body .order-card .order-quantity-summary { justify-content:flex-start; flex-wrap:wrap; gap:6px 14px; margin-top:10px; }
#orderProcessingModal .order-processing-body .order-card .order-quantity-summary :is(.qty-pieces-row,.qty-row--ordered,.qty-row--rate) { flex:0 1 auto; }
#orderProcessingModal .order-processing-body .order-card .order-inventory-card { padding:12px; border:0; border-radius:8px; background:#f5f7fa; box-shadow:var(--shadow-sm); }
#orderProcessingModal .order-processing-body .order-card .order-ozon-context { border:0; padding-top:8px; }
#orderProcessingModal .order-processing-body .order-card .ozon-order-copy-row { align-items:center; }
#orderProcessingModal .order-processing-body .order-card .order-copy-icon { flex:0 0 24px; width:24px; min-height:24px; padding:0; display:grid; place-items:center; background:transparent; border:0; color:#748096; }
#orderProcessingModal .order-processing-body .order-card .ozon-order-number { min-width:0; overflow-wrap:anywhere; font-size:13px; line-height:24px; }
#orderProcessingModal button:focus-visible, #orderProcessingModal summary:focus-visible { outline:2px solid #83afff; outline-offset:2px; }
@container parcel-processing (max-width:1100px) {
  #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid { grid-template-columns:180px minmax(0,1fr) 248px; }
  #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .order-context-cell { grid-column:1 / 3; grid-row:2; }
  #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .order-actions { grid-column:3; grid-row:1 / 3; }
  #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .order-proof-cell { grid-row:3; }
  #orderProcessingModal .order-processing-body .order-card .order-product-line { grid-template-columns:96px minmax(0,1fr); }
  #orderProcessingModal .order-processing-body .order-card .order-product-line-img { width:96px; }
  #orderProcessingModal .order-processing-body .order-card .order-product-img { width:96px; height:128px; }
}
@container parcel-processing (max-width:760px) {
  #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid { grid-template-columns:160px minmax(0,1fr); }
  #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .order-context-cell { grid-column:1 / -1; grid-row:2; }
  #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .order-actions { grid-column:1 / -1; grid-row:3; }
  #orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-card-grid > .order-proof-cell { grid-row:4; }
}
@container parcel-processing (max-width:480px) {
  #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:12px; }
  #orderProcessingModal .order-processing-body .order-card .order-head { padding:10px 12px; }
}
@media (max-width:640px) {
  #orderProcessingModal { padding:10px; }
  #orderProcessingModal .order-processing-dialog { max-height:calc(100dvh - 20px); }
  #orderProcessingModal .order-processing-head { padding:10px 12px; gap:8px; }
  #orderProcessingModal .order-processing-title { font-size:14px; }
  #orderProcessingModal .scan-workflow-notice { padding:8px 12px; }
}
/* Keep four-character warehouse actions on one line even at the desktop minimum. */
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row button {
  min-height:38px; padding:6px 4px; white-space:nowrap;
}
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-primary-row button.is-done {
  background:#edf7f1 !important; color:#287356 !important;
}
#orderProcessingModal .order-processing-body .order-card.order-card--enterprise .order-actions .oa-secondary-row button.oa-loading-print { grid-column:1 / -1; }
#orderProcessingModal .order-processing-body .order-card .order-inventory-card__item:not(.scan-stock-card) { display:grid; grid-template-columns:64px minmax(0,1fr); gap:10px; }
#orderProcessingModal .order-processing-body .order-card .order-inventory-card__media { width:64px; }
#orderProcessingModal .order-processing-body .order-card .order-inventory-card__media img { width:64px; height:86px; object-fit:contain; }
#orderProcessingModal .order-processing-body .order-card .order-inventory-card__name { padding:0; background:transparent; text-align:left; width:auto; font-size:13px; }
#orderProcessingModal .order-processing-body .order-card .order-inventory-card__shelf { padding:0; margin-top:4px; min-height:24px; font-size:15px; background:transparent; }
#orderProcessingModal .order-processing-body .order-card .order-inventory-card__footer { padding:0; margin-top:10px; border:0; flex-wrap:wrap; }
#orderProcessingModal .order-processing-body .order-card .rootflow-product-details { box-shadow:none; background:transparent; }