.staff-workspace{max-width:1100px;margin:auto}.staff-workspace .panel{padding:22px;border-radius:15px;margin-bottom:20px}.staff-task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.staff-task{display:grid;gap:10px;padding:20px;border:1px solid #cfe2e4;border-radius:13px;background:#f3faf9;min-width:0;overflow-wrap:anywhere}.staff-task strong{font-size:18px}.staff-task small{color:#53707a}.staff-task b{color:#08737b}.staff-shortcuts{display:flex;gap:12px;flex-wrap:wrap}.barcode-camera-wrap{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.barcode-camera-wrap>input{flex:1;min-width:0}.barcode-camera-button{flex:0 0 44px;width:44px;height:44px;border:1px solid #cddde1;border-radius:9px;background:#eef6f7;color:#106b75;font-size:21px;cursor:pointer}.barcode-camera-dialog{width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 30px);overflow:auto;border:0;border-radius:16px;padding:22px}.barcode-camera-dialog::backdrop{background:#092634aa}.barcode-camera-dialog video{display:block;width:100%;min-height:180px;background:#142b36;border-radius:12px;margin-block:16px}.barcode-camera-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.barcode-camera-dialog header button{width:44px;height:44px;border:0;border-radius:9px;font-size:25px}.barcode-camera-dialog p{line-height:1.8;font-size:14px}.barcode-camera-dialog .camera-error{color:#ae3e38}
@media(max-width:700px){.staff-task-list{grid-template-columns:1fr}.staff-workspace .panel{padding:16px}.staff-workspace h1{font-size:25px}.staff-mobile-layout input,.staff-mobile-layout select,.staff-mobile-layout textarea{font-size:16px!important;min-height:48px}.staff-mobile-layout .button{min-height:46px;white-space:normal;line-height:1.7}.staff-mobile-layout .main-content{padding:14px}.staff-mobile-layout .wms-trip-summary{gap:10px}.staff-mobile-layout .wms-trip-summary strong{font-size:19px}.staff-mobile-layout .wms-domain-nav{grid-template-columns:1fr 1fr}.staff-mobile-layout .wms-workspace .inline-form{flex-wrap:wrap}.staff-mobile-layout .wms-workspace .inline-form>.button{flex:1 1 45%}.staff-mobile-layout .table-wrap{overflow:auto;max-width:100%}.staff-mobile-layout .staff-shortcuts .button{width:100%}.staff-mobile-layout .page-heading{gap:12px}.staff-mobile-layout .editor-grid{grid-template-columns:1fr}}

.barcode-camera-dialog video[hidden]{display:none}.barcode-photo-button{display:block;width:100%;min-height:50px;margin-top:14px;padding:12px;border:0;border-radius:10px;background:#087480;color:white;font:inherit;cursor:pointer}.barcode-photo-button:disabled{opacity:.6}.barcode-camera-dialog input[hidden]{display:none}

.barcode-camera-dialog{width:min(520px,calc(100% - 24px));padding:22px;background:#f8fbfc;color:#142f3c;box-shadow:0 25px 100px #00101866}.barcode-camera-dialog header{margin-bottom:16px}.barcode-camera-dialog header strong{font-size:19px}.barcode-camera-dialog header button{background:#e7eff2;color:#214553}.barcode-scan-scene{position:relative;height:340px;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at center,#123d46,#04171f);isolation:isolate}.barcode-camera-dialog .barcode-scan-scene video,.barcode-scan-photo{position:absolute;inset:0;width:100%;height:100%;margin:0;min-height:0;object-fit:cover;border-radius:0}.barcode-scan-photo{object-fit:contain}.barcode-camera-dialog [hidden]{display:none!important}.barcode-scan-frame{position:absolute;width:82%;height:36%;top:32%;inset-inline-start:9%;border:1px solid #8fffea66;border-radius:15px;box-shadow:0 0 0 500px #00101866,0 0 28px #2effd51a;z-index:2;pointer-events:none;background:linear-gradient(#67ffe2,#67ffe2) top left/28px 3px no-repeat,linear-gradient(#67ffe2,#67ffe2) top left/3px 28px no-repeat,linear-gradient(#67ffe2,#67ffe2) top right/28px 3px no-repeat,linear-gradient(#67ffe2,#67ffe2) top right/3px 28px no-repeat,linear-gradient(#67ffe2,#67ffe2) bottom left/28px 3px no-repeat,linear-gradient(#67ffe2,#67ffe2) bottom left/3px 28px no-repeat,linear-gradient(#67ffe2,#67ffe2) bottom right/28px 3px no-repeat,linear-gradient(#67ffe2,#67ffe2) bottom right/3px 28px no-repeat}.barcode-scan-laser{position:absolute;inset-inline:7px;height:2px;top:12%;background:#9bffe9;box-shadow:0 0 9px #55ffd1,0 0 22px #18e2c9;animation:barcode-sweep 2.4s ease-in-out infinite}.barcode-scan-laser:before{content:'';position:absolute;inset-inline:0;bottom:0;height:36px;background:linear-gradient(transparent,#5bffda33)}.barcode-scan-badge{position:absolute;top:16px;inset-inline-start:16px;z-index:3;max-width:calc(100% - 32px);padding:7px 12px;border:1px solid #a2ffde33;border-radius:30px;background:#08212bd9;color:#b7ffe8;font-size:12px;line-height:1.6}.barcode-scan-guide{position:absolute;bottom:24px;inset-inline:18px;text-align:center;color:#ddfdf5;font-size:13px;z-index:3;line-height:1.8}.barcode-scan-placeholder{position:absolute;inset:43% 30%;background:repeating-linear-gradient(90deg,#9aebde88 0 3px,transparent 3px 6px,#9aebde88 6px 7px,transparent 7px 10px);opacity:.5}.barcode-camera-dialog[data-mode=live] .barcode-scan-placeholder,.barcode-camera-dialog[data-mode=reading] .barcode-scan-placeholder,.barcode-camera-dialog[data-mode=success] .barcode-scan-placeholder,.barcode-camera-dialog[data-mode=error] .barcode-scan-placeholder{display:none}.barcode-camera-dialog[data-mode=idle] .barcode-scan-laser,.barcode-camera-dialog[data-mode=loading] .barcode-scan-laser,.barcode-camera-dialog[data-mode=error] .barcode-scan-laser{animation:none;opacity:.25}.barcode-camera-dialog[data-mode=success] .barcode-scan-frame{border-color:#6ef6a0;box-shadow:0 0 0 500px #00101866,0 0 28px #54ff9377}.barcode-camera-dialog[data-mode=success] .barcode-scan-laser{animation:none;background:#91ffb7;box-shadow:0 0 20px #54ff93}.barcode-scan-result{display:block;border:1px solid #b6ead1;border-radius:10px;background:#e5f9ef;text-align:center;font:700 21px monospace;letter-spacing:2px;padding:13px;margin-top:12px;overflow-wrap:anywhere;direction:ltr}.barcode-scan-controls{display:flex;gap:14px;align-items:center}.barcode-scan-controls button{min-height:44px;padding:10px 14px;border:1px solid #cddde2;border-radius:9px;background:white;color:#1b5261;font:inherit}.barcode-scan-controls input{flex:1;min-width:0;accent-color:#098574}.barcode-camera-dialog p{font-size:13px;line-height:1.9;margin:15px 0 0}.barcode-camera-dialog .barcode-photo-button{font-weight:700}.barcode-scan-controls button[aria-pressed=true]{background:#d5f4e8;border-color:#339a7d}@keyframes barcode-sweep{0%,100%{top:10%}50%{top:90%}}@media(max-width:600px){.barcode-camera-dialog{padding:16px;border-radius:20px}.barcode-scan-scene{height:min(46dvh,360px);min-height:235px}.barcode-camera-dialog header strong{font-size:17px}}@media(prefers-reduced-motion:reduce){.barcode-scan-laser{animation:none}}