[hidden]{display:none!important}.zone-hotspot{cursor:pointer}.zone-hotspot:hover{filter:brightness(1.05)}
.warehouse-view{position:absolute;inset:0;z-index:5;background:#f4f8f3;border:1px solid #c8dfd0;border-radius:10px;overflow:auto;padding:18px 22px;box-shadow:0 10px 36px #1d433a20}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.detail-head h2{font-size:18px}.detail-head p{font-size:11px;color:#617b6d;margin:5px 0}.detail-head button{white-space:nowrap}.warehouse-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:11px 0}.warehouse-kpis>div,.detail-grid>div{padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #dce7de}.warehouse-kpis span,.detail-grid span{display:block;color:#72877a;font-size:10px}.warehouse-kpis strong,.detail-grid b{display:block;font-size:15px;margin-top:4px;color:#254f3d}.warehouse-view svg{width:100%;height:305px;display:block;border:1px solid #d8e5dc;border-radius:9px;background:#ecf3ed}.hall-door{fill:#fff;font-size:15px;font-weight:700}.belt-edge{stroke:#435d60;stroke-width:44;stroke-linecap:round}.belt-flow{stroke:#a4c3ac;stroke-width:7;stroke-dasharray:12 18;fill:none}.warehouse-view.running .belt-flow{animation:beltMove .5s linear infinite}@keyframes beltMove{to{stroke-dashoffset:-30}}.belt-label{fill:#315b4b;font-size:17px;font-weight:700}.sorter-text{fill:white;font-size:22px;font-weight:700}.warehouse-note{fill:#557164;font-size:12px}.warehouse-box text{font-size:12px;fill:#61472b;font-weight:700}.warehouse-jobs{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:#506b5c}.warehouse-jobs>div{background:white;border:1px solid #dce7de;border-radius:8px;padding:7px 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.warehouse-jobs b{color:#305e46}.warehouse-jobs button{padding:4px 7px}.warehouse-jobs p{width:100%;margin:0;color:#7a8c7f}
.zone-panel{position:absolute;right:14px;top:14px;bottom:14px;z-index:4;width:min(370px,calc(100% - 28px));overflow:auto;padding:17px;background:#ffffffef;backdrop-filter:blur(7px);border:1px solid #cadfd1;border-radius:13px;box-shadow:0 12px 40px #18452f36}.zone-panel .detail-head{align-items:center}.zone-panel .detail-head button{padding:6px 9px}.zone-state{padding:12px;border-radius:10px;background:#edf6f0;color:#2f7655;margin:12px 0}.zone-state.occupied{background:#fff3de;color:#8d662e}.zone-state span{display:block;font-size:11px}.zone-state strong{display:block;font-size:16px;margin-top:4px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.flight-timing,.stand-plan{margin-top:13px;padding:10px;border:1px solid #dce7de;border-radius:9px;background:#f9fbf8;font-size:12px;color:#405e4b}.flight-timing b,.stand-plan b{color:#265c43}.flight-timing p{margin:6px 0}.stand-plan>div{display:flex;justify-content:space-between;border-top:1px solid #e2ebe4;padding-top:5px;margin-top:5px}.stand-list{display:grid;gap:7px}.stand-list button{text-align:left;display:flex;justify-content:space-between}.zone-panel .hint{margin-top:11px}@media(max-width:850px){.warehouse-view{padding:10px}.warehouse-kpis{grid-template-columns:repeat(2,1fr)}.warehouse-view svg{height:250px}.zone-panel{top:6px;right:6px;bottom:6px;width:min(350px,calc(100% - 12px))}}