.picking-shell{max-width:1380px;padding-bottom:70px}.picking-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 18px}.picking-heading h1{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em;margin:6px 0 12px}.picking-heading .eyebrow{color:#627391;text-transform:uppercase;font-size:.72rem;font-weight:800;letter-spacing:.16em}.picking-heading-actions,.picking-line-actions,.picking-box-form-actions{display:flex;gap:10px;flex-wrap:wrap}.picking-hint{color:#697990;line-height:1.55;font-size:.9rem;margin:6px 0}.picking-cache{display:flex;gap:18px;justify-content:space-between;color:#66758e;font-size:.83rem;margin:12px 0 20px}.picking-workspace{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(400px,1.15fr);gap:20px;align-items:start}.picking-page .panel{padding:24px;border:1px solid #dce3ec;border-radius:18px;box-shadow:0 8px 30px #18294406;background:#fff}.picking-panel-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:20px}.picking-panel-heading h2{font-size:1.15rem;letter-spacing:-.02em;margin:0}.picking-step{display:grid;place-items:center;border-radius:11px;background:#eef2fa;color:#375b96;min-width:36px;height:36px;font-weight:800;font-size:.85rem}.picking-detail-column{display:grid;gap:20px}.picking-lines{display:grid;gap:9px;max-height:800px;overflow:auto;padding:2px}.picking-line{display:grid;grid-template-columns:54px 1fr;gap:12px;width:100%;padding:14px;text-align:left;background:#fff;border:1px solid #e2e7ef;border-radius:12px;color:#1b2a43;cursor:pointer}.picking-line:hover{background:#f7f9ff}.picking-line[aria-pressed=true]{border-color:#5078bb;box-shadow:0 0 0 2px #416caa14;background:#f5f8ff}.picking-line img,.picking-line-image{width:54px;height:60px;object-fit:contain;background:#f4f6f9;border-radius:7px}.picking-line-content{min-width:0;display:grid;gap:5px}.picking-line strong{font-size:.88rem;line-height:1.4;overflow-wrap:anywhere}.picking-shelf{color:#386397;font-size:.74rem;font-weight:800;letter-spacing:.05em}.picking-line small{font-size:.75rem;color:#6a7790}.picking-line .picking-state{display:inline-block;width:fit-content;border-radius:6px;padding:3px 7px;background:#edf1f8;color:#526582;font-size:.72rem}.picking-state[data-status=picked],.picking-state[data-status=packed]{background:#e5f5ee;color:#26754f}.picking-state[data-status=missing]{background:#fff0e5;color:#a66022}.picking-scan-form,.picking-quantity-row{display:flex;gap:8px;align-items:center}.picking-scan-form{margin-bottom:10px}.picking-scan-form input{flex:1;min-width:0}.picking-page input,.picking-page select{border:1px solid #d5deeb;background:#fff;color:#1b2a43;border-radius:8px;padding:11px;min-height:43px;max-width:100%;font:inherit}.picking-page button:disabled{opacity:.48;cursor:not-allowed}.picking-page input:focus-visible,.picking-page select:focus-visible,.picking-page button:focus-visible{outline:3px solid #83a9e0;outline-offset:2px}.picking-scan-result{font-size:.86rem;margin:12px 0;line-height:1.5;color:#37577e}.picking-selected{border-top:1px solid #e5e9f0;margin-top:18px;padding-top:18px}.picking-selected h3{font-size:1rem;margin:0 0 7px;overflow-wrap:anywhere}.picking-selected label,.picking-box-form label{display:grid;gap:7px;color:#64738a;font-size:.79rem;font-weight:650}.picking-quantity-row{margin:8px 0 12px}.picking-quantity-row input{width:85px}.picking-choices{display:grid;gap:6px}.picking-order{padding:16px;background:#f7f9fc;border:1px solid #e5eaf2;border-radius:11px;margin-top:10px}.picking-order h3{font-size:.89rem;margin:0 0 8px;overflow-wrap:anywhere}.picking-order .picking-hint{font-size:.8rem;margin:8px 0 12px}.picking-order select{width:100%;margin:7px 0 10px}.picking-order button{margin-right:8px}.picking-box-panel{margin-top:22px}.picking-boxes{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.picking-box{flex:1;min-width:200px;max-width:400px;padding:14px;border:1px solid #e0e6ef;border-radius:12px;display:grid;gap:8px}.picking-box strong{font-size:.9rem}.picking-box small{color:#6a7891}.picking-box>div{display:flex;gap:7px}.picking-box-form{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;border-top:1px solid #e4e9f1;padding-top:20px}.picking-box-form input{width:100%}.picking-box-form-actions{grid-column:1/-1}.picking-pending{padding:15px 20px;background:#fff7e9;border:1px solid #ebd9b8;border-radius:12px;margin-bottom:18px}.picking-pending p{margin:0 0 10px;color:#7b622f}.picking-empty{padding:24px 8px;color:#6c7a91;line-height:1.6;text-align:center}#pickingVideo{margin-top:12px;width:100%;max-height:260px;border-radius:12px;background:#13233b}.picking-page [hidden]{display:none!important}.picking-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.picking-workspace{grid-template-columns:1fr}.picking-heading{align-items:flex-start;flex-direction:column}.picking-lines{max-height:460px}.picking-box-form{grid-template-columns:repeat(2,minmax(0,1fr))}.picking-box-form label:first-child{grid-column:1/-1}.picking-cache{flex-direction:column;gap:5px}.picking-page .panel{padding:18px}}@media(max-width:480px){.picking-scan-form{flex-wrap:wrap}.picking-scan-form input{flex-basis:100%}.picking-heading-actions{width:100%}.picking-heading-actions>*{flex:1}.picking-box{max-width:none}.picking-line{grid-template-columns:44px 1fr;padding:10px}.picking-line img,.picking-line-image{width:44px;height:50px}}

.picking-shipping-controls{display:grid;gap:8px;margin-bottom:16px}.picking-shipping-controls label{font-size:.85rem;font-weight:650}.picking-shipping-controls p{margin:0;color:#5d4c34;font-size:.85rem}.picking-shipping-controls small{color:#697990;font-size:.76rem;line-height:1.45}.picking-deadline{width:fit-content;max-width:100%;padding:4px 7px;border-radius:6px;background:#f1f3f7;color:#526078;font-size:.74rem;line-height:1.45}.picking-deadline[data-urgency=overdue]{background:#ffebeb;color:#982c35;font-weight:700}.picking-deadline[data-urgency=today]{background:#fff1d5;color:#805618;font-weight:700}