.warehouse-operations-frame,.warehouse-operations-reference{position:relative;width:100%;overflow:hidden;box-sizing:border-box;background:radial-gradient(ellipse at 50% 0,#07374955,transparent 70%),#001c28;color:#dce9ed;font:400 12px/1.35 'Segoe UI',sans-serif}
:is(.warehouse-operations-frame,.warehouse-operations-reference,.warehouse-operations-dialog) *{box-sizing:border-box}
:is(.warehouse-operations-frame,.warehouse-operations-reference,.warehouse-operations-dialog) [hidden],.warehouse-operations-overlay[hidden]{display:none!important}
:is(.warehouse-operations-frame,.warehouse-operations-reference,.warehouse-operations-dialog) button{font-family:'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;line-height:1.3;min-height:0;max-width:none;margin:0;box-shadow:none;cursor:pointer;color:inherit}
:is(.warehouse-operations-frame,.warehouse-operations-reference,.warehouse-operations-dialog) button:focus-visible,:is(.warehouse-operations-frame,.warehouse-operations-dialog) select:focus-visible{outline:2px solid #f7d58b;outline-offset:2px}
:is(.warehouse-operations-frame,.warehouse-operations-reference,.warehouse-operations-dialog) h2,:is(.warehouse-operations-frame,.warehouse-operations-reference,.warehouse-operations-dialog) h3,:is(.warehouse-operations-frame,.warehouse-operations-reference,.warehouse-operations-dialog) h4,:is(.warehouse-operations-frame,.warehouse-operations-reference,.warehouse-operations-dialog) p{margin:0;padding:0;letter-spacing:0}
:is(.warehouse-operations-frame,.warehouse-operations-reference) .wo-board{position:relative;width:1280px;height:560px;margin:0 auto;padding:9px 15px 7px;overflow:hidden;transform-origin:top center}
:is(.warehouse-operations-frame,.warehouse-operations-reference) .wo-title{display:flex;align-items:center;gap:13px;background:none;border:0;padding:0;margin:0}
:is(.warehouse-operations-frame,.warehouse-operations-reference) .wo-title h2{font:600 28px/34px 'Segoe UI',sans-serif;color:#e7eceb;white-space:nowrap}
:is(.warehouse-operations-frame,.warehouse-operations-reference) .wo-title>small{display:block;font:400 8px/14px 'Segoe UI',sans-serif;padding:5px 9px;background:#062537;border:1px solid #1e4b62;border-radius:4px;color:#b8d0db;white-space:nowrap}
.warehouse-operations-frame .wo-dashboard-grid{display:grid;grid-template-columns:2.08fr 1fr;gap:11px;height:540px}
.warehouse-operations-frame .wo-map-column,.warehouse-operations-frame .wo-data-column{min-width:0}
.warehouse-operations-frame .wo-map-column>.wo-title{height:72px;margin-bottom:5px}
.warehouse-operations-frame .wo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:478px;height:63px;margin-left:auto;flex-shrink:0}
.warehouse-operations-frame .wo-metrics>button{display:flex;align-items:flex-start;gap:9px;text-align:left;padding:9px 8px;border:1px solid #23546a;border-radius:6px;background:linear-gradient(120deg,#073449,#052536);min-width:0}
.warehouse-operations-frame .wo-metrics .wo-icon{width:24px;height:26px;flex-shrink:0;color:#39bed1;background:#0a3f56;border-radius:5px;padding:2px}
.warehouse-operations-frame .wo-metrics .wo-kpi-1 .wo-icon{color:#37cfb6}.warehouse-operations-frame .wo-metrics .wo-kpi-2 .wo-icon{color:#ef7892}.warehouse-operations-frame .wo-metrics .wo-kpi-3 .wo-icon{color:#f2cb7a}
.warehouse-operations-frame .wo-metrics small{display:block;font-size:9px;white-space:nowrap;margin-bottom:5px}
.warehouse-operations-frame .wo-metrics strong{display:block;font-size:22px;line-height:25px;font-weight:650;color:#eff0e9}
.warehouse-operations-frame .wo-kpi-3{background:linear-gradient(120deg,#514c2d77,#163a44)!important;border-color:#746b48!important}
.warehouse-operations-frame .wo-map{position:relative;width:100%;height:405px;border:1px solid #254d62;border-radius:5px;background:#072738;box-shadow:inset 0 0 0 5px #113344;padding:6px;overflow:hidden}
.warehouse-operations-frame .wo-map-art{width:100%;height:100%;position:relative}
.warehouse-operations-frame .wo-map-svg{display:block;width:100%;height:100%}
.warehouse-operations-frame .wo-zone{position:absolute;background:linear-gradient(110deg,#154d6a,#06324a);border:1px solid #32769b;border-radius:4px;font-size:10px;padding:4px 2px;text-align:center;white-space:nowrap;box-shadow:0 2px 7px #00141b88}
.warehouse-operations-frame .wo-zone-receiving,.warehouse-operations-frame .wo-zone-shipping{background:linear-gradient(110deg,#4e4e37,#253e47);border-color:#9f965f;font-size:8px}
.warehouse-operations-frame .wo-zone-packing{background:linear-gradient(110deg,#3d3a5f,#17354d)}
.warehouse-operations-frame .wo-map-search{position:absolute;right:10px;top:10px;width:24px;height:24px;padding:0;border:1px solid #28667b;border-radius:4px;background:#073348cc;color:#c8e9ed;font-size:22px;line-height:21px}
.warehouse-operations-frame .wo-map-legend{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin-top:9px;padding:0 3px;background:none;border:0;font-size:7px;line-height:15px}
.warehouse-operations-frame .wo-map-legend>span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.warehouse-operations-frame .wo-map-legend i{display:block;width:16px;height:18px;flex-shrink:0;border:1px solid #4592b3;border-radius:2px;background:#07598b}
.warehouse-operations-frame .wo-map-legend .wo-legend-empty{border:1px dashed #a2b7c1;background:transparent}
.warehouse-operations-frame .wo-map-legend .wo-legend-locked{border-color:#df7b91;background:#8f425c88}
.warehouse-operations-frame .wo-map-legend .wo-legend-walk{width:25px;height:11px;background:#29795b;border-color:#458e6b}
.warehouse-operations-frame .wo-map-legend .wo-legend-receiving{background:#365b8a}
.warehouse-operations-frame .wo-map-legend .wo-legend-storage{background:#164e86}
.warehouse-operations-frame .wo-map-legend .wo-legend-picking{background:#0e5d62;border-color:#39a6ad}
.warehouse-operations-frame .wo-map-legend .wo-legend-packing{background:#69517b;border-color:#987fb0}
.warehouse-operations-frame .wo-map-legend .wo-legend-shipping{background:#756139;border-color:#ba9c56}
.warehouse-operations-frame .wo-filter-state{display:flex;align-items:center;gap:10px;font-size:10px;margin:8px;color:#b4d0db}
.warehouse-operations-frame .wo-filter-state button{font-size:10px;border:0;background:none;color:#efd087;padding:0}
.warehouse-operations-frame .wo-data-column{display:grid;grid-template-rows:216px 1fr;gap:9px}
.warehouse-operations-frame .wo-panel{border:1px solid #29556b;border-radius:7px;background:radial-gradient(ellipse at 25% 0,#0f3c4b55,transparent 80%),#032332;padding:7px 8px;overflow:hidden;min-width:0}
.warehouse-operations-frame .wo-panel h3{display:flex;align-items:center;justify-content:space-between;gap:7px;font:600 14px/20px 'Segoe UI',sans-serif;color:#e5ebeb;margin:0 0 7px;white-space:nowrap}
.warehouse-operations-frame .wo-panel select{font:400 8px/14px 'Segoe UI',sans-serif;border:1px solid #244d62;border-radius:4px;background:#062a3b;color:#d5e4eb;min-height:0;width:auto;max-width:110px;padding:3px 5px;margin:0;height:23px}
.warehouse-operations-frame table{width:100%;border-collapse:collapse;table-layout:auto;background:none;margin:0;color:#d9e6ed;font:400 9px/13px 'Segoe UI',sans-serif}
.warehouse-operations-frame td,.warehouse-operations-frame th{padding:5px 4px;border:1px solid #183d50;text-align:center;vertical-align:middle;white-space:nowrap;height:auto}
.warehouse-operations-frame th{font-weight:400;font-style:normal;background:#0c3549;white-space:normal;font-size:8px;line-height:12px}
.warehouse-operations-frame td button{display:block;border:0;background:none;padding:0;width:100%;font-size:inherit;line-height:inherit;text-align:inherit;color:inherit;white-space:nowrap}
.warehouse-operations-frame .wo-tasks td{height:28px;padding:4px}
.warehouse-operations-frame .wo-tasks td:nth-child(2){text-align:left}
.warehouse-operations-frame .wo-tasks td:nth-child(2)>button{display:flex;align-items:center;gap:5px;font-size:8px}
.warehouse-operations-frame .wo-tasks .wo-icon{width:19px;height:19px;flex-shrink:0;color:#39d8bd}
.warehouse-operations-frame .wo-tasks tr:nth-child(2) .wo-icon,.warehouse-operations-frame .wo-tasks tr:nth-child(5) .wo-icon{color:#26c3e8}
.warehouse-operations-frame .wo-tasks tr:nth-child(3) .wo-icon{color:#f3d275}
.warehouse-operations-frame .wo-owner{border:1px solid #5e8794;padding:0 2px;border-radius:2px;font-size:8px}
.warehouse-operations-frame .wo-tasks .wo-task-status{font-size:8px;line-height:13px;border:1px solid #3d6375;border-radius:4px;padding:2px 5px;background:#123d50}
.warehouse-operations-frame .wo-tasks .wo-status-running{background:#07519b;border-color:#0e6dca;color:#9bd6ff}
.warehouse-operations-frame .wo-tasks .wo-status-completed{background:#008b76;border-color:#0bbd9a;color:#b6ffe8}
.warehouse-operations-frame .wo-counts td{font-size:8px;padding:4px 3px;line-height:13px}
.warehouse-operations-frame .wo-counts th{font-size:7px;line-height:11px;padding:5px 3px}
.warehouse-operations-frame .wo-selected-row{background:#0b3849aa}
:is(.warehouse-operations-frame,.warehouse-operations-reference,.warehouse-operations-dialog) .wo-red{color:#f77885}
:is(.warehouse-operations-frame,.warehouse-operations-dialog) .wo-gold{color:#ecd48e}
.warehouse-operations-frame .wo-approved-tag{display:block;font:400 6px/9px 'Segoe UI',sans-serif;color:#57d6af;white-space:nowrap}
.warehouse-operations-frame .wo-count-detail{margin-top:5px;border:1px solid #28536a;border-radius:4px;background:#0a2e42;padding:5px 6px;min-height:94px}
.warehouse-operations-frame .wo-evidence-heading{display:flex;justify-content:space-between;align-items:center;gap:3px;width:100%;background:none;border:0;padding:0;font-size:7px;line-height:13px;text-align:left}
.warehouse-operations-frame .wo-evidence-heading b{font-weight:400;color:#ef6b80}
.warehouse-operations-frame .wo-evidence-caption{display:block;margin:5px 15px 3px;font-size:7px;color:#c5dae2}
.warehouse-operations-frame .wo-evidence-photos{display:flex;gap:7px;margin-left:15px;height:57px}
.warehouse-operations-frame .wo-evidence-photos>button{position:relative;width:83px;height:57px;border:1px solid #487084;border-radius:3px;padding:0;overflow:hidden;background:#18394b}
:is(.warehouse-operations-frame,.warehouse-operations-reference,.warehouse-operations-dialog) .wo-physical{display:block;width:100%;height:100%;pointer-events:none}
.warehouse-operations-frame .wo-bin-label{position:absolute;left:31%;top:45%;width:32%;font-size:5px;line-height:7px;color:#152c3e;background:#e6edf0;text-align:center;padding:1px}
.warehouse-operations-frame .wo-carton-label{position:absolute;left:37%;top:57%;width:29%;font-size:4.5px;line-height:6px;color:#172b3a;background:#f1f0e9;text-align:center}
.warehouse-operations-frame .wo-carton-label small{display:block;font-size:4.5px}
.warehouse-operations-frame .wo-count-paper>span{position:absolute;left:27%;right:14%;top:28%;font-size:5px;line-height:7px;color:#24394a;text-align:center}
.warehouse-operations-frame .wo-count-paper>span small,.warehouse-operations-frame .wo-count-paper>span b{display:block;font-size:5px;font-weight:400}
.warehouse-operations-frame .wo-no-evidence{padding:13px 8px;color:#a8c5d2;font-size:10px;line-height:16px}
.warehouse-operations-frame .wo-empty{padding:22px 8px!important;white-space:normal!important;font-size:11px!important;color:#9fbfce;text-align:center!important}
.warehouse-operations-reference .wo-title{height:52px;justify-content:space-between;margin-bottom:9px;padding:0 5px}
.warehouse-operations-reference .wo-title>small{background:none;border-radius:8px;font-size:10px;padding:7px 18px}
.warehouse-operations-reference .wo-story-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;height:360px}
.warehouse-operations-reference .wo-story-step{position:relative;min-width:0;height:360px;border:1px solid #397891;border-radius:12px;background:radial-gradient(ellipse at 50% 0,#0d435a88,transparent 65%),#022335;box-shadow:inset 0 0 0 2px #001c2b,inset 0 0 0 3px #7dc8df20,inset 1px 1px 7px #73c9df22,0 6px 8px #0005}
.warehouse-operations-reference .wo-story-step:not(:last-child):after{content:'→';position:absolute;right:-20px;top:149px;z-index:9;font:500 35px 'Segoe UI',sans-serif;color:#efd486;text-shadow:1px 1px 0 #664d20,0 0 5px #e9bd5644}
.warehouse-operations-reference .wo-step-heading{position:relative;z-index:5;display:flex;justify-content:flex-start;align-items:flex-start;gap:14px;height:79px;padding:10px 13px 0;margin:0;background:none;border:0}
.warehouse-operations-reference .wo-step-heading>b{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:2px solid #e4c77f;border-radius:50%;font:500 23px/28px 'Segoe UI',sans-serif;color:#f6d795;background:radial-gradient(circle,#153b42,#05232f)}
.warehouse-operations-reference .wo-step-heading h3{font:600 15px/22px 'Segoe UI',sans-serif;white-space:nowrap;color:#e8eeeb;margin-bottom:5px}
.warehouse-operations-reference .wo-step-heading p{font:400 10px/15px 'Segoe UI',sans-serif;color:#d5e4e9}
.warehouse-operations-reference .wo-rack-backdrop{position:absolute;left:0;right:0;bottom:0;height:275px;border-radius:0 0 10px 10px;overflow:hidden}
.warehouse-operations-reference .wo-rack-backdrop svg{position:absolute;left:-65px;width:430px;height:275px;max-width:none}
.warehouse-operations-reference .wo-area-label{position:absolute;left:40px;top:103px;z-index:3;font-size:10px;padding:4px 7px;background:linear-gradient(110deg,#0d4862,#06304a);border:1px solid #51788a;color:#d7e8ef;rotate:-6deg}
.warehouse-operations-reference .wo-shelf-label{position:absolute;z-index:3;border:1px solid #8ea5a8;background:#e9ece4;color:#1d455f;font-size:9px;padding:5px 4px;box-shadow:0 2px 4px #001c2f66}
.warehouse-operations-reference .wo-shelf-0{left:30px;top:178px}.warehouse-operations-reference .wo-shelf-1{left:83px;top:183px;border-color:#94eea9;box-shadow:0 0 9px #8aff9b}
.warehouse-operations-reference .wo-shelf-2{left:27px;top:264px}.warehouse-operations-reference .wo-shelf-3{left:82px;top:269px}
.warehouse-operations-reference .wo-location-glass{position:absolute;right:9px;top:92px;width:105px;height:239px;z-index:4;padding:9px;border:1px solid #68a4b6;border-radius:8px;background:linear-gradient(120deg,#164a5dcc,#06354ce8);box-shadow:inset 0 0 0 2px #75a8b030,0 5px 8px #00172177;text-align:left}
.warehouse-operations-reference .wo-location-glass>.wo-physical{height:54px;margin-bottom:5px}
.warehouse-operations-reference .wo-location-glass>strong{display:block;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;margin-bottom:15px}
.warehouse-operations-reference .wo-location-glass dl{margin:0;font-size:9px;line-height:14px}
.warehouse-operations-reference dd{margin:0}
.warehouse-operations-reference .wo-location-glass dt{font-size:8px;color:#b3ced7;margin-top:9px}
.warehouse-operations-reference .wo-green{color:#4ce0af}
.warehouse-operations-reference .wo-worker-backdrop{position:absolute;left:0;right:0;top:78px;bottom:0;opacity:.42;overflow:hidden;border-radius:0 0 10px 10px}
.warehouse-operations-reference .wo-worker-backdrop svg{width:410px;height:290px;max-width:none;position:absolute;left:-65px;bottom:0}
.warehouse-operations-reference .wo-worker-phone{position:absolute;left:-30px;bottom:-1px;width:224px;height:263px;z-index:2}
.warehouse-operations-reference .wo-worker-tablet{position:absolute;left:-33px;bottom:0;width:230px;height:271px;z-index:2}
.warehouse-operations-reference .wo-uniform-mark{position:absolute;left:53px;bottom:56px;font:600 18px 'Segoe UI',sans-serif;color:#bacad5;rotate:4deg}
.warehouse-operations-reference .wo-worker-tablet .wo-uniform-mark{left:52px;bottom:67px}
.warehouse-operations-reference .wo-task-location-tag,.warehouse-operations-reference .wo-count-location-tag{position:absolute;top:117px;left:70px;z-index:3;background:#e9e4d5;border:1px solid #bcac88;color:#203d50;font-size:11px;padding:5px 7px;rotate:-4deg}
.warehouse-operations-reference .wo-task-glass{position:absolute;right:7px;top:105px;width:151px;height:226px;z-index:4;padding:10px 9px;border:1px solid #63b2bf;border-radius:7px;background:linear-gradient(120deg,#0c4c5edb,#063747ef);box-shadow:inset 0 0 0 2px #6ec1c42a,0 5px 8px #00182166;text-align:left}
.warehouse-operations-reference .wo-task-glass>header,.warehouse-operations-reference .wo-count-glass>header,.warehouse-operations-reference .wo-approval-glass>header{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:0;margin:0 0 11px;background:none;border:0;font:500 10px/15px 'Segoe UI',sans-serif;white-space:nowrap}
.warehouse-operations-reference .wo-task-glass header b{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;font-size:12px;background:#39d9b0;color:#004f45}
.warehouse-operations-reference .wo-task-item{display:flex;align-items:center;gap:7px;border:1px solid #23566b;border-radius:4px;padding:5px;margin-bottom:8px;font-size:8px}
.warehouse-operations-reference .wo-task-item svg{width:32px;height:36px;flex-shrink:0}
.warehouse-operations-reference .wo-task-item strong{display:block;margin-top:4px;font-size:11px;font-weight:500}
.warehouse-operations-reference .wo-task-glass dl{display:grid;grid-template-columns:48px 1fr;gap:13px 7px;font-size:8px;line-height:13px}
.warehouse-operations-reference .wo-task-done{display:flex;align-items:center;gap:6px;margin-top:14px;padding:7px 5px;border:1px solid #74e2af;border-radius:4px;background:linear-gradient(110deg,#b3f4a9,#68e9b1);color:#05554c;font-size:8px;line-height:14px;font-weight:500;white-space:nowrap}
.warehouse-operations-reference .wo-task-done i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#07576a;color:#c8ffdc;font-style:normal;font-size:18px}
.warehouse-operations-reference .wo-count-glass{position:absolute;right:5px;top:92px;width:157px;height:256px;z-index:4;border:1px solid #4f9da9;border-radius:6px;padding:9px;background:linear-gradient(115deg,#0e4254ed,#063347ed);text-align:left;box-shadow:inset 0 0 0 2px #7cbcc125}
.warehouse-operations-reference .wo-count-glass>header{font-size:9px;margin-bottom:9px}
.warehouse-operations-reference .wo-count-glass>header strong{font-size:8px;font-weight:400}
.warehouse-operations-reference .wo-count-glass dl{display:grid;grid-template-columns:74px 1fr;font-size:8px;line-height:16px;gap:5px 4px;margin:0 0 9px}
.warehouse-operations-reference .wo-count-glass dt,.warehouse-operations-reference .wo-count-glass dd{padding:3px 0;border-bottom:1px solid #2b4c5c}
.warehouse-operations-reference .wo-count-glass dd{position:relative;font-size:9px}
.warehouse-operations-reference .wo-count-glass dd i{position:absolute;right:1px;top:3px;width:13px;height:13px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#dd555a;color:white;font-size:10px}
.warehouse-operations-reference .wo-count-glass dd.wo-difference{font-size:18px;color:#f46a75;line-height:17px;font-weight:500}
.warehouse-operations-reference .wo-count-glass>small{display:block;font-size:8px;line-height:13px}
.warehouse-operations-reference .wo-story-count-photos{display:flex;gap:6px;height:45px;margin-top:4px}
.warehouse-operations-reference .wo-story-count-photos>svg{width:62px;height:45px;padding:2px;border:1px solid #447a8c;border-radius:3px;background:#285164}
.warehouse-operations-reference .wo-count-glass>footer{background:none;border:0;padding:0;margin-top:5px;font-size:7px;color:#b9d7df}
.warehouse-operations-reference .wo-count-location-tag{left:57px;top:122px;z-index:1}
.warehouse-operations-reference .wo-supervisor{position:absolute;left:-30px;bottom:-1px;width:322px;height:255px;z-index:2}
.warehouse-operations-reference .wo-approval-glass{position:absolute;right:8px;top:96px;width:183px;height:239px;z-index:4;border:1px solid #63afbc;border-radius:6px;padding:9px;background:linear-gradient(120deg,#0b4b63ed,#063044f2);box-shadow:inset 0 0 0 2px #76b6c52b;text-align:left}
.warehouse-operations-reference .wo-approval-glass>header{font-size:9px;margin-bottom:9px}
.warehouse-operations-reference .wo-approval-glass>header b{font-size:8px;font-weight:500;background:#75e8b5;color:#075343;border:1px solid #86efc4;border-radius:3px;padding:4px 6px}
.warehouse-operations-reference .wo-approval-glass dl{display:grid;grid-template-columns:73px 1fr;gap:6px 4px;font-size:7px;line-height:12px;margin:0}
.warehouse-operations-reference .wo-approval-glass dd{font-size:7px;white-space:nowrap}
.warehouse-operations-reference .wo-adjustment-doc{display:flex;gap:7px;align-items:center;border-top:1px solid #39758a;padding-top:9px;margin:9px 0 10px}
.warehouse-operations-reference .wo-adjustment-doc .wo-icon{display:block;width:24px;height:29px;flex-shrink:0;color:#c0ebed}
.warehouse-operations-reference .wo-adjustment-doc small{display:block;font-size:7px}
.warehouse-operations-reference .wo-adjustment-doc strong{display:block;font-size:9px;line-height:15px;font-weight:500;white-space:nowrap;margin-top:3px}
.warehouse-operations-reference .wo-approval-done{display:block;font:500 8px/16px 'Segoe UI',sans-serif;color:#4ee8b0;margin-top:9px;text-align:center}
.warehouse-operations-reference .wo-story-benefits{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px;height:94px;margin-top:14px}
.warehouse-operations-reference .wo-story-benefits>button{display:flex;align-items:center;gap:23px;min-width:0;padding:9px 20px;text-align:left;border:1px solid #23596e;border-radius:10px;background:linear-gradient(110deg,#083447,#022334);box-shadow:inset 0 0 7px #5a9dad18}
.warehouse-operations-reference .wo-benefit-icon{display:block;width:61px;height:64px;flex-shrink:0}
.warehouse-operations-reference .wo-story-benefits>button>span{display:block;flex:1;min-width:0}
.warehouse-operations-reference .wo-story-benefits strong{font:600 15px/21px 'Segoe UI',sans-serif;display:block;white-space:nowrap;color:#eef0e9;margin-bottom:6px}
.warehouse-operations-reference .wo-story-benefits p{font:400 10.5px/15px 'Segoe UI',sans-serif;white-space:normal;color:#c1d6de}
.warehouse-operations-reference.wo-motion .wo-shelf-1{animation:wo-location-glow 4s ease-in-out infinite}
@keyframes wo-location-glow{50%{box-shadow:0 0 16px #a0ffb0}}
@media(prefers-reduced-motion:reduce){.warehouse-operations-reference .wo-shelf-1{animation:none!important}}
.warehouse-operations-overlay{position:fixed;inset:0;z-index:1200;display:flex;padding:12px;background:#00131cad}
.warehouse-operations-dialog{position:relative;width:min(700px,94vw);height:fit-content;min-height:0;max-height:88vh;margin:auto;overflow:auto;padding:20px 24px;border:1px solid #5a95aa;border-radius:12px;background:linear-gradient(125deg,#0b3c51,#052637);box-shadow:0 20px 80px #0009;color:#deebef;font:400 14px/1.5 'Segoe UI',sans-serif}
.warehouse-operations-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px;padding:0;border:0;background:none}
.warehouse-operations-dialog h3{font:600 21px/28px 'Segoe UI',sans-serif;color:#ecd6a7}
.warehouse-operations-dialog p{font:400 14px/21px 'Segoe UI',sans-serif;margin:10px 0}
.warehouse-operations-dialog button{border:1px solid #528697;border-radius:5px;background:#0b485e;padding:7px 12px;font-size:13px}
.warehouse-operations-dialog button[data-warehouse-operations-close]{padding:1px 9px;font-size:24px;line-height:28px}
.warehouse-operations-dialog label{display:flex;flex-direction:column;gap:7px;margin:12px 0;font:400 14px/21px 'Segoe UI',sans-serif;color:#dbe7ec}
.warehouse-operations-dialog input,.warehouse-operations-dialog select{font:400 14px/20px 'Segoe UI',sans-serif;background:#042637;color:#e2eef1;border:1px solid #528197;border-radius:4px;padding:8px;min-height:0;max-width:none;width:100%;margin:0;box-shadow:none}
.warehouse-operations-dialog .wo-checkbox{flex-direction:row;align-items:center;gap:10px}
.warehouse-operations-dialog .wo-checkbox input{width:17px;height:17px;flex-shrink:0;padding:0;accent-color:#35c5a6}
.warehouse-operations-dialog dl{display:grid;grid-template-columns:215px 1fr;gap:8px 12px;margin:12px 0;font-size:14px}
.warehouse-operations-dialog dt{color:#a2c2cf}.warehouse-operations-dialog dd{margin:0}
.warehouse-operations-dialog ol{padding-left:22px;margin:12px 0;font:400 14px/22px 'Segoe UI',sans-serif}
.warehouse-operations-dialog .wo-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.warehouse-operations-dialog .wo-dialog-note{font-size:11px;border-top:1px solid #335666;margin:14px 0 0;padding-top:10px;color:#99bcca}
.warehouse-operations-dialog [role=alert]{color:#ffb3ad}
.warehouse-operations-dialog .wo-large-evidence{position:relative;height:240px;width:100%;padding:8px;border:1px solid #345c6d;background:#103446;border-radius:7px}
.warehouse-operations-dialog .wo-large-evidence>span{position:absolute;left:35%;top:55%;width:31%;padding:3px;background:#e8efed;color:#20394b;font-size:13px;text-align:center}
:is(.warehouse-operations-frame,.warehouse-operations-reference) .wo-asset-probe{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
/* Clip physical scenes to their own glass panels; connectors live outside the cards. */
.warehouse-operations-reference .wo-story-flow{position:relative}
.warehouse-operations-reference .wo-story-step{overflow:hidden}
.warehouse-operations-reference .wo-story-step:not(:last-child):after{display:none}
.warehouse-operations-reference .wo-flow-arrows{position:absolute;inset:0;z-index:9;pointer-events:none}
.warehouse-operations-reference .wo-flow-arrows>span{position:absolute;top:149px;font:500 35px 'Segoe UI',sans-serif;color:#f0d58a;text-shadow:1px 2px 0 #624719,0 0 5px #e6bc5744}
.warehouse-operations-reference .wo-flow-arrows>span:nth-child(1){left:calc(25% - 11px)}
.warehouse-operations-reference .wo-flow-arrows>span:nth-child(2){left:calc(50% - 10px)}
.warehouse-operations-reference .wo-flow-arrows>span:nth-child(3){left:calc(75% - 8px)}
.warehouse-operations-reference .wo-worker-phone{bottom:0}
.warehouse-operations-reference .wo-worker-tablet{left:-10px;width:211px;height:280px;bottom:0}
.warehouse-operations-reference .wo-worker-tablet .wo-uniform-mark{left:29px;bottom:67px}
.warehouse-operations-reference .wo-supervisor{bottom:0}
.warehouse-operations-reference .wo-benefit-icon{filter:drop-shadow(1px 3px 2px #0005)}