.warehouse-widget{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;padding:16px}.warehouse-widget.theme-dark{background:#2c3e50;border-color:#34495e;color:#fff}.widget-controls button{font-size:14px;padding:6px 12px}@media (max-width:768px){.warehouse-widget{padding:12px}.widget-controls{gap:8px;padding:8px}.widget-controls button{font-size:13px;min-width:32px;padding:5px 10px}.scale-info{font-size:13px}.state-legend{gap:10px;padding:8px}.legend-item{font-size:11px}}.draw-engine{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;position:relative}.draw-engine.theme-dark{background:#2c3e50;border-color:#34495e;color:#fff}.widget-controls{align-items:center;background:#f8f9fa;border-radius:4px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:10px;position:absolute;right:0;z-index:50}.theme-dark .widget-controls{background:#34495e}.widget-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:24px;font-weight:500;min-width:36px;padding:0 6px;transition:all .2s ease}.theme-dark .widget-controls button{background:#4a6278;border-color:#5d6d7e;color:#fff}.widget-controls button:hover{background:#e9ecef;transform:translateY(-1px)}.theme-dark .widget-controls button:hover{background:#5d6d7e}.widget-controls button:active{transform:translateY(0)}.scale-info{color:#666;font-size:14px;font-weight:500;margin-left:auto}.theme-dark .scale-info{color:#bbb}.canvas-container{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.theme-dark .canvas-container{background:#34495e;border-color:#34495e}.warehouse-canvas{background:transparent;cursor:pointer;display:block;width:100%}.selection-info{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;font-size:14px;line-height:1.4;margin-top:10px;padding:12px}.theme-dark .selection-info{background:#1a5276;border-left-color:#3498db;color:#fff}.selection-info strong{color:#1976d2}.theme-dark .selection-info strong{color:#3498db}.selection-info small{color:#666;font-size:12px}.theme-dark .selection-info small{color:#bbb}.state-legend{background:#f8f9fa;border-radius:4px;display:flex;flex-wrap:wrap;gap:15px;margin-top:10px;padding:10px}.theme-dark .state-legend{background:#34495e}.legend-item{align-items:center;display:flex;font-size:12px;gap:6px}.legend-color{border:1px solid rgba(0,0,0,.1);border-radius:2px;height:12px;width:12px}.legend-color.busy{background:#3498db}.legend-color.free{background:#2ecc71}.legend-color.failure{background:#e74c3c}.legend-color.reserved{background:#f39c12}.legend-color.unknown{background:#95a5a6}.theme-dark .legend-color{border-color:hsla(0,0%,100%,.1)}@media (max-width:768px){.draw-engine{padding:12px}.widget-controls{gap:8px;padding:8px}.widget-controls button{font-size:13px;min-width:32px;padding:5px 10px}.scale-info{font-size:13px}.state-legend{gap:10px;padding:8px}.legend-item{font-size:11px}}@media (max-width:480px){.widget-controls{align-items:stretch;flex-direction:column}.widget-controls button{flex:1}.scale-info{margin-left:0;margin-top:5px;text-align:center}}.box-info{background-color:#fff;border:1px solid #e1e1e1;max-height:100%;max-width:90%;min-height:550px;position:absolute;width:400px;z-index:100}.box-info .box-header{color:#1d2123;font-family:Montserrat,sans-serif;font-size:25px!important;font-weight:600;line-height:155%;padding:25px}.box-info .footer{bottom:0;display:flex;margin-bottom:25px;padding-top:10px;width:100%}.box-info td{padding-top:25px}.box-info .left{float:left}.box-info .right{float:right}.box-info .footer .left,.box-info .footer .right{width:50%}.box-info .footer .right button{float:right;margin-right:25px;right:0}.box-info .footer .left{margin-left:25px}.box-info .params{padding:25px}.box-info .params table{width:100%}.box-info .params td{width:50%}.box-info .footer button{border-radius:2px;cursor:pointer;gap:10px;height:54px;opacity:1;padding:18px 26px;width:160px}.box-info .footer button:hover{background-color:#7acc1a!important}.box-info .footer button.bordered{background-color:#fff;border:1px solid #62bc00;color:#1d2123}.box-info .footer button.active{background-color:#62bc00;border:1px solid #62bc00;color:#fff}.box-info .footer button.disabled{background-color:#657168;border:1px solid #657168;color:#fff}.box-info .params .param-name{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;line-height:145%}.box-info .params .param-value{font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;line-height:145%;vertical-align:middle}.box-info .close-btn{cursor:pointer}.box-info .close-btn:hover{border:1px solid #d3d3d3}.box-info .params .param-value .status{background-color:#f7f8fa;font-size:14px;font-weight:400;line-height:140%;padding:10px 10px 10px 16px}.box-info .params .param-value .status svg{margin-right:10px}.create-order{background-color:#fff;border:1px solid #e1e1e1;max-height:100%;max-width:90%;min-height:550px;position:absolute;width:400px;z-index:100}.create-order .create-order-header{color:#1d2123;font-family:Montserrat,sans-serif;font-size:25px!important;font-weight:600;height:30px;line-height:25px;margin-bottom:35px;padding:25px}.create-order .create-order-header .left{max-width:300px}.create-order .footer{bottom:0;display:flex;margin-bottom:25px;margin-top:10px;width:100%}.create-order td{padding-top:25px}.create-order .left{float:left}.create-order .right{float:right}.create-order .footer .left,.create-order .footer .right{width:50%}.create-order .footer .right button{float:right;margin-right:25px;right:0}.create-order .footer .left{margin-left:25px}.create-order .footer button{border-radius:2px;cursor:pointer;gap:10px;height:54px;opacity:1;padding:18px 26px;width:160px}.create-order .footer button:hover{background-color:#7acc1a!important}.create-order .footer button.bordered{background-color:#fff;border:1px solid #62bc00;color:#1d2123}.create-order .footer button.active{background-color:#62bc00;border:1px solid #62bc00;color:#fff}.create-order .footer button.disabled{background-color:#657168;border:1px solid #657168;color:#fff}.create-order .params .param-name{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;line-height:145%}.create-order .params .param-value{font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;line-height:145%;vertical-align:middle}.create-order .close-btn{cursor:pointer}.create-order .close-btn:hover{border:1px solid #d3d3d3}.create-order .body .form-input{display:grid;font-family:Roboto,sans-serif;padding:0 20px 20px}.create-order .body .form-input label{margin-bottom:5px}.create-order .body .form-input input{border:1px solid #700175;border-radius:2px;font-size:16px;height:40px;padding:0 10px}.create-order .body .form-input .input-disabled{background-color:#d3d3d3;border:1px solid #700175;font-size:16px;padding:10px}.create-order .error{color:red}.create-order .error,.create-order .success{font-family:Roboto,sans-serif;padding:0 25px}.create-order .success{color:#700175;font-size:18px}.wh-widget-safebox .floors-wrp{margin-bottom:10px}.wh-widget-safebox .floors{display:ruby}.wh-widget-safebox .floors .floor-item{color:#700175;cursor:pointer;font-family:Montserrat,sans-serif;font-size:25px;font-weight:600;line-height:155%;margin-right:20px;white-space:nowrap}.wh-widget-safebox .floors .floor-item.selected{color:#62bc00;text-decoration:underline}.legend-wrp{margin-bottom:10px}.legend{display:ruby}.legend .legend-item{padding:10px 20px 10px 0}.legend .legend-item span{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;line-height:145%}