/* Order-center surface. Scoped so scanner and outbound stations keep their layouts. */
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise {
  --order-ink:#253247; --order-muted:#748096; --order-surface:#fff; --order-head-surface:#fafbfd;
  border-color:#e2e7ef; border-radius:10px; background:var(--order-surface);
  box-shadow:0 3px 12px rgb(23 43 77 / 5%); overflow:hidden;
}
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head {
  padding:9px 14px; gap:8px 12px; background:var(--order-head-surface); border-color:#edf0f5;
}
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head-main { gap:7px 10px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head-main > span { font-size:12px; line-height:22px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head-main > :is(.text-ok,.text-warn,.text-danger,.order-wh,.order-head-service,.order-carrier-badge) {
  padding:1px 8px; border:1px solid #e7ebf1; border-radius:5px; background:#f2f4f8; color:#596579; font-weight:500; font-size:12px; line-height:20px;
}
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head-main > .text-ok { color:#287356; background:#edf7f1; border-color:#dfede4; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head-main > .text-warn { color:#986321; background:#fff8ed; border-color:#f3e8d5; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head-main > .text-danger { color:#b33e3e; background:#fff2f2; border-color:#f3dddd; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-customer-balance {
  color:#253247; font-weight:600; font-variant-numeric:tabular-nums; padding:1px 9px; border:1px solid #e3e8f0; border-radius:5px; background:#fff;
}
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-customer-balance.danger-text { color:#b42318; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-head-status .badge { padding:4px 10px; border-radius:5px; font-size:12px; line-height:20px; font-weight:600; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid {
  display:grid; grid-template-columns:180px minmax(300px,1.4fr) minmax(260px,1fr) 120px 246px; gap:0; align-items:stretch; background:var(--order-surface);
}
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > div { padding:14px 12px; border:0; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .sign-cell { gap:7px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .tracking-label { color:#8590a2; letter-spacing:.02em; }
.ozon-order-copy-row { display:flex; align-items:flex-start; gap:5px; min-width:0; }
.ozon-order-copy-row .ozon-order-number { flex:1; min-width:0; font-size:13px; line-height:24px; font-weight:600; color:#344054; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
#appView .order-card .order-copy-icon { flex:0 0 24px; width:24px; height:24px; min-height:24px; padding:0; display:grid; place-items:center; border:0; border-radius:4px; background:transparent; color:#7b8799; }
#appView .order-card .order-copy-icon:hover { background:#edf3ff; color:#2563eb; }
.order-copy-icon > span { position:relative; width:11px; height:13px; border:1.4px solid currentColor; border-radius:2px; }
.order-copy-icon > span::before { content:""; position:absolute; width:8px; height:10px; left:-4px; top:-4px; border-top:1.4px solid currentColor; border-left:1.4px solid currentColor; border-radius:2px 0 0 0; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line { grid-template-columns:144px minmax(0,1fr); gap:12px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line-img { width:144px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-img { width:144px; height:192px; border:1px solid #edf0f4; border-radius:7px; background:#fff; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .product-title-clamp { font-size:14px; color:#253247; line-height:1.6; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .rootflow-product-details { margin-top:6px; gap:2px; box-shadow:none; background:transparent; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-quantity-summary { justify-content:flex-start; gap:6px 18px; margin-top:8px; padding-top:8px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card { padding:12px; border:1px solid #e1e7f0; border-radius:8px; background:#fff; box-shadow:0 3px 10px rgb(23 43 77 / 7%); }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__item { grid-template-columns:68px minmax(0,1fr); gap:10px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__media { width:68px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__media img { width:68px; height:90px; border-radius:5px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__name { font-size:13px; color:#253247; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__identity { font-size:12px; color:#677489; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__shelf { color:#364b69; font-size:15px; line-height:1.5; margin-top:4px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__packaging { color:#69778a; font-size:11px; line-height:1.6; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__footer { margin-top:10px; padding-top:8px; border-top:1px solid #edf0f5; gap:6px; flex-wrap:wrap; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-inventory-card__stock { display:flex; flex-wrap:wrap; gap:4px 12px; margin:0; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-ozon-context { border:0; padding-top:4px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-cell { gap:9px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-main { display:flex; flex-wrap:wrap; gap:4px 7px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-value { color:#667489; font-size:12px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-item.is-complete .order-proof-value { color:#287356; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions { gap:6px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-action-heading { font-size:12px; color:#667489; margin:0; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row button { grid-column:auto; min-height:34px; padding:6px 5px; border-radius:6px; font-size:12px; line-height:20px; white-space:nowrap; border:1px solid #dce3ed; background:#fff; color:#46556b; box-shadow:0 1px 2px rgb(16 24 40 / 3%); }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row :is(.oa-confirm-stock,[data-order-action="printed"],[data-order-action="signed"],.open-order-processing-link) { grid-column:1 / -1; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row button.is-next { color:#fff; background:#2469ed; border-color:#2469ed; box-shadow:0 2px 4px rgb(36 105 237 / 16%); }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row button.is-done { color:#287356; background:#f0f8f3; border-color:#deebe3; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-primary-row .oa-confirm-stock:disabled { opacity:1; color:#378061; background:#f1f8f4; border-color:#e0ece5; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-wecom-alert { min-height:32px; border-radius:6px; color:#617087; border-color:#e2e7ef; background:#fafbfd; font-size:12px; box-shadow:none; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-action-section { border-top:1px solid #edf0f5; padding-top:5px; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-action-section-label { color:#748096; font-size:12px; }
#appView .workspace[data-view="orders"] .order-card button:focus-visible { outline:2px solid #83afff; outline-offset:2px; }
@media(min-width:1600px) {
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line { grid-template-columns:160px minmax(0,1fr); }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line-img { width:160px; }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-img { width:160px; height:214px; }
}
@container enterprise-order (max-width:1130px) {
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid { grid-template-columns:140px minmax(250px,1fr) minmax(220px,.8fr) 246px; }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .sign-cell { grid-column:1; grid-row:1; }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .order-products-cell { grid-column:2; grid-row:1; }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .order-context-cell { grid-column:3; grid-row:1; }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .order-proof-cell { grid-column:1 / -1; grid-row:2; flex-direction:row; flex-wrap:wrap; align-items:center; gap:12px 24px; padding-top:0; }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .order-actions { grid-column:4; grid-row:1; }
}
@container enterprise-order (max-width:900px) {
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid { grid-template-columns:132px minmax(0,1fr); }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .order-context-cell { grid-column:1 / -1; grid-row:2; }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > .order-actions { grid-column:1 / -1; grid-row:3; }
  #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; }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line { grid-template-columns:112px minmax(0,1fr); }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-line-img { width:112px; }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-product-img { width:112px; height:150px; }
}
@container enterprise-order (max-width:460px) {
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid { display:flex; flex-direction:column; }
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-card-grid > div { width:100%; }
}

#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions .oa-notify-row { margin:0; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-action-section { margin:0; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-action-section-label { min-height:24px; padding:3px 0; }

/* Paint the entire surface once: unequal column heights must never create hover blocks. */
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise > .order-card-grid > div,
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise:is(:hover,.is-selected) > .order-card-grid > div {
  background:transparent !important;
}
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise > .order-head,
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise:is(:hover,.is-selected) > .order-head {
  background:var(--order-head-surface) !important;
}
@media (hover:hover) and (pointer:fine) {
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise:hover {
    --order-surface:#f7f9fc; --order-head-surface:#f7f9fc;
    border-color:#ccd7e7; box-shadow:0 4px 14px rgb(23 43 77 / 7%);
  }
}
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise.is-selected {
  --order-surface:#f1f6ff; --order-head-surface:#f1f6ff;
  border-color:#a7bfe6; box-shadow:0 3px 12px rgb(36 105 237 / 8%);
}
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions { border-left:1px solid #edf0f5; }
#appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-cell { border-left:1px solid #edf0f5; }
.order-sync-state { display:flex; align-items:center; gap:8px; color:#748096; font-size:12px; min-height:34px; }
.order-sync-state.is-unavailable { color:#986321; }
.order-sync-spinner { width:12px; height:12px; border:1.5px solid #dce4ee; border-top-color:#748096; border-radius:50%; animation:order-sync-spin .8s linear infinite; }
@keyframes order-sync-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .order-sync-spinner { animation:none; } }
@container enterprise-order (max-width:900px) {
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-actions,
  #appView .workspace[data-view="orders"] .order-card.order-card--enterprise .order-proof-cell { border-left:0; }
}