/* Handheld fulfillment mode: scanner-first UI for tablets and small laptops. */
.fulfillment-preferences{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.fulfillment-preferences button{min-height:44px}
.fulfillment-preferences button:focus-visible{outline:3px solid #1769aa;outline-offset:3px}
@media(max-width:560px){.fulfillment-preferences button{flex:1 1 140px}}
.pick-mode-control{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px;margin:10px 0;border:2px solid #3a332f;border-radius:12px;background:#fff;color:#29231f}
.pick-mode-status{font-weight:800;padding:7px 10px;border:2px solid currentColor;border-radius:6px;letter-spacing:.02em}
.pick-mode-buttons{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.pick-mode-buttons button{min-height:44px;padding:8px 14px;border:2px solid #42362f;background:#fff;color:#29231f;font-weight:700}
.pick-mode-buttons button[aria-pressed="true"]{background:#29231f;color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.pick-mode-buttons button:focus-visible{outline:3px solid #1769aa;outline-offset:2px}
@media(max-width:600px){.pick-mode-control{align-items:stretch}.pick-mode-buttons{width:100%;margin-left:0}.pick-mode-buttons button{flex:1}}
body.tslw-handheld .final-fulfillment-tabs,body.tslw-handheld .fulfillment-step-tabs{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow-x:auto;padding:8px;background:#fffdfb;border-bottom:1px solid #eadfd9}
body.tslw-handheld .final-fulfillment-tabs button,body.tslw-handheld .fulfillment-step-tabs button{flex:0 0 auto;min-height:42px;padding:8px 12px;white-space:nowrap}
body.tslw-handheld #app{padding-bottom:76px} body.tslw-handheld .final-picking-card,body.tslw-handheld #guidedPutaway{padding:12px!important}
body.tslw-handheld .pick-wave-compact-head{display:block}
body.tslw-handheld .pick-next-location{padding:16px!important;border:2px solid #8a6547;border-radius:16px;background:#fff8f2;text-align:center}
body.tslw-handheld .pick-next-location>span,body.tslw-handheld .pick-next-location>small{display:block}
body.tslw-handheld .pick-next-location>strong{display:block;font-size:2rem;line-height:1.05;margin:5px 0}
body.tslw-handheld #finalPickLocationScan,body.tslw-handheld #finalPickScan,body.tslw-handheld #finalSingleScan,body.tslw-handheld #putawayItemScan,body.tslw-handheld #putawayLocationScan{min-height:58px;font-size:1.12rem}
body.tslw-handheld .pick-location-confirm,body.tslw-handheld .pick-scan-first,body.tslw-handheld .putaway-scan-workflow{margin:10px 0;padding:12px!important}
body.tslw-handheld .pick-current-items{overflow:visible}
body.tslw-handheld .pick-current-items table,body.tslw-handheld .pick-current-items tbody,body.tslw-handheld .pick-current-items tr,body.tslw-handheld .pick-current-items td{display:block;width:100%;box-sizing:border-box}
body.tslw-handheld .pick-current-items thead{display:none}
body.tslw-handheld .pick-current-items tr{margin:10px 0;padding:12px;border:1px solid #eadfd9;border-radius:14px;background:#fff}
body.tslw-handheld .pick-current-items td{padding:4px 0;border:0}
body.tslw-handheld .pick-current-items td:nth-child(2){font-size:1.15rem;font-weight:800;margin-top:7px}
body.tslw-handheld .pick-current-items td:nth-child(3){font-size:.9rem;color:#766b61}
body.tslw-handheld .pick-current-items td:last-child button{width:100%;margin-top:6px}
body.tslw-handheld .pick-instructions{margin-top:8px} body.tslw-handheld .putaway-pending-list{display:none}
body.tslw-handheld .putaway-item-entry{grid-template-columns:1fr}
body.tslw-handheld #putawayFindItem,body.tslw-handheld #putawayConfirmDropdown{width:100%;min-height:50px}
body.tslw-handheld #putawaySelectedItem{font-size:1.05rem;line-height:1.45}
body.tslw-handheld .sort-scan-top{grid-template-columns:1fr} body.tslw-handheld .sort-scan-primary,body.tslw-handheld .sort-scan-destination{padding:12px!important}
body.tslw-handheld .pick-bin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tslw-handheld-toggle{position:fixed;right:12px;bottom:12px;z-index:1000;min-height:44px;padding:9px 12px;border-radius:999px;box-shadow:0 4px 18px rgba(0,0,0,.18)}
@media(max-width:560px){body.tslw-handheld .final-fulfillment-tabs button,body.tslw-handheld .fulfillment-step-tabs button{font-size:.9rem;padding:7px 10px}body.tslw-handheld .pick-next-location>strong{font-size:1.7rem}body.tslw-handheld .pick-bin-grid{grid-template-columns:1fr 1fr}}

/* Handheld sorting: one decision at a time. */
body.tslw-handheld .final-sorting-card{padding:12px!important}
body.tslw-handheld .final-sorting-card>.row{display:block}
body.tslw-handheld .final-sorting-card>.row h2{margin-bottom:3px}
body.tslw-handheld .final-sorting-card>.row p{margin-top:0}
body.tslw-handheld .sort-scan-top{display:block;margin:10px 0}
body.tslw-handheld .sort-scan-primary,body.tslw-handheld .sort-scan-destination{margin:10px 0!important;border-radius:16px}
body.tslw-handheld .sort-scan-primary h3,body.tslw-handheld .sort-scan-destination h3{font-size:1rem;margin:0 0 9px}
body.tslw-handheld #finalSortItemScan,body.tslw-handheld #finalSortBinScan{min-height:62px;font-size:1.15rem}
body.tslw-handheld #finalSortPrompt.sort-destination-directive{margin-top:12px;padding:18px;text-align:center;border:2px solid #8a6547;border-radius:16px;background:#fff8f2;font-size:1rem}
body.tslw-handheld #finalSortPrompt.sort-destination-directive strong:last-of-type{display:block;margin:6px 0;font-size:2.25rem;line-height:1.05}
body.tslw-handheld #finalSortBinPrompt.alert{font-size:1.05rem;text-align:center;padding:12px}
body.tslw-handheld .sort-bin-header,body.tslw-handheld .pick-bin-grid{display:none}
body.tslw-handheld .sort-scan-destination:has(#finalSortBinScan:disabled){opacity:.58}
body.tslw-handheld .sort-scan-destination:has(#finalSortBinScan:not(:disabled)){opacity:1;border:2px solid #8a6547}
@media(max-width:560px){body.tslw-handheld #finalSortPrompt.sort-destination-directive strong:last-of-type{font-size:2rem}}

body.tslw-handheld .pick-voice-control{display:flex;align-items:center;gap:8px;margin-top:8px}
body.tslw-handheld .pick-voice-control button{min-height:44px;padding:8px 14px}
body.tslw-handheld .pick-voice-control .muted{font-size:.82rem}

body.tslw-handheld .pick-start-voice{display:block;width:100%;min-height:68px;margin:0 0 12px;padding:14px 18px;border-radius:16px;font-size:1.25rem;font-weight:800}

/* Compact picking: one current action at a time. */
body.tslw-handheld .pick-current-one{margin:10px 0;padding:14px;border:1px solid #eadfd9;border-radius:14px;background:#fff}
body.tslw-handheld .pick-current-cue{font-size:1.65rem;font-weight:900;line-height:1.05;margin:4px 0}
body.tslw-handheld .pick-current-detail{font-size:1rem;margin:3px 0 8px}
body.tslw-handheld .pick-current-destination{font-size:1.05rem;padding:9px 10px;background:#fff8f2;border-radius:10px;margin:7px 0}
body.tslw-handheld .pick-current-one button{width:auto;margin-top:6px}
body.tslw-handheld .pick-wave-compact-head>div:first-child>p,
body.tslw-handheld .pick-voice-control .muted{display:none}
body.tslw-handheld .pick-voice-control{margin-top:4px}
body.tslw-handheld .pick-location-confirm,
body.tslw-handheld .pick-scan-first,
body.tslw-handheld .pick-tote-confirm{margin:8px 0;padding:10px!important}
body.tslw-handheld #finalPickToteScan{min-height:62px;font-size:1.15rem}
body.tslw-handheld .pick-instructions{font-size:.9rem}


/* 2026-10-05: denser tablet picking layout. Keep scanner targets usable without desktop-scale vertical waste. */
body.tslw-handheld .final-picking-card{padding:8px!important}
body.tslw-handheld .pick-wave-compact-head{margin:0}
body.tslw-handheld .pick-next-location{padding:9px 12px!important;border-radius:12px;margin:4px 0 7px}
body.tslw-handheld .pick-next-location>span{font-size:.72rem;line-height:1}
body.tslw-handheld .pick-next-location>strong{font-size:1.55rem;line-height:1.05;margin:2px 0}
body.tslw-handheld .pick-next-location>small{font-size:.76rem;line-height:1.15}
body.tslw-handheld .pick-location-confirm{margin:5px 0!important;padding:7px 9px!important}
body.tslw-handheld .pick-location-confirm label{margin:0}
body.tslw-handheld .pick-location-confirm.confirmed label{font-size:.82rem}
body.tslw-handheld .pick-location-confirm.confirmed #finalPickLocationScan{display:none}
body.tslw-handheld .pick-location-confirm.confirmed #finalPickLocationFeedback{margin:2px 0 0;padding:7px 10px;font-size:.84rem;line-height:1.15}
body.tslw-handheld .pick-current-one{margin:6px 0;padding:9px 10px;border-radius:11px}
body.tslw-handheld .pick-current-one>.muted{font-size:.72rem;line-height:1.1}
body.tslw-handheld .pick-current-cue{font-size:1.25rem;line-height:1.05;margin:2px 0}
body.tslw-handheld .pick-current-detail{font-size:.88rem;line-height:1.15;margin:2px 0 5px}
body.tslw-handheld .pick-current-destination{font-size:.88rem;line-height:1.1;padding:6px 8px;margin:4px 0}
body.tslw-handheld .pick-current-one button{min-height:32px;padding:5px 10px;margin-top:3px;font-size:.78rem}
body.tslw-handheld .pick-scan-first,
body.tslw-handheld .pick-tote-confirm{margin:5px 0!important;padding:7px 9px!important}
body.tslw-handheld .pick-scan-first label,
body.tslw-handheld .pick-tote-confirm label{margin:0}
body.tslw-handheld #finalPickScan,
body.tslw-handheld #finalPickToteScan{min-height:46px!important;height:46px;font-size:1rem;padding:8px 12px}
body.tslw-handheld #finalPickFeedback,
body.tslw-handheld #finalPickToteFeedback{margin-top:5px;padding:7px 9px;font-size:.84rem;line-height:1.15}
body.tslw-handheld .pick-instructions{margin-top:4px;font-size:.8rem}
body.tslw-handheld .pick-instructions summary{padding:4px 0}
body.tslw-handheld .pick-voice-control{margin-top:2px}
body.tslw-handheld .pick-voice-control button{min-height:36px;padding:6px 10px}
@media(min-width:700px) and (max-width:1200px){
  body.tslw-handheld .fulfillment-step-tabs{padding:5px 6px;gap:4px}
  body.tslw-handheld .fulfillment-step-tabs button{min-height:36px;padding:6px 10px;font-size:.88rem}
}


/* 2026-10-05: compact one-scan sorting. */
body.tslw-handheld .final-sorting-card{padding:8px!important}
body.tslw-handheld .sort-compact-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px}
body.tslw-handheld .sort-compact-head h2{margin:0;font-size:1.15rem}
body.tslw-handheld .sort-compact-head .pill{font-size:.8rem;padding:4px 8px}
body.tslw-handheld .sort-scan-primary{margin:0!important;padding:8px!important;border-radius:12px}
body.tslw-handheld .sort-scan-primary label{margin:0}
body.tslw-handheld #finalSortItemScan{min-height:46px!important;height:46px;font-size:1rem;padding:8px 12px}
body.tslw-handheld #finalSortPrompt.sort-destination-directive{margin:7px 0 0;padding:10px 12px!important;border-radius:12px;font-size:.85rem;line-height:1.1}
body.tslw-handheld #finalSortPrompt.sort-destination-directive .muted{display:block;font-size:.7rem;margin-bottom:2px}
body.tslw-handheld #finalSortPrompt.sort-destination-directive strong{display:block;font-size:1.8rem!important;line-height:1;margin:2px 0 4px}
body.tslw-handheld #finalSortPrompt.sort-destination-directive span:last-child{display:block;font-size:.82rem}


/* 2026-10-05: assigned-bin confirmation stays compact. */
body.tslw-handheld .sort-confirm-wrap{margin-top:7px;padding-top:7px;border-top:1px solid #eadfd9}
body.tslw-handheld .sort-confirm-wrap[hidden]{display:none!important}
body.tslw-handheld .sort-confirm-wrap label{margin:0}
body.tslw-handheld #finalSortBinScan{min-height:46px!important;height:46px;font-size:1rem;padding:8px 12px}
body.tslw-handheld #finalSortBinPrompt{margin-top:5px;font-size:.82rem;line-height:1.15}
body.tslw-handheld #finalSortBinPrompt.alert{padding:7px 9px}


/* Picking item photo */
.pick-current-photo-button{display:block;margin:10px auto 12px;padding:0;border:0;background:transparent;cursor:pointer}
.pick-current-photo{display:block;width:min(260px,70vw);max-height:240px;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}

.pick-current-source{margin-bottom:8px}.fulfillment-awake-status{font-size:.85rem;align-self:center}.fulfillment-awake-status:empty{display:none}

/* Keep the item identifier readable across the room, including compact tablet mode. */
.final-picking-card .pick-current-cue{text-align:center}
.final-picking-card .pick-current-brand{display:block;font-size:1.1rem;line-height:1.3}
.final-picking-card .pick-current-code-digits{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:900;line-height:1.1;letter-spacing:.06em;overflow-wrap:anywhere;margin:6px 0;color:var(--text,#222)}
.final-picking-card .pick-current-full-code{display:block;font-size:1rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
@media(min-width:600px){
 .final-picking-card .pick-current-one .pick-current-photo-button{width:min(520px,100%);max-width:100%;padding:0;background:transparent}
 .final-picking-card .pick-current-photo{width:100%;max-width:100%;height:clamp(320px,44vh,480px);max-height:480px;object-fit:contain}
}

/* Repeat the source in the item card so it remains readable beside the photo. */
.final-picking-card .pick-current-source{display:grid;gap:5px;margin-bottom:12px;padding:14px 16px;border-radius:12px;background:#543c2c;color:#fff;overflow-wrap:anywhere}
.final-picking-card .pick-current-source-label{font-size:.8rem;font-weight:750;letter-spacing:.06em}
.final-picking-card .pick-current-source-name{display:block;font-size:clamp(1.85rem,4vw,2.5rem);font-weight:850;line-height:1.15;color:#fff}
.final-picking-card .pick-current-source-status{font-size:.95rem;line-height:1.35;color:#fff}