.picker-main{max-width:1200px;margin:auto;padding:24px}.picker-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}.picker-form,.picker-proposal{display:grid;gap:12px}.picker-form label,.picker-proposal label,.picker-fields label{display:grid;gap:6px}.picker-form input,.picker-form select,.picker-form textarea,.picker-proposal input,.picker-proposal select,.picker-fields input{width:100%;min-width:0;box-sizing:border-box}.picker-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.picker-actions{display:flex;gap:10px;flex-wrap:wrap}.picker-proposal{margin-top:20px;padding:18px;border:1px solid #c7ddcf;border-radius:16px;background:#f1f8f4}.picker-order-list{display:grid;gap:12px;max-height:700px;overflow:auto}.picker-order{padding:14px;border:1px solid #e2e8e4;border-radius:14px;display:grid;gap:7px;overflow-wrap:anywhere}.picker-order strong{display:block}.picker-order small{color:#657369}.picker-order header{display:flex;justify-content:space-between;gap:8px}.picker-order-actions{display:flex;gap:8px}.picker-main>.panel{margin-top:20px}.picker-account-row{display:flex;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid #e2e8e4}.picker-main button{min-height:44px}.picker-main .panel{min-width:0}.picker-main h1{font-size:28px}#picker-proposal[hidden],#picker-workspace[hidden],#picker-login[hidden],#picker-account-panel[hidden],#picker-reason-label[hidden]{display:none!important}@media(max-width:760px){.picker-main{padding:14px}.picker-grid{grid-template-columns:minmax(0,1fr)}.picker-fields{grid-template-columns:minmax(0,1fr)}.picker-actions>button{flex:1;min-width:140px}.picker-order-list{max-height:none}.topbar-actions{flex-wrap:wrap}.picker-main .panel{padding:16px}}

#picker-workspace .topbar{padding-block:10px;gap:12px}
#picker-workspace .topbar-brand{flex:1 1 220px;align-items:flex-start}
#picker-workspace .topbar-brand>div:last-child{min-width:0}
#picker-workspace #picker-name{display:block;font-size:1rem;font-weight:800;color:var(--ink);line-height:1.5;overflow-wrap:anywhere}
#picker-workspace #picker-identity{display:block;font-size:.78rem;line-height:1.6;overflow-wrap:anywhere}
#picker-workspace .topbar-actions{flex-wrap:wrap}
.picker-workflow-hint,.picker-form-hint{color:var(--muted);font-size:.86rem;line-height:1.8;margin:8px 0 16px}
.picker-form label small{font-weight:400;color:var(--muted)}
.picker-form input,.picker-form select,.picker-form textarea,.picker-proposal input,.picker-proposal select,.picker-fields input{font:inherit;font-size:16px;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfb;color:var(--ink)}
.picker-form input:focus,.picker-form select:focus,.picker-form textarea:focus,.picker-proposal input:focus,.picker-proposal select:focus,.picker-fields input:focus{outline:2px solid var(--green-2);outline-offset:2px}
.picker-form input::placeholder{font-size:.85rem}
.picker-actions button{padding:12px 16px;border-radius:12px}
.picker-actions .primary{margin-top:0}
#picker-order-form{scroll-margin-top:160px}
@media(max-width:760px){
 #picker-workspace .topbar{flex-wrap:wrap}
 #picker-workspace .topbar-brand{flex-basis:100%}
 #picker-workspace .topbar-actions{width:100%;justify-content:flex-end}
 .picker-main .page-heading{align-items:flex-start;flex-direction:column;gap:0}
 #picker-sync{font-size:.8rem;color:var(--muted)}
 .picker-workflow-hint{margin-bottom:6px}
 .picker-actions{flex-direction:column}
 .picker-actions>button{width:100%;min-width:0}
 .picker-main{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}

.picker-delivery-card{padding:14px;border:1px solid #c7ddcf;border-radius:14px;background:#f1f8f4}
.picker-delivery-card h3{margin:0;font-size:1rem}
.picker-delivery-card button{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:white;font:inherit}
.picker-delivery-card p{font-size:.82rem;line-height:1.7;margin:8px 0}
.picker-route-values,.picker-fee-bands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.picker-route-values>span,.picker-fee-bands>span{padding:10px;background:white;border-radius:10px;min-width:0;font-size:.8rem;overflow-wrap:anywhere}
.picker-route-values strong,.picker-fee-bands b{display:block;margin-top:6px;color:var(--green)}
.picker-fee-bands{margin-top:12px}
#picker-delivery-result[hidden]{display:none!important}
@media(max-width:420px){.picker-fee-bands{grid-template-columns:minmax(0,1fr)}.picker-fee-bands>span{display:flex;justify-content:space-between;gap:8px}.picker-fee-bands b{margin:0}}

#picker-order-entry[hidden],#picker-receipt[hidden]{display:none!important}
.picker-receipt{padding:14px;border-radius:12px;background:var(--green-soft);color:var(--green);line-height:1.8}
#toast.toast{top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);width:max-content;max-width:calc(100vw - 32px);text-align:center;pointer-events:none;z-index:1000;padding:16px 22px;border-radius:14px;background:#07583a;color:white;box-shadow:0 12px 40px #0003;line-height:1.6}
#toast.toast.toast-error{background:#9b2633}

#picker-route-hint[hidden]{display:none!important}
.picker-archive-panel{margin-top:20px}.invoice-preview{display:block;width:min(100%,260px);max-height:320px;object-fit:contain;border:1px solid #dce7e1;border-radius:12px}.invoice-preview[hidden]{display:none}.invoice-dialog{width:min(92vw,760px);max-height:90dvh;padding:20px;border:1px solid #dce7e1;border-radius:18px;overflow:auto}.invoice-dialog::backdrop{background:rgba(0,20,12,.6)}.invoice-image{display:block;max-width:100%;height:auto;margin:14px auto;border:1px solid #dce7e1;border-radius:10px}.invoice-dialog label{display:grid;gap:8px;margin:12px 0}.invoice-dialog input{max-width:100%}.picker-archive-panel input{min-width:0}.picker-order>button{align-self:start;margin-top:8px}
/* One mobile-sized workspace, with sections selected instead of a long page. */
html,body{width:100%;max-width:100%;overflow-x:hidden}#picker-workspace{height:100dvh;display:flex;flex-direction:column;overflow:hidden}#picker-workspace>.topbar{position:static;flex-shrink:0}.picker-main{width:100%;box-sizing:border-box;flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain}.picker-grid{grid-template-columns:minmax(0,1fr)}.picker-tabs{position:sticky;top:-1px;z-index:10;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 0;background:var(--bg,#f7f9f7);margin-bottom:8px}.picker-tabs button{min-width:0;min-height:44px;padding:8px 4px;border-radius:10px;border:1px solid var(--line);background:#fff;font:inherit;font-size:.9rem}.picker-tabs button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}#picker-entry-panel[hidden],#picker-orders-panel[hidden],#picker-archive-panel[hidden]{display:none!important}.picker-main>.picker-archive-panel{margin-top:0}.picker-order-list{max-height:none;overflow:visible}.invoice-camera-actions{display:flex;gap:8px}.invoice-camera-actions button{width:100%;border:1px solid var(--green);background:var(--green-soft);color:var(--green);border-radius:10px;padding:10px;font:inherit;font-weight:700}.invoice-preview{width:100%;height:110px;max-height:110px}.invoice-saved-image{margin-bottom:16px}.invoice-saved-image>button{min-height:44px;color:#9b2633}.invoice-dialog{box-sizing:border-box;max-width:calc(100vw - 20px)}.picker-camera-dialog{box-sizing:border-box;position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:14px;border:0;background:#102019;color:#fff}.picker-camera-dialog[open]{display:flex;flex-direction:column;gap:12px}.picker-camera-dialog::backdrop{background:#102019}.picker-camera-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.picker-camera-dialog button{font:inherit;min-height:46px;padding:10px 14px;border:0;border-radius:10px}.picker-camera-dialog #picker-camera-status{margin:0;font-size:.9rem;line-height:1.6;flex-shrink:0}.picker-camera-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;border-radius:12px}.picker-camera-stage video,.picker-camera-stage img{width:100%;height:100%;object-fit:contain}.picker-camera-stage [hidden],.picker-camera-dialog [hidden]{display:none!important}.picker-camera-dialog footer{display:flex;gap:8px;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.picker-camera-dialog footer button{flex:1;min-width:0}.picker-camera-dialog button.primary{margin:0;background:#147e55;color:#fff}
@media(max-width:760px){#picker-workspace .topbar{padding:8px 12px;flex-wrap:nowrap;gap:8px}#picker-workspace .topbar-brand{flex:1;min-width:0;flex-basis:auto}#picker-workspace .topbar-actions{width:auto;flex-wrap:nowrap;gap:6px}#picker-workspace .topbar-actions button{padding:8px;font-size:.8rem}#picker-workspace .topbar-brand .brand-mark{display:none}#picker-workspace #picker-name{font-size:.9rem}#picker-workspace #picker-identity{font-size:.7rem}.picker-main{padding:0 10px calc(12px + env(safe-area-inset-bottom))}.picker-main>.page-heading{display:none}.picker-main .panel{padding:12px}.picker-main .panel-head{margin-bottom:10px}.picker-form{gap:8px}.picker-form input,.picker-form select,.picker-form textarea{min-height:44px;padding:9px}.picker-form label{font-size:.85rem;gap:4px}.picker-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.picker-workflow-hint,.picker-form-hint{font-size:.76rem;margin:4px 0 8px}.picker-delivery-card{padding:10px}.picker-delivery-card .picker-fee-bands{display:none}.picker-actions{flex-direction:row;gap:8px}.picker-actions>button{width:auto;flex:1;padding:10px;font-size:.86rem}.picker-proposal{margin-top:10px;padding:12px}.picker-archive-panel .picker-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-archive-panel .picker-fields label:first-child{grid-column:1/-1}.picker-archive-panel .picker-fields button{grid-column:1/-1}}

/* Fixed mobile viewport; vertical scrolling stays inside the active section. */
html{touch-action:pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{padding-bottom:0;overscroll-behavior:none}
#picker-workspace{width:100%;max-width:100%;min-width:0}
#picker-login input,#picker-workspace input,#picker-workspace select,#picker-workspace textarea,.invoice-dialog input{font-size:16px;min-width:0;max-width:100%}
.picker-main,.picker-main label,.picker-main section,.picker-main form{min-width:0}
.picker-main{overflow-x:hidden}
.picker-main textarea{resize:none}
.picker-order-actions,.picker-account-row{flex-wrap:wrap}
.picker-order-actions>*{min-width:0;max-width:100%}
@media(max-width:760px){
 #picker-workspace>.topbar{height:auto;min-height:0;padding:calc(8px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
 #picker-workspace .topbar-brand{width:100%}
 #picker-workspace .topbar-brand>div:last-child{width:100%}
 #picker-workspace .topbar-brand strong{display:none}
 #picker-workspace .topbar-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}
 #picker-workspace .topbar-actions>*{min-height:40px;display:flex;align-items:center;padding:6px 10px;font-size:.8rem;text-decoration:none}
 .picker-main{padding-inline:max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-left))}
 #picker-login .login-card h1{font-size:clamp(1.2rem,6vw,1.7rem)}
 #picker-login{padding-inline:max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-left))}
}
@media(max-width:360px){.picker-fields,.picker-archive-panel .picker-fields{grid-template-columns:minmax(0,1fr)}.picker-route-values{grid-template-columns:minmax(0,1fr)}}

#picker-location-status{color:#b42318;font-weight:700}
.picker-assignment{margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;min-width:0}.picker-drivers-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem}.picker-drivers-head h3{margin:0;font-size:1rem}.picker-drivers-head small{font-size:.7rem;color:var(--muted)}.picker-assignment-hint{margin:6px 0;font-size:.75rem;color:var(--muted)}.picker-drivers-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:8px;max-width:100%}.picker-driver{min-width:0;padding:8px;border:1px solid var(--line);border-radius:10px;font-size:.8rem;line-height:1.5;overflow-wrap:anywhere}.picker-driver strong{display:block}.picker-driver-state{color:#657369}.picker-driver-state.online{color:#07583a}.picker-driver-state.delayed{color:#946200}.picker-driver-load{font-weight:700;display:block}.picker-driver-load.full{color:#b42318}.picker-driver a,.picker-driver small{display:block;font-size:.72rem}.picker-driver small{color:var(--muted)}.picker-driver button{min-height:32px;padding:4px 10px;font-size:.75rem}.picker-driver button:disabled{opacity:.5}.picker-drivers-list>p{margin:0;font-size:.8rem;color:var(--muted)}.picker-assignment .picker-proposal{margin-top:12px}@media(min-width:900px){.picker-drivers-list{grid-template-columns:repeat(4,minmax(0,1fr))}}


.picker-change-dialog{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--line);border-radius:16px;padding:16px}.picker-change-dialog::backdrop{background:#0006}.picker-change-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.picker-change-dialog label{display:grid;gap:8px}.picker-change-dialog select,.picker-change-dialog button{min-height:44px;max-width:100%}.picker-change-dialog>.primary{width:100%;margin-top:12px}

/* Payment correction fields stay touch-friendly and respect invoice visibility. */
.picker-change-dialog [hidden]{display:none!important}
.picker-change-dialog input{width:100%;min-width:0;min-height:44px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;font:inherit}

/* Shared Salla review queue; retain the existing mobile layout and intake draft. */
.picker-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}#picker-salla-panel[hidden],#picker-salla-editor[hidden],#picker-salla-proposal[hidden]{display:none!important}#picker-salla-message{color:#b42318;font-weight:600}.salla-location-check{display:flex;align-items:center;gap:10px}.salla-location-check input{width:22px;height:22px;flex-shrink:0}#picker-salla-proposal select{width:100%;min-height:46px}#picker-salla-map{display:block;margin:12px 0}#picker-salla-map[hidden]{display:none}

/* Salla review opens in the top layer, independently of queue scroll position. */
.picker-salla-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:18px;border:1px solid var(--line);border-radius:18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;font-size:16px}
.picker-salla-dialog .panel-head{position:sticky;top:-18px;z-index:1;margin:-18px -18px 12px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--line)}
.picker-salla-dialog h3{margin:0;font-size:1.1rem}.picker-salla-dialog p{overflow-wrap:anywhere;line-height:1.7}.picker-salla-dialog button{font:inherit;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.picker-salla-dialog button.primary{width:100%;margin:0;background:var(--green);color:#fff;border-color:var(--green)}
.picker-salla-dialog label{display:grid;gap:8px}.picker-salla-dialog input:not([type=checkbox]),.picker-salla-dialog select{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:16px}
.picker-salla-dialog .salla-location-check{display:flex;align-items:center;gap:10px;line-height:1.6}.picker-salla-dialog .salla-location-check input{width:22px;height:22px;margin:0;flex:0 0 22px}.picker-salla-dialog .picker-order-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:12px}.picker-salla-dialog button:disabled{opacity:.55}
.picker-salla-dialog::backdrop{background:rgba(6,25,17,.65)}

.picker-order .salla-external-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:4px 10px;border:1px solid #fecdca;border-radius:8px;background:#fef3f2;color:#b42318;font-weight:800;line-height:1.5;white-space:nowrap}

/* Separate shipping queue, with five compact tabs that fit the mobile viewport. */
.picker-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.picker-tabs button{font-size:.82rem;overflow-wrap:anywhere}.picker-tabs [data-picker-tab="salla-external"],.salla-external-heading{color:#b42318}.picker-tabs [data-picker-tab="salla-external"][aria-pressed=true]{background:#b42318;border-color:#b42318;color:#fff}#picker-salla-external-panel[hidden]{display:none!important}

.picker-order small.salla-dispatch-warning{color:#b42318;font-weight:700}

.google-login{margin-top:12px;width:100%;background:#fff;color:#1f2937;border:1px solid #cbd5e1;min-height:44px}.google-login[hidden]{display:none}#picker-google-link-status{font-size:12px;max-width:220px}

#picker-workspace .topbar-actions>[hidden]{display:none}#picker-google-link-status:empty{display:none}

.picker-route-status{margin:8px 0;padding:10px 12px;border:1px solid #cbd5d1;border-radius:10px;background:#f7faf8;color:#34483c;font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}.picker-route-status[hidden]{display:none!important}.picker-route-status.is-conflict{border-color:#d97706;background:#fff7e6;color:#783c06;font-weight:700}
.picker-route-dialog{width:min(480px,calc(100vw - 24px));max-width:none;max-height:90dvh;padding:20px;border:2px solid #d97706;border-radius:20px;background:#fff;color:#182e23;overflow:auto;box-sizing:border-box;line-height:1.7;box-shadow:0 20px 70px #0005}.picker-route-dialog::backdrop{background:rgba(8,21,14,.72)}.picker-route-dialog .picker-route-heading{display:grid;gap:10px;margin-bottom:12px}.picker-route-dialog h3{margin:0;font-size:1.15rem;line-height:1.6}.picker-route-badge{justify-self:start;background:#ffedd5;color:#9a3412;border:1px solid #fdba74;border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:800}.picker-route-driver{font-size:1.05rem;font-weight:800;margin:12px 0}.picker-route-card{padding:14px;border:1px solid #d3ddd7;background:#f4f7f5;border-radius:13px;margin:12px 0;overflow-wrap:anywhere}.picker-route-dialog h4{margin:0 0 8px;font-size:.85rem;color:#465b4e}.picker-route-dialog ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.picker-route-dialog li+li{border-top:1px solid #ccd7d0;padding-top:12px}.picker-route-dialog li>*{display:block}.picker-route-dialog small{display:block;color:#465b4e;font-size:.85rem}.picker-route-dialog a{display:block;width:fit-content;color:#07583a;text-decoration:underline;padding:8px 0;font-weight:700}.picker-route-dialog a[hidden]{display:none}.picker-route-new{background:#fff;border:2px solid #8bbca1}.picker-route-new p{margin:4px 0}.picker-route-impact{padding:14px;border:1px solid #e6b570;border-inline-start:5px solid #c66a08;background:#fff7e8;border-radius:12px;color:#783c06}.picker-route-impact>strong{display:block;font-size:.95rem}.picker-route-impact>span{display:block;font-size:1.2rem;font-weight:800;margin:6px 0}.picker-route-impact p{margin:0;font-size:.85rem}.picker-route-note{color:#465b4e;font-size:.8rem;margin:12px 0}.picker-route-dialog .picker-order-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;position:sticky;bottom:-20px;background:#fff;padding:12px 0 2px}.picker-route-dialog .picker-order-actions button{width:100%;min-height:50px;margin:0;border-radius:12px;white-space:normal;font:inherit;font-weight:800;padding:10px;border:2px solid #07583a;background:#fff;color:#07583a}.picker-route-dialog #picker-route-continue{background:#07583a;color:#fff}.picker-route-dialog button:focus-visible,.picker-route-dialog a:focus-visible{outline:3px solid #d97706;outline-offset:3px}@media(max-width:360px){.picker-route-dialog{padding:14px}.picker-route-dialog .picker-order-actions{bottom:-14px}}

/* Neighborhood destination visibility — no extra confirmation step. */
.picker-neighborhood-status{padding:10px 12px;background:#edf7ef;border-right:3px solid #227647;border-radius:8px;font-weight:700;color:#164b2e;overflow-wrap:anywhere}
.picker-driver .picker-destinations{width:100%;list-style:none;padding:0;margin:8px 0 0;display:grid;gap:7px}
.picker-driver-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.picker-driver-heading>strong{flex:1;min-width:0}.picker-driver .picker-driver-distance{flex:0 0 auto;max-width:50%;text-align:left;font-size:.65rem;line-height:1.4;margin:0;color:var(--muted)}.picker-driver-distance>span,.picker-driver-distance>bdi{display:block}.picker-driver-distance>bdi{white-space:nowrap}
.picker-destinations li{border:1px solid #e0e8e2;border-radius:8px;padding:8px;background:#f8fbf9;display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.picker-destinations li>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px}.picker-destinations li strong{color:#205b39}.picker-destinations li small{font-size:12px;color:#56635b}.picker-destinations a{font-size:12px}.picker-destinations-note{width:100%;font-size:12px;color:#68746c;margin:6px 0}.picker-route-status .picker-destinations{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.picker-destination-address{white-space:normal}