.warehouse-scene{isolation:isolate;pointer-events:none;--scene-trim:#9dbcc7;--scene-zone:#c9dce3;--scene-zone-opacity:.1;width:100%;height:100%;min-height:300px;position:relative;overflow:hidden}.warehouse-scene[data-accent=pink]{--scene-trim:#ff0073}.warehouse-scene[data-accent=teal]{--scene-trim:#00a8c8}.warehouse-scene[data-mode=inbound]{--scene-zone:#00a8c8;--scene-zone-opacity:.2}.warehouse-scene[data-mode=outbound]{--scene-zone:#ff0073;--scene-zone-opacity:.18}.warehouse-scene[data-mode=quarantine]{--scene-zone:#3d5c68;--scene-zone-opacity:.2}.warehouse-canvas{opacity:0;width:100%;height:100%;transition:opacity .7s cubic-bezier(.22,.61,.36,1);display:block;position:absolute;inset:0}.warehouse-scene[data-state=live] .warehouse-canvas{opacity:1}.warehouse-scene[data-state=fallback] .warehouse-canvas{opacity:0}.warehouse-fallback{opacity:1;pointer-events:none;width:100%;height:100%;transition:opacity .7s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0}.warehouse-scene[data-state=live] .warehouse-fallback{opacity:0}.warehouse-scene[data-state=live] .warehouse-fallback .wf-pulse,.warehouse-scene[data-state=live] .warehouse-fallback .wf-scan{animation-play-state:paused}.warehouse-vignette{pointer-events:none;background:radial-gradient(122% 108% at 50% 44%,#f4f9fb00 58%,#eef6f957 100%);position:absolute;inset:0}.warehouse-fallback .wf-zone{opacity:.55;transition:opacity .62s cubic-bezier(.22,.61,.36,1)}.warehouse-scene[data-mode=overview] .wf-zone{opacity:.66}.warehouse-scene[data-mode=inbound] .wf-zone,.warehouse-scene[data-mode=outbound] .wf-zone,.warehouse-scene[data-mode=quarantine] .wf-zone{opacity:.16}.warehouse-scene[data-mode=inbound] .wf-zone--inbound,.warehouse-scene[data-mode=outbound] .wf-zone--outbound,.warehouse-scene[data-mode=quarantine] .wf-zone--quarantine{opacity:1}.warehouse-fallback .wf-zone-wash{fill:var(--scene-zone);opacity:var(--scene-zone-opacity);transition:fill .7s,opacity .7s}.warehouse-fallback .wf-trim{transition:fill .52s,stroke .52s}.warehouse-fallback .wf-pulse{opacity:0}.wf-pulse--in{animation:7.5s linear infinite wf-route-in}.wf-pulse--out{animation:9s linear .8s infinite wf-route-out}.wf-pulse--scan{animation:5.4s linear 1.6s infinite wf-route-scan}.wf-scan{animation:2.8s ease-in-out infinite wf-scan-glow}.warehouse-fallback[data-paused=true] .wf-pulse,.warehouse-fallback[data-paused=true] .wf-scan{animation-play-state:paused}@keyframes wf-route-in{0%{opacity:0;transform:translate(252px,668px)}12%{opacity:.95}82%{opacity:.55}to{opacity:0;transform:translate(646px,592px)}}@keyframes wf-route-out{0%{opacity:0;transform:translate(560px,640px)}14%{opacity:.95}78%{opacity:.5}to{opacity:0;transform:translate(986px,596px)}}@keyframes wf-route-scan{0%{opacity:0;transform:translate(872px,522px)}24%{opacity:.9}62%{opacity:.9}to{opacity:0;transform:translate(944px,588px)}}@keyframes wf-scan-glow{0%,to{opacity:.28}46%{opacity:.92}}@media (width<=767px){.warehouse-scene{min-height:280px}.warehouse-vignette{background:radial-gradient(130% 108% at 50% 46%,#f4f9fb00 60%,#eef6f961 100%)}}@media (prefers-reduced-motion:reduce){.warehouse-fallback .wf-pulse,.warehouse-fallback .wf-scan{animation:none}.warehouse-fallback .wf-pulse{opacity:.55;transform:translate(420px,636px)}.warehouse-fallback .wf-pulse--out{transform:translate(760px,616px)}.warehouse-fallback .wf-pulse--scan{transform:translate(906px,548px)}.warehouse-canvas,.warehouse-fallback{transition:none}}@media (scripting:none){.warehouse-fallback .wf-pulse,.warehouse-fallback .wf-scan{animation:none}}