/* Mobile design tokens shared by current and legacy operational forms. */
:root{--ux-surface:#111e28;--ux-subtle:#172833;--ux-text:#e8f1f6;--ux-muted:#b1c4d0;--ux-accent:#c2deed;--ux-radius:12px;--ux-space:16px;--ux-vh:100dvh;--ux-head:68px;--ux-nav:72px;--ux-status:0px;--ux-preview:0px}
.ux-file-input,.ux-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;min-height:0!important}.ux-native-photo-label{display:none!important}.ux-photo-controls{display:flex;gap:10px;margin:12px 0 18px}.ux-photo-controls>button{flex:1;min-height:52px;white-space:normal}.ux-caption{color:var(--ux-muted);font-size:13px;line-height:1.4;margin:10px 0}.ux-preview-entries{padding:0 0 16px;border-bottom:1px solid #ffffff12;margin-bottom:12px}.ux-preview-link{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--ux-accent);background:#1b3342;border:0;font-weight:650}.ux-preview-shortcut{display:flex;justify-content:space-between;width:100%;margin:12px 0 24px;background:transparent;border:0;color:var(--ux-accent);text-align:left}.ux-more>button,.ux-more details>button,.ux-action-list>button,.ux-preview-entries details>button,.ux-role-picker>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;min-height:52px;background:transparent;border:0;border-bottom:1px solid #ffffff0b;border-radius:0}.ux-more small{display:block}.ux-more summary,.ux-preview-entries summary,.ux-more-actions summary{min-height:48px;padding:14px 0;color:var(--ux-muted)}.ux-more-actions button{display:block;width:100%;border:0;background:transparent;text-align:left}.ux-role-picker p{margin-bottom:16px}
@media(max-width:760px){
 html{scroll-padding-bottom:100px;-webkit-text-size-adjust:100%}body{overflow-x:hidden}.field-shell{color:var(--ux-text)}.field-shell .field-top{padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));padding-top:calc(12px + env(safe-area-inset-top));min-height:68px;height:auto}.field-top .brand{font-size:20px}.field-top .brand small{font-size:9px}.field-top>button{min-width:44px;width:44px;height:44px}.field-nav.ux-nav{height:auto;min-height:64px;padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));gap:2px;z-index:35}.ux-nav>button{min-width:0;min-height:52px;padding:6px 2px;gap:4px;font-size:11px}.ux-nav .icon{width:22px;height:22px}.ux-nav span{white-space:nowrap}.shell-v2.field-shell main.field-main{padding-bottom:calc(var(--ux-nav) + 24px)!important}.field-shell .field-preview{position:sticky;top:0;z-index:40;padding:6px 12px;font-size:11px;min-height:40px;background:#17313e;color:#d7ebf6}.field-preview button{min-height:36px;width:auto;font-size:12px;padding:6px 10px}.ux-hero{min-height:190px!important;padding:25px 20px!important;margin-bottom:20px!important}.ux-hero .field-kicker{font-size:11px;letter-spacing:1.8px}.ux-hero p{margin:10px 0 16px!important;font-size:14px!important}.ux-hero h1{font-size:36px!important;font-weight:650}.field-section{margin:24px 0!important}.field-section>header h2{text-transform:uppercase!important;letter-spacing:1px!important;font-size:11px!important}.field-section>p{font-size:16px;color:var(--ux-muted);padding:12px 0}.field-saved{background:#152c39!important;border:0!important;color:#d3e7f2!important;padding:12px 14px!important;border-radius:10px!important;font-size:14px!important}.field-wide{min-height:50px}.field-version{padding-bottom:12px}.field-card{min-height:80px}.field-card-copy strong{font-size:18px!important}.field-photo{object-fit:cover}.field-help{font-size:13px!important;line-height:1.4!important}.field-heading h1{font-size:28px!important}.field-heading{padding:22px 0 12px!important}
 /* All operational dialogs share one header, a scrolling body and reachable actions. */
 #dialog.field-dialog{position:fixed;inset:auto 0 auto;top:calc(var(--ux-vtop,0px) + env(safe-area-inset-top));margin:0 auto;padding:0;width:100%;max-width:560px;max-height:calc(var(--ux-vh) - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:auto;min-height:0;border:0;border-radius:18px 18px 0 0;background:var(--ux-surface);overflow:auto;overscroll-behavior:contain;color:var(--ux-text)}#dialog.field-dialog[open]{display:flex;flex-direction:column}.field-dialog>.field-preview{flex:0 0 auto}.field-dialog .modal-head{position:sticky;top:0;z-index:5;padding:16px 18px;min-height:68px;flex:0 0 auto;background:var(--ux-surface);border-bottom:1px solid #ffffff0b;gap:12px}.field-dialog .modal-head h2{font-size:22px;line-height:1.2;letter-spacing:-.3px;max-width:none}.field-dialog .modal-head>button{width:auto;flex:0 0 auto;min-width:56px;background:transparent;border:0;padding:10px;color:var(--ux-muted)}.field-dialog .modal-head small{font-size:11px}.field-dialog .modal-body{padding:16px 18px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto}.field-dialog .modal-body>.field,.field-dialog form>.field{margin:0 0 18px}.field-dialog .field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--ux-muted)}.field-dialog input:not([type=checkbox]):not([type=radio]):not([type=file]),.field-dialog select,.field-dialog textarea{width:100%;min-width:0;max-width:100%;font-size:16px;line-height:1.4;color:var(--ux-text);min-height:48px;padding:12px;border:1px solid #405565;border-radius:10px;background:#0d1922;scroll-margin:80px 0}.field-dialog textarea{resize:vertical;min-height:88px}.field-dialog input[type=checkbox],.field-dialog input[type=radio]{width:22px;height:22px;min-height:22px;flex:0 0 22px;accent-color:#b9dceb}.field-dialog .form-grid,.field-dialog .register-form{grid-template-columns:1fr!important;gap:14px}.field-dialog fieldset{padding:0;border:0;margin:0;min-width:0}.field-dialog .modal-body>p{font-size:14px;line-height:1.45;margin:10px 0 16px}.field-dialog details{margin:8px 0}.field-dialog summary{min-height:48px;padding:14px 0;color:var(--ux-muted);font-size:14px}.field-dialog button{border-radius:10px;min-height:48px;font-size:15px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.field-dialog .primary{background:var(--ux-accent);color:#10232f;border:0;min-height:54px;font-weight:700}.field-dialog .quiet{border:0;background:transparent;color:var(--ux-muted)}.field-dialog .error:empty{display:none}.field-dialog .error{margin:12px 0;color:#ffc0b8;font-size:14px}.field-dialog .log-check,.physical-confirm,.dispatch-confirm{display:flex;gap:12px;align-items:flex-start;line-height:1.45;font-size:14px;margin:20px 0}.field-dialog .panel{background:transparent;border:0;border-radius:0}.field-dialog .panel-body{padding:14px 0}.field-dialog .panel-head{padding:14px 0}.ux-unknown-fields[hidden]{display:none!important}.physical-line{padding:16px 0;margin-bottom:16px}.physical-line h3{font-size:21px}.physical-line .field{margin-top:12px}.physical-line p{font-size:14px}.physical-balance{color:var(--ux-muted);margin-top:8px}.physical-review .primary,.physical-capture .primary{min-height:54px}.ux-receive .photos:empty{display:none}.ux-receive .photos img{width:70px;height:70px;object-fit:cover}.ux-receive .ux-material-select{margin-top:-8px!important}[data-delivery-camera],[data-delivery-choose]{display:none!important}.ux-photo-controls>button{border:0;background:#213847;color:#e0edf5;padding:12px 8px}.ux-photo-controls>button+button{background:transparent;border:1px solid #405565}.ux-photo-controls{margin:0 0 18px}.phone-app-update{padding:20px 0;border-top:1px solid #ffffff10;margin-top:24px}.phone-app-update h2{font-size:20px}.phone-app-update>button{margin:12px 8px 0 0}.phone-app-update p{font-size:14px;line-height:1.45}.phone-app-update summary{padding:16px 0}
 #connection-notice{position:static!important;transform:none!important;inset:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:6px 18px!important;min-height:32px;display:flex;align-items:center;gap:10px;border:0!important;border-radius:0!important;background:#13232e!important;color:#bad0dc!important;box-shadow:none!important;font-size:12px!important;line-height:1.35!important;z-index:auto!important}#connection-notice[hidden]{display:none!important}#connection-notice button{min-height:32px;padding:4px 8px;border:0;background:transparent;color:#d9edfa;font-size:12px}#connection-notice small{font-size:11px}.ux-connection-slot{position:relative;flex:none}.field-connection{font-size:12px!important;padding:8px 14px!important;min-height:32px!important;background:#172c38!important;border-radius:0!important}.ux-keyboard .field-nav{visibility:hidden}.ux-keyboard .shell-v2.field-shell main.field-main{padding-bottom:16px!important}#toast{bottom:calc(var(--ux-nav) + 8px)!important;left:14px!important;right:14px!important;max-width:none!important;width:auto!important;padding:10px 14px!important;pointer-events:none;font-size:13px!important;border:0!important;border-radius:10px!important}#app-update-notice{font-size:12px;padding:8px 12px;bottom:var(--ux-nav)}#app-update-notice button{min-height:38px;font-size:12px;padding:8px}.ux-keyboard #toast{bottom:12px!important}.ux-keyboard #app-update-notice{display:none}
 .shell-v2.field-map-shell main.field-main{height:calc(var(--ux-vh) - var(--ux-head) - var(--ux-status) - var(--ux-preview) - var(--ux-nav))!important;min-height:210px;padding:0!important;position:relative}.yard-map-app{height:100%!important;min-height:0!important}.yard-map-top{top:12px!important;left:12px!important;right:12px!important;gap:8px}.yard-map-top .field-search{height:48px;min-height:48px;border-radius:12px;padding:0 12px;margin:0}.yard-map-top .field-search input{font-size:16px}.ux-layers{position:relative;pointer-events:auto;margin:8px 0 0;width:max-content;max-width:100%}.ux-layers summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;background:#152c3bea;border:1px solid #4d6372;border-radius:10px;list-style:none;font-size:13px}.ux-layers summary::-webkit-details-marker{display:none}.ux-layers .yard-layers{display:flex;flex-wrap:wrap;overflow:visible;gap:6px;padding:10px;background:#101e29f5;border-radius:12px;max-width:min(340px,calc(100vw - 24px));margin-top:6px}.ux-layers:not([open]) .yard-layers{display:none}.ux-layers .yard-layers button{font-size:13px;min-height:44px;padding:8px 12px;white-space:normal}.yard-map-tools{top:120px!important;right:12px!important;gap:6px!important;bottom:auto!important}.yard-map-tools button{width:44px!important;height:44px!important;min-height:44px!important;padding:8px!important;border-radius:10px!important}.yard-sheet{bottom:0!important;max-height:56%!important;border-radius:18px 18px 0 0!important;display:flex;flex-direction:column;box-shadow:0 -8px 25px #0003}.yard-sheet.expanded{max-height:84%!important}.yard-sheet-handle{min-height:24px!important;height:24px!important;flex-shrink:0}.yard-sheet header{padding:0 18px 12px!important;gap:12px;flex-shrink:0}.yard-sheet h2{font-size:23px!important}.yard-sheet-scroll{padding:0 18px 18px!important;min-height:0;overflow:auto}.yard-sheet header>button{width:40px;min-width:40px;min-height:40px;height:40px}.yard-sheet-scroll .field-photo.wide{height:140px;margin:12px 0}.yard-sheet-scroll>p{margin:10px 0;font-size:13px}.yard-quantity{padding:10px 0}.yard-quantity strong{font-size:23px}.yard-sheet-actions{margin-top:12px}.yard-map-caption{bottom:24px!important}.yard-map-caption>strong{display:none}.yard-map-caption small{display:none}.ux-provenance summary{font-size:13px;color:var(--ux-muted);padding:10px 0}.yard-results{max-height:calc(var(--ux-vh)*.5);overflow:auto}.yard-sheet .ux-provenance p{font-size:12px}.yard-marker{font-size:12px;min-height:38px}.has-app-update .field-map-shell main.shell-v2.field-shell main.field-main{padding-bottom:0!important;height:calc(var(--ux-vh) - var(--ux-head) - var(--ux-status) - var(--ux-preview) - var(--ux-nav) - 64px)!important}
 .ux-history{border:0;background:transparent;padding:0;margin:16px 0}.ux-history>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.ux-history h2{font-size:22px}.ux-history .ux-history-filter{display:block;margin:0}.ux-search{display:flex;align-items:center;gap:8px;padding:0 12px;background:#10202c;border:1px solid #3b5260;border-radius:10px}.ux-search input{border:0!important;background:transparent!important;width:100%;min-width:0;padding:12px 0!important;min-height:48px}.ux-history-filter details{margin-top:8px}.ux-history summary{font-size:13px;min-height:44px;padding:12px 0;color:var(--ux-muted)}.ux-history .history-grid{display:flex;flex-direction:column;gap:0}.ux-history .history-card{border:0!important;border-bottom:1px solid #ffffff12!important;border-radius:0!important;background:transparent!important;padding:14px 0!important;min-height:0!important;margin:0!important}.ux-history .history-card img{width:72px;height:72px;object-fit:cover;float:left;margin:0 12px 6px 0}.ux-history .history-card h3{font-size:17px}.ux-history .history-card small{font-size:12px}.ux-history .history-card p{font-size:13px;line-height:1.4;margin:5px 0}.ux-history .history-card>button{padding:0;border:0;background:none;min-height:70px;text-align:left}.ux-history-pages{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.ux-history-dialog .ux-history>header h2{display:none}.ux-history-dialog .ux-history>header{justify-content:flex-end;margin:0}.ux-history .history-card:after{content:'';display:block;clear:both}.dispatch-heading h1{font-size:28px}.dispatch-heading{margin:18px 0;gap:12px}.dispatch-heading .primary{min-height:46px}.dispatch-lanes{display:block}.dispatch-lane{margin:20px 0;padding-bottom:16px}.dispatch-lane header{margin:12px 0}.dispatch-lane h2{font-size:19px}.dispatch-order button{border:0;background:#162a38;min-height:44px;min-width:44px}.dispatch-result span{min-width:0}.dispatch-result strong{font-size:16px}.dispatch-result small{font-size:12px;line-height:1.4}.dispatch-photo{min-height:70px}.dispatch-detail .dispatch-route{gap:16px;margin:20px 0}.dispatch-detail .dispatch-route strong{font-size:20px}.dispatch-secondary{margin:18px 0}.dispatch-secondary button{background:transparent;border:0}.dispatch-links{gap:8px;margin:16px 0}.dispatch-links a,.dispatch-links button{font-size:13px;padding:10px;min-height:44px}.dispatch-detail .field-photo.wide{height:180px}.field-dialog .record-photo-panel{border:0;background:none}.field-dialog .register-form .field{margin:0}.field-dialog input[type=date],.field-dialog input[type=datetime-local],.field-dialog input[type=time]{min-width:0;display:block;-webkit-min-logical-width:0}.field-dialog .modal-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--ux-surface);flex-shrink:0}
}
@media(max-width:370px){.ux-nav span{font-size:10px}.field-top .brand{font-size:18px}.ux-photo-controls{gap:6px}.ux-photo-controls button{font-size:14px;padding:10px 5px}.field-dialog .modal-body{padding-left:14px;padding-right:14px}.yard-sheet h2{font-size:21px!important}}
@media(max-width:760px) and (orientation:landscape){.field-top{min-height:48px!important;padding-top:6px!important;padding-bottom:6px!important}.field-top .brand small{display:none}.field-nav.ux-nav{min-height:50px}.ux-nav>button{min-height:44px;flex-direction:row!important}.yard-map-tools{top:68px!important;flex-direction:row!important}.yard-sheet{max-width:48%;left:auto!important;right:0!important;max-height:80%!important}.yard-map-top{right:52%!important}.field-dialog{max-width:640px!important}}
@media(max-width:760px){.ux-record-meta{font-size:13px;color:var(--ux-muted)}.ux-record-route{font-size:19px;font-weight:600;margin:16px 0}.ux-record-line{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #ffffff10}.ux-record-line strong{font-size:17px;line-height:1.4}.ux-record-line span{white-space:nowrap;color:var(--ux-muted)}.ux-record details{margin-top:20px}.ux-record-photos img{max-width:100%;object-fit:cover}.yard-sheet header>div{flex:1;min-width:0}.yard-sheet header h2{overflow-wrap:anywhere}.yard-sheet-scroll .field-photo.wide{height:110px}.field-shell .icon,.field-dialog .icon{fill:none;stroke:currentColor;stroke-width:1.6}.ux-history .history-card-content{gap:5px}.ux-history .history-card-content>strong{font-size:17px}.ux-history .history-card-open{display:flex!important;align-items:center;gap:12px;width:100%}.ux-history .history-card img{flex-shrink:0;float:none;margin:0}.ux-history .history-card-content{flex:1;min-width:0}}
@media(max-width:760px){.field-dialog .modal-head>h2,.field-dialog .modal-head>div{flex:1 1 auto;min-width:0}.field-dialog .modal-head>button{flex:0 0 auto}.ux-record-photos ul{list-style:none;padding:0}.ux-record-photos li{font-size:12px;color:var(--ux-muted);margin-bottom:12px}}
@media(max-width:760px){.shell-v2.field-shell{padding-bottom:0!important}.shell-v2.field-map-shell{height:var(--ux-vh);min-height:0;overflow:hidden}}

@media(max-width:760px){
.ux-material-results{display:grid;gap:8px;margin:8px 0 12px}.ux-material-result{display:flex!important;align-items:center;gap:11px;width:100%;min-height:58px!important;padding:9px 10px!important;text-align:left;background:#162833!important;border:1px solid #2c4352!important;border-radius:12px!important}.ux-material-result .field-photo{width:44px;height:48px}.ux-material-result>span{min-width:0;flex:1}.ux-material-result strong,.ux-material-result small{display:block}.ux-material-result strong{font-size:14px;line-height:1.25}.ux-material-result small{font-size:10px;color:#9db4c2;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ux-material-result>.icon{width:17px;flex-shrink:0}.ux-material-hint{padding:12px 2px;color:#91a8b6;font-size:11px;line-height:1.55}.ux-selected-material{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding:11px 12px;border-radius:13px;background:#142a36;border:1px solid #315061}.ux-selected-material .field-photo{width:48px;height:52px}.ux-selected-material>span{min-width:0;flex:1}.ux-selected-material small,.ux-selected-material strong,.ux-selected-material em{display:block}.ux-selected-material small{font-size:9px;letter-spacing:1.2px;color:#8aa7b8}.ux-selected-material strong{font-size:15px;margin-top:3px}.ux-selected-material em{font-size:10px;font-style:normal;color:#a9beca;margin-top:3px}.ux-selected-material button{min-height:40px!important;padding:8px 10px!important}
}
@media(max-width:760px){
.ux-pick-field{display:grid;gap:16px}.ux-pick-destination{padding:4px 0 2px}.ux-pick-destination>small{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#8da8b8}.ux-pick-destination h3{font-size:24px;line-height:1.1;margin:5px 0 7px}.ux-pick-destination p{font-size:11px;margin:0 0 9px}.ux-pick-destination>strong{display:block;font-size:13px;color:#d6e8f2}.ux-pick-lines{display:grid;gap:9px}.ux-pick-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border-radius:14px;background:#14242f;border:1px solid #293f4d}.ux-pick-line .field-photo{width:50px;height:56px}.ux-pick-line>span{min-width:0}.ux-pick-line small,.ux-pick-line strong,.ux-pick-line em{display:block}.ux-pick-line small{font-size:9px;letter-spacing:1.1px;color:#8facbd}.ux-pick-line strong{font-size:15px;line-height:1.25;margin:3px 0}.ux-pick-line em{font-size:11px;font-style:normal;color:#c2d3dd}.ux-pick-line>button{min-height:44px!important;padding:8px 10px!important;display:flex;align-items:center;gap:6px;background:#203744;border:1px solid #3a5665}.ux-pick-primary{margin:0!important;min-height:54px!important}.ux-pick-more{border-top:1px solid #263944;padding-top:8px}.ux-pick-more summary{min-height:48px;display:flex;align-items:center;color:#afc5d2}
}

@media(max-width:760px){.ux-receive-line .ux-material-results{margin-top:-6px}.ux-receive-line>header{margin-bottom:10px}}

/* v1.27.1 phone feedback/readiness */
@media(max-width:760px){#toast{transform:none!important;left:14px!important;right:14px!important;max-width:none!important;box-sizing:border-box!important}.device-ready-summary{display:grid;gap:0;border:1px solid #ffffff10;border-radius:18px;overflow:hidden;background:#101d27}.device-ready-summary>.row{padding:15px 16px!important;border-bottom:1px solid #ffffff0e;background:transparent!important}.device-ready-summary>.row:last-child{border-bottom:0}.device-ready-summary strong{font-size:16px}.device-ready-summary p{font-size:12px;line-height:1.5;margin:5px 0 0}.app-update-panel .app-update-actions{gap:9px;margin-top:14px}.app-update-panel .app-update-actions button{border-radius:14px!important}.device-diagnostics{margin-top:18px;border-top:1px solid #ffffff10}.device-diagnostics>summary{min-height:48px;display:flex;align-items:center;color:#9fb6c4;font-size:13px}.device-diagnostics .device-readiness-list{margin-top:4px}.device-diagnostics .diagnostics-actions{margin-top:12px}}