/* Compact visual layer for inbound receiving. No workflow behavior is changed. */
body.dashboard-body.inbound-scan-shell { background: var(--ptx-ui-canvas) !important; }
.inbound-scan-shell .tx-main { padding: 14px 20px 24px !important; }
.inbound-scan-shell .tx-container { max-width: 1560px !important; gap: 12px !important; padding-bottom: 20px !important; }
.inbound-scan-shell .receiving-breadcrumb { margin-bottom: 8px !important; }
.inbound-scan-shell .receiving-shell-hero {
  padding: 16px 18px !important;
  border: 1px solid var(--ptx-ui-border) !important;
  border-radius: var(--ptx-ui-radius-lg) !important;
  background: linear-gradient(120deg, var(--ptx-ui-surface), var(--ptx-ui-surface-raised)) !important;
  box-shadow: var(--ptx-ui-shadow) !important;
  backdrop-filter: none !important;
}
.inbound-scan-shell .receiving-shell-hero::before,
.inbound-scan-shell .receiving-shell-hero::after { display: none !important; }
.inbound-scan-shell .receiving-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(260px, .62fr) !important; gap: 16px !important; align-items: start; }
.inbound-scan-shell .receiving-hero-main { gap: 7px !important; }
.inbound-scan-shell .receiving-live-strip { display: none !important; }
.inbound-scan-shell .receiving-shell-label,
.inbound-scan-shell .receiving-metric-label,
.inbound-scan-shell .receiving-overview-label { color: var(--ptx-ui-accent) !important; font-size: .7rem !important; letter-spacing: .1em !important; }
.inbound-scan-shell .page-title { font-size: clamp(1.8rem, 3vw, 2.65rem) !important; line-height: 1.02 !important; letter-spacing: -.05em !important; color: var(--ptx-ui-text) !important; }
.inbound-scan-shell .page-subtitle,
.inbound-scan-shell .receiving-hero-description { color: var(--ptx-ui-text-muted) !important; font-size: .9rem !important; line-height: 1.45 !important; }
.inbound-scan-shell .receiving-hero-description { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.inbound-scan-shell .receiving-hero-chip-row { gap: 6px !important; }
.inbound-scan-shell .receiving-chip { min-height: 28px; padding: 4px 8px !important; border-color: var(--ptx-ui-border) !important; background: var(--ptx-ui-surface-raised) !important; color: var(--ptx-ui-text-muted) !important; font-size: .72rem !important; }
.inbound-scan-shell .receiving-overview-card { gap: 9px !important; padding: 12px !important; border: 1px solid var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-md) !important; background: var(--ptx-ui-surface-raised) !important; box-shadow: none !important; }
.inbound-scan-shell .receiving-overview-list { gap: 6px !important; }
.inbound-scan-shell .receiving-overview-row { grid-template-columns: minmax(90px, .5fr) 1fr; gap: 8px !important; align-items: center; padding-bottom: 6px !important; }
.inbound-scan-shell .receiving-overview-value { color: var(--ptx-ui-text) !important; font-size: .86rem !important; text-align: right; }
.inbound-scan-shell .receiving-overview-status { min-height: 28px; padding: 4px 8px !important; }
.inbound-scan-shell .receiving-overview-metrics { gap: 10px !important; }
.inbound-scan-shell .receiving-metric-card,
.inbound-scan-shell .receiving-workflow-overview,
.inbound-scan-shell .workflow-step-card,
.inbound-scan-shell .workflow-awaiting-card { border-color: var(--ptx-ui-border) !important; border-radius: var(--ptx-ui-radius-md) !important; background: var(--ptx-ui-surface) !important; box-shadow: none !important; }
.inbound-scan-shell .receiving-metric-card { padding: 12px !important; gap: 4px !important; }
.inbound-scan-shell .receiving-metric-value { color: var(--ptx-ui-text) !important; font-size: clamp(1.5rem, 2.1vw, 2rem) !important; }
.inbound-scan-shell .receiving-workflow-overview { padding: 10px !important; gap: 8px !important; }
.inbound-scan-shell .workflow-overview-step { min-height: 78px; padding: 10px !important; gap: 8px !important; border-color: var(--ptx-ui-border) !important; background: var(--ptx-ui-surface-raised) !important; }
.inbound-scan-shell .workflow-overview-number { width: 2rem; height: 2rem; flex-basis: 2rem; border-radius: 7px; font-size: .9rem; }
.inbound-scan-shell .workflow-overview-copy { display: -webkit-box; overflow: hidden; font-size: .78rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.inbound-scan-shell .workflow-step-card { padding: 16px !important; gap: 12px !important; }
.inbound-scan-shell .workflow-step-number { width: 2.75rem; height: 2.75rem; flex-basis: 2.75rem; border-radius: 9px; font-size: 1.25rem; }
.inbound-scan-shell .workflow-step-header { gap: 10px !important; }
.inbound-scan-shell .workflow-step-state-pill { min-height: 30px; padding: 4px 8px !important; font-size: .7rem !important; }
.inbound-scan-shell :is(.btn, .btn-session, .blind-shipment-btn) { min-height: 42px !important; font-size: .88rem !important; }
.inbound-scan-shell :is(.filter-select, .inventory-filter-input, .form-input) { min-height: 42px !important; font-size: .9rem !important; border-color: var(--ptx-ui-border) !important; background: var(--ptx-ui-surface-raised) !important; color: var(--ptx-ui-text) !important; }
.inbound-scan-shell :is(.filter-select, .inventory-filter-input, .form-input):focus { border-color: var(--ptx-ui-accent) !important; box-shadow: var(--ptx-ui-focus) !important; }
@media (max-width: 960px) { .inbound-scan-shell .receiving-hero-grid { grid-template-columns: 1fr !important; } .inbound-scan-shell .receiving-overview-metrics { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 640px) { .inbound-scan-shell .tx-main { padding: 10px 12px 18px !important; } .inbound-scan-shell .receiving-shell-hero { padding: 14px !important; } .inbound-scan-shell .receiving-overview-metrics { grid-template-columns: 1fr !important; } .inbound-scan-shell .workflow-overview-step { min-height: 0; } }

/* Selected visual direction: illustrated operational icons without extra copy. */
.inbound-scan-shell .receiving-title-icon { display: block; width: 38px; height: 38px; margin: 8px 0 4px; padding: 8px; border: 1px solid var(--ptx-ui-border-strong); border-radius: 10px; background: var(--ptx-ui-surface-raised); color: var(--ptx-ui-accent); }
.inbound-scan-shell .receiving-metric-card { position: relative; padding-left: 54px !important; }
.inbound-scan-shell .receiving-metric-card::before { position: absolute; top: 14px; left: 13px; display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid var(--ptx-ui-border); border-radius: 9px; background: var(--ptx-ui-surface-raised); color: var(--ptx-ui-accent); font: 700 1.05rem/1 var(--ptx-ui-font-sans); }
.inbound-scan-shell .receiving-metric-card:nth-child(1)::before { content: '↓'; }
.inbound-scan-shell .receiving-metric-card:nth-child(2)::before { content: '▦'; }
.inbound-scan-shell .receiving-metric-card:nth-child(3)::before { content: '◔'; }
.inbound-scan-shell .receiving-metric-card:nth-child(4)::before { content: '$'; }
.inbound-scan-shell .workflow-overview-number,
.inbound-scan-shell .workflow-step-number { border: 1px solid var(--ptx-ui-border-strong); background: var(--ptx-ui-surface-raised) !important; color: var(--ptx-ui-accent) !important; box-shadow: none !important; }

/* Minimal receiving mode: retain context data in the DOM, remove the oversized hero. */
.inbound-scan-shell .receiving-breadcrumb,
.inbound-scan-shell .receiving-shell-hero { display: none !important; }
.inbound-scan-shell .receiving-overview-metrics { margin-top: 0 !important; }
.inbound-scan-shell .receiving-workflow-overview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 8px !important;
  background: transparent !important;
  border: 0 !important;
}
.inbound-scan-shell .workflow-overview-step {
  min-height: 66px;
  align-items: center;
  border-left: 4px solid var(--ptx-ui-border-strong) !important;
  background: var(--ptx-ui-surface) !important;
}
.inbound-scan-shell .workflow-overview-step[data-step-state="current"] { border-left-color: var(--ptx-ui-accent) !important; opacity: 1 !important; }
.inbound-scan-shell .workflow-overview-step[data-step-state="complete"] { border-left-color: #22c55e !important; opacity: 1 !important; }
.inbound-scan-shell .workflow-overview-step[data-step-state="pending"] { border-left-color: #eab308 !important; opacity: .78 !important; }
.inbound-scan-shell .workflow-overview-step[data-step-state="pending"] .workflow-overview-copy::after { display: none !important; }
.inbound-scan-shell .workflow-overview-title { color: var(--ptx-ui-text) !important; font-family: var(--ptx-ui-font-display) !important; font-size: .92rem !important; }
.inbound-scan-shell .workflow-overview-copy { display: none !important; }
.inbound-scan-shell .workflow-step-card { padding: 14px !important; }
.inbound-scan-shell .workflow-step-header { grid-template-columns: auto minmax(0, 1fr) auto !important; }
.inbound-scan-shell .workflow-step-copy .section-kicker,
.inbound-scan-shell .workflow-step-copy .section-subtitle,
.inbound-scan-shell .receiving-panel-header .section-kicker,
.inbound-scan-shell .receiving-panel-header .section-subtitle { display: none !important; }
.inbound-scan-shell .section-title { margin: 0 !important; color: var(--ptx-ui-text) !important; font-family: var(--ptx-ui-font-display) !important; font-size: 1.05rem !important; letter-spacing: -.02em; }
.inbound-scan-shell .workflow-step-state-pill { border-color: transparent !important; background: color-mix(in srgb, var(--ptx-ui-accent) 16%, transparent) !important; color: var(--ptx-ui-accent) !important; }
.inbound-scan-shell .receiving-selector-panel { padding: 12px !important; }
.inbound-scan-shell .receiving-selector-card { padding: 0 !important; border: 0 !important; background: transparent !important; }
.inbound-scan-shell .receiving-selector-hint { display: none !important; }
@media (max-width: 640px) { .inbound-scan-shell .receiving-workflow-overview { grid-template-columns: 1fr; } .inbound-scan-shell .workflow-step-state-pill { display: none; } }