/* orders-unified.css — Slice 4 (E11 Unified Orders + E10 Returns/RMA).
 * Scoped under #opsHubOverlay with .ou- classes so nothing leaks into
 * staff.css / ops-hub.css surfaces owned by sibling slices. */
#opsHubOverlay .ou-filters { align-items: stretch; }
#opsHubOverlay .ou-tablewrap { overflow: hidden; }
#opsHubOverlay .ou-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
#opsHubOverlay .ou-table { min-width: 980px; width: 100%; }
#opsHubOverlay .ou-table td { vertical-align: top; }
#opsHubOverlay .ou-src {
  display: inline-block; padding: 2px 8px; border-radius: 999px;
  background: #e0e7ff; color: #3730a3; font-size: 11px; font-weight: 700; white-space: nowrap;
}
#opsHubOverlay .ou-pill-partial { background: #fef3c7; color: #92400e; }
#opsHubOverlay .ou-pill-in-transit { background: #dbeafe; color: #1e40af; }
#opsHubOverlay .ou-pill-backordered { background: #fee2e2; color: #991b1b; }
#opsHubOverlay .ou-pill-returned { background: #ede9fe; color: #5b21b6; }
#opsHubOverlay .ou-pipe { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#opsHubOverlay .ou-stage {
  background: var(--ops-navy, #17263f); color: #fff; border-radius: 8px;
  padding: 7px 12px; font-size: 12px; font-weight: 700; letter-spacing: .02em;
}
#opsHubOverlay .ou-stage strong { color: #93c5fd; margin-left: 4px; }
#opsHubOverlay .ou-arrow { color: var(--ops-muted, #64748b); font-weight: 800; }
#opsHubOverlay .ou-stage-sm {
  display: inline-block; padding: 2px 8px; border-radius: 999px;
  background: #f1f5f9; border: 1px solid #dbe1ea; font-size: 11px; font-weight: 700; white-space: nowrap;
}
@media (max-width: 720px) {
  #opsHubOverlay .ou-table { min-width: 860px; }
  #opsHubOverlay .ou-stage { font-size: 11px; padding: 6px 9px; }
}