/* MO global native experience layer. */
:root{
  --moN-bg:#F6F7F8;
  --moN-bg2:#EFF2F5;
  --moN-card:rgba(255,255,255,.92);
  --moN-card-solid:#FFFFFF;
  --moN-ink:#111316;
  --moN-ink2:#4F5660;
  --moN-ink3:#8D949E;
  --moN-line:rgba(38,46,56,.12);
  --moN-line2:rgba(38,46,56,.08);
  --moN-blue:#1F6FEB;
  --moN-green:#188C5A;
  --moN-amber:#B66B12;
  --moN-red:#C43B32;
  --moN-shadow:0 1px 2px rgba(17,19,22,.05),0 18px 42px -34px rgba(17,19,22,.42);
  --moN-shadow-soft:0 1px 1px rgba(17,19,22,.04),0 10px 28px -26px rgba(17,19,22,.38);
  --moN-r:14px;
  --moN-r2:10px;
  --moN-hit:44px;
  --moN-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Helvetica Neue",Arial,system-ui,sans-serif;
  --moN-mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

body.mo-ios-native,
body.mo-ios-native *{
  letter-spacing:0!important;
  -webkit-tap-highlight-color:transparent;
}

body.mo-ios-native{
  color:var(--moN-ink);
  background:var(--moN-bg);
  font-family:var(--moN-font)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-variant-numeric:tabular-nums;
  accent-color:var(--moN-blue);
}

body.mo-ios-native :where(button,input,select,textarea){
  font:inherit;
  box-sizing:border-box;
}

body.mo-ios-native :where(button,[role="button"],input,select,textarea){
  min-height:var(--moN-hit);
}

body.mo-ios-native :where(button,[role="button"],a,.slot,.citem,.row,.rk-row,.pc,.ovc,.cash-card,.exec-desk-row,.exec-action,.dt-tab,.gtab,.sp-opt,.fab,.restock-btn){
  touch-action:manipulation;
}

body.mo-ios-native :where(button,[role="button"],.slot,.citem,.row,.rk-row,.pc,.cash-card,.exec-desk-row,.exec-action,.dt-tab,.gtab,.sp-opt,.restock-btn,.stkq-btn,.scan-close){
  transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;
}

body.mo-ios-native .mo-touching{
  transform:scale(.982)!important;
}

body.mo-ios-native :where(.mono,.r-meta,.r-bc .bc-code,.sum b,.exec-kpi b,.exec-score b,.exec-desk-row b,.ovc .v,.hero-r .rn,.mb-rank b){
  font-family:var(--moN-mono)!important;
}

body.mo-ios-native :where(input,select,textarea){
  border:1px solid var(--moN-line);
  outline:none;
  background:rgba(255,255,255,.94);
  color:var(--moN-ink);
}

body.mo-ios-native :where(input,select,textarea):focus{
  border-color:rgba(31,111,235,.5)!important;
  box-shadow:0 0 0 4px rgba(31,111,235,.12)!important;
}

body.mo-ios-native.mo-keyboarding :focus-visible{
  outline:3px solid rgba(31,111,235,.24)!important;
  outline-offset:2px!important;
}

body.mo-ios-native :where(.empty,.mb-empty){
  color:var(--moN-ink3)!important;
}

body.mo-ios-native :where(.toast,#toast){
  -webkit-backdrop-filter:blur(22px) saturate(1.6);
  backdrop-filter:blur(22px) saturate(1.6);
}

@media (prefers-reduced-motion:reduce){
  body.mo-ios-native *,
  body.mo-ios-native *::before,
  body.mo-ios-native *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}

/* Shell pages: dgzt / cpzg */
body.mo-page-shell{
  background:linear-gradient(180deg,#FBFCFD 0%,#F2F4F6 100%)!important;
}

body.mo-page-shell .glassbg{
  display:none!important;
}

body.mo-page-shell .switcher{
  background:rgba(249,250,251,.88)!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.65)!important;
  backdrop-filter:blur(26px) saturate(1.65)!important;
  border-bottom:1px solid rgba(38,46,56,.10)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.74) inset,0 10px 32px -30px rgba(17,19,22,.55)!important;
  gap:10px!important;
  min-height:calc(58px + env(safe-area-inset-top))!important;
  padding-left:12px!important;
  padding-right:12px!important;
}

body.mo-page-shell .brand{
  min-width:0;
  padding:7px 0!important;
}

body.mo-page-shell .brand .logo{
  width:32px!important;
  filter:none!important;
  opacity:1!important;
}

body.mo-page-shell .brand .tx{
  min-width:0;
}

body.mo-page-shell .brand .zh{
  color:var(--moN-ink)!important;
  font-size:13px!important;
  font-weight:760!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.mo-page-shell .brand .en{
  color:var(--moN-ink3)!important;
  font-size:8px!important;
  font-weight:700!important;
  text-transform:uppercase;
}

body.mo-page-shell .seg{
  min-width:0;
  background:rgba(120,128,138,.14)!important;
  border:1px solid rgba(38,46,56,.07)!important;
  border-radius:12px!important;
  padding:3px!important;
  gap:3px!important;
  margin:8px 0!important;
}

body.mo-page-shell .seg button{
  min-height:38px!important;
  border-radius:9px!important;
  color:var(--moN-ink2)!important;
  font-size:13px!important;
  font-weight:700!important;
  padding:0 8px!important;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.mo-page-shell .seg button.on{
  background:rgba(255,255,255,.98)!important;
  color:var(--moN-ink)!important;
  box-shadow:0 1px 2px rgba(17,19,22,.08),0 7px 18px -16px rgba(17,19,22,.55)!important;
}

body.mo-page-shell .seg .cnt{
  min-width:17px!important;
  height:17px!important;
  background:rgba(17,19,22,.08)!important;
  color:var(--moN-ink2)!important;
}

body.mo-page-shell .seg .cnt.has{
  background:var(--moN-red)!important;
  color:#fff!important;
}

body.mo-page-shell .stage,
body.mo-page-shell .stage iframe,
body.mo-page-shell .boot{
  background:var(--moN-bg)!important;
}

body.mo-page-shell .boot{
  color:var(--moN-ink3)!important;
}

body.mo-page-shell .boot .ring{
  width:28px!important;
  height:28px!important;
  border-color:rgba(38,46,56,.12)!important;
  border-top-color:var(--moN-blue)!important;
}

body.mo-page-shell .dbg{
  left:10px!important;
  right:10px!important;
  background:rgba(255,255,255,.92)!important;
  color:var(--moN-ink2)!important;
  border:1px solid var(--moN-line)!important;
  border-radius:14px!important;
  box-shadow:var(--moN-shadow)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.5)!important;
  backdrop-filter:blur(22px) saturate(1.5)!important;
}

body.mo-page-shell .dbg b{
  color:var(--moN-ink)!important;
}

body.mo-page-shell .dbg .ok{
  color:var(--moN-green)!important;
}

body.mo-page-shell .dbg .no{
  color:var(--moN-red)!important;
}

@media (max-width:390px){
  body.mo-page-shell .brand .en{display:none!important;}
  body.mo-page-shell .brand .logo{width:28px!important;}
  body.mo-page-shell .seg button{font-size:12px!important;padding:0 5px!important;}
}

/* Supply page */
body.mo-page-supply{
  background:var(--moN-bg)!important;
  padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;
}

body.mo-page-supply .masthead{
  position:sticky!important;
  top:0!important;
  z-index:28!important;
  min-height:calc(62px + env(safe-area-inset-top))!important;
  padding:calc(10px + env(safe-area-inset-top)) 16px 10px!important;
  background:rgba(249,250,251,.9)!important;
  color:var(--moN-ink)!important;
  border-bottom:1px solid rgba(38,46,56,.10)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.82) inset,0 14px 38px -34px rgba(17,19,22,.45)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.55)!important;
  backdrop-filter:blur(24px) saturate(1.55)!important;
}

body.mo-page-supply .masthead::after{
  display:none!important;
}

body.mo-page-supply .mh-logo{
  width:54px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}

body.mo-page-supply .mh-logo .wm-logo{
  max-width:54px!important;
  filter:none!important;
}

body.mo-page-supply .mh-brand .eyebrow{
  color:var(--moN-ink3)!important;
  font-size:10px!important;
  font-weight:700!important;
}

body.mo-page-supply .mh-brand h1{
  color:var(--moN-ink)!important;
  font-size:17px!important;
  line-height:1.18!important;
  font-weight:780!important;
}

body.mo-page-supply .status{
  color:var(--moN-ink2)!important;
  background:rgba(120,128,138,.12)!important;
  border:1px solid rgba(38,46,56,.08)!important;
  border-radius:999px!important;
  min-height:30px!important;
  padding:0 10px!important;
  font-weight:700!important;
}

body.mo-page-supply .status.on .led{
  background:var(--moN-green)!important;
  box-shadow:0 0 0 4px rgba(24,140,90,.12)!important;
}

body.mo-page-supply .opbar{
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid var(--moN-line2)!important;
  color:var(--moN-ink2)!important;
  min-height:40px!important;
}

body.mo-page-supply .tools{
  gap:10px!important;
  padding:12px 14px 8px!important;
}

body.mo-page-supply .seg{
  gap:7px!important;
  flex-wrap:nowrap!important;
}

body.mo-page-supply .seg button{
  min-height:40px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid var(--moN-line)!important;
  color:var(--moN-ink2)!important;
  box-shadow:var(--moN-shadow-soft)!important;
  padding:0 14px!important;
  white-space:nowrap!important;
}

body.mo-page-supply .seg button.on{
  background:var(--moN-ink)!important;
  color:#fff!important;
  border-color:var(--moN-ink)!important;
  box-shadow:0 10px 26px -22px rgba(17,19,22,.55)!important;
}

body.mo-page-supply .search{
  height:42px!important;
  min-height:42px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid var(--moN-line)!important;
  box-shadow:var(--moN-shadow-soft)!important;
}

body.mo-page-supply .search input{
  min-height:38px!important;
  border:0!important;
  box-shadow:none!important;
  font-size:15px!important;
}

body.mo-page-supply .stkq-btn,
body.mo-page-supply #moAlertBtn{
  width:42px!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:13px!important;
  background:#fff!important;
  border:1px solid var(--moN-line)!important;
  color:var(--moN-ink2)!important;
  box-shadow:var(--moN-shadow-soft)!important;
}

body.mo-page-supply .sum{
  padding:4px 16px 10px!important;
  color:var(--moN-ink3)!important;
  font-size:12px!important;
}

body.mo-page-supply .sum b{
  color:var(--moN-red)!important;
  font-weight:800!important;
}

body.mo-page-supply .list{
  padding:0 12px 24px!important;
}

body.mo-page-supply .row{
  border-radius:16px!important;
  border:1px solid var(--moN-line)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:var(--moN-shadow-soft)!important;
  padding:13px!important;
  gap:11px!important;
  overflow:hidden!important;
}

body.mo-page-supply .row.need{
  border-left:1px solid var(--moN-line)!important;
  box-shadow:inset 4px 0 0 rgba(196,59,50,.82),var(--moN-shadow-soft)!important;
}

body.mo-page-supply .row.ok{
  opacity:.74!important;
}

body.mo-page-supply .r-bc{
  border-radius:12px!important;
  background:#F7F8FA!important;
  border:1px solid var(--moN-line2)!important;
}

body.mo-page-supply .r-nm{
  color:var(--moN-ink)!important;
  font-size:15px!important;
  line-height:1.25!important;
}

body.mo-page-supply .r-meta,
body.mo-page-supply .r-avail,
body.mo-page-supply .r-lab{
  color:var(--moN-ink3)!important;
}

body.mo-page-supply .r-stock b{
  color:var(--moN-ink)!important;
}

body.mo-page-supply .r-stock b.low,
body.mo-page-supply .r-gap{
  color:var(--moN-red)!important;
}

body.mo-page-supply .r-gap{
  background:rgba(196,59,50,.1)!important;
  border:1px solid rgba(196,59,50,.16)!important;
}

body.mo-page-supply .restock-btn{
  min-height:40px!important;
  border-radius:12px!important;
  background:var(--moN-ink)!important;
  border-color:var(--moN-ink)!important;
  color:#fff!important;
  box-shadow:0 10px 24px -20px rgba(17,19,22,.7)!important;
}

body.mo-page-supply .restock-btn.dismiss{
  background:#fff!important;
  color:var(--moN-ink2)!important;
  border-color:var(--moN-line)!important;
}

body.mo-page-supply .fab{
  bottom:calc(22px + env(safe-area-inset-bottom))!important;
  min-height:54px!important;
  border-radius:999px!important;
  background:rgba(17,19,22,.94)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.35)!important;
  backdrop-filter:blur(16px) saturate(1.35)!important;
  box-shadow:0 16px 34px -20px rgba(17,19,22,.84)!important;
  max-width:calc(100vw - 34px)!important;
  white-space:nowrap!important;
}

body.mo-page-supply .fab.mo-touching{
  transform:translateX(-50%) scale(.965)!important;
}

body.mo-page-supply #scanLayer{
  background:#0D0F12!important;
}

body.mo-page-supply .scan-top{
  padding:calc(10px + env(safe-area-inset-top)) 14px 10px!important;
}

body.mo-page-supply .scan-close,
body.mo-page-supply .manual button{
  border-radius:13px!important;
}

body.mo-page-supply .scan-tray{
  border-radius:22px 22px 0 0!important;
}

body.mo-page-supply .ct-item{
  min-height:58px!important;
}

body.mo-page-supply .mo-alert-panel,
body.mo-page-supply #moDiag .md-card{
  border-radius:18px!important;
  border:1px solid var(--moN-line)!important;
  box-shadow:var(--moN-shadow)!important;
}

@media (max-width:390px){
  body.mo-page-supply .tools{padding-left:10px!important;padding-right:10px!important;}
  body.mo-page-supply .seg button{padding:0 11px!important;font-size:13px!important;}
  body.mo-page-supply .r-top{align-items:flex-start!important;}
  body.mo-page-supply .r-nums{gap:8px!important;}
}

/* BOSS page */
body.mo-page-boss{
  background:linear-gradient(180deg,#F8F9FA 0%,#F0F2F4 100%)!important;
  color:var(--moN-ink)!important;
}

body.mo-page-boss header{
  padding-left:18px!important;
  padding-right:18px!important;
}

body.mo-page-boss .nav .conn,
body.mo-page-boss .sortbar .opts button,
body.mo-page-boss .seg,
body.mo-page-boss .dt-tab,
body.mo-page-boss .desk-tabs,
body.mo-page-boss .hist-seg{
  background:rgba(255,255,255,.9)!important;
  border-color:var(--moN-line)!important;
  box-shadow:var(--moN-shadow-soft)!important;
}

body.mo-page-boss .lt h1{
  color:var(--moN-ink)!important;
  font-weight:820!important;
  line-height:1.05!important;
}

body.mo-page-boss .lt .sub,
body.mo-page-boss .nav .rf,
body.mo-page-boss .sortbar .lbl{
  color:var(--moN-ink3)!important;
}

body.mo-page-boss .exec-hero,
body.mo-page-boss .exec-panel,
body.mo-page-boss .pc,
body.mo-page-boss .ovc,
body.mo-page-boss .att-entry,
body.mo-page-boss .chart-card,
body.mo-page-boss .hist,
body.mo-page-boss .conv,
body.mo-page-boss .rank-card,
body.mo-page-boss .desk-card,
body.mo-page-boss .prk-card,
body.mo-page-boss .cash-card{
  background:rgba(255,255,255,.94)!important;
  border-color:var(--moN-line)!important;
  box-shadow:var(--moN-shadow-soft)!important;
}

body.mo-page-boss .exec-kpi,
body.mo-page-boss .exec-desk-row{
  background:#F7F9FB!important;
  border-color:var(--moN-line2)!important;
}

body.mo-page-boss .exec-kpi.strong{
  background:var(--moN-ink)!important;
  border-color:var(--moN-ink)!important;
}

body.mo-page-boss .exec-eyebrow,
body.mo-page-boss .exec-panel-head i{
  color:var(--moN-blue)!important;
}

body.mo-page-boss .exec-title,
body.mo-page-boss .exec-kpi b,
body.mo-page-boss .exec-desk-row b,
body.mo-page-boss .pc-nm,
body.mo-page-boss .grp-h .nm{
  color:var(--moN-ink)!important;
}

body.mo-page-boss .exec-kpi.danger b,
body.mo-page-boss .grp-h.alert .nm,
body.mo-page-boss .grp-h .warn{
  color:var(--moN-red)!important;
}

body.mo-page-boss .seg button,
body.mo-page-boss .dt-tab,
body.mo-page-boss .hist-seg button{
  min-height:40px!important;
  border-radius:10px!important;
}

body.mo-page-boss .seg button.on,
body.mo-page-boss .sortbar .opts button.on,
body.mo-page-boss .dt-tab.on,
body.mo-page-boss .hist-seg button.on{
  background:var(--moN-ink)!important;
  color:#fff!important;
}

body.mo-page-boss .sheet{
  border-radius:22px 22px 0 0!important;
}

/* Guide pages: global refinements, guide-ios-pro owns the detail layer. */
body.mo-page-guide{
  background:#F6F7F8!important;
}

body.mo-page-guide #app{
  border-color:rgba(38,46,56,.08)!important;
}

body.mo-page-guide :where(.slot,.citem,.cash-card,.mb-card,.guide-pulse-card){
  box-shadow:var(--moN-shadow-soft);
}

body.mo-page-guide :where(.gtab,.dt-tab,.sp-opt,.slot,.pill,.endbtn,.pickbtn,.paybtn,.printbtn){
  min-height:40px;
}

body.mo-page-guide :where(.nm,.r-nm,.citem .nm,.mb-it-nm,.guide-pulse-title){
  overflow-wrap:anywhere;
}

body.mo-page-guide .syncdot{
  box-shadow:0 0 0 4px rgba(24,140,90,.10);
}

body.mo-page-guide .grain{
  opacity:.035!important;
}

/* Final launch polish: picking / reposition / shell child stability. */
html.mo-ios-native-root{
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}

body.mo-ios-native.mo-shell-child,
body.mo-page-pick,
body.mo-page-reposition{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:pan-y!important;
  background:var(--moN-bg)!important;
}

body.mo-page-pick,
body.mo-page-reposition{
  justify-content:center!important;
}

body.mo-page-pick #app,
body.mo-page-reposition #app{
  width:100%!important;
  max-width:480px!important;
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
  background:var(--moN-bg)!important;
  border-left:1px solid rgba(38,46,56,.06)!important;
  border-right:1px solid rgba(38,46,56,.06)!important;
  box-shadow:0 0 0 1px rgba(38,46,56,.05),0 24px 64px -42px rgba(17,19,22,.5)!important;
  transform:translateZ(0)!important;
  contain:layout paint;
}

@media (max-width:520px){
  body.mo-page-pick #app,
  body.mo-page-reposition #app{
    max-width:none!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:none!important;
  }
}

body.mo-page-pick header,
body.mo-page-reposition header{
  position:sticky!important;
  top:0!important;
  z-index:52!important;
  background:rgba(249,250,251,.9)!important;
  border-bottom:1px solid rgba(38,46,56,.09)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 14px 36px -34px rgba(17,19,22,.5)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.55)!important;
  backdrop-filter:blur(24px) saturate(1.55)!important;
}

body.mo-page-pick .wordmark,
body.mo-page-reposition .wordmark,
body.mo-page-pick .mh-logo,
body.mo-page-reposition .mh-logo{
  border-radius:13px!important;
  background:var(--moN-ink)!important;
  box-shadow:0 12px 24px -18px rgba(17,19,22,.72)!important;
}

body.mo-page-pick .eyebrow,
body.mo-page-reposition .eyebrow{
  color:var(--moN-ink3)!important;
  text-transform:none!important;
  font-size:10.5px!important;
  font-weight:760!important;
}

body.mo-page-pick .htxt h1,
body.mo-page-reposition .htxt h1{
  color:var(--moN-ink)!important;
  font-size:20px!important;
  line-height:1.14!important;
  font-weight:840!important;
}

body.mo-page-pick .who,
body.mo-page-reposition .who,
body.mo-page-pick .pill,
body.mo-page-reposition .pill{
  min-height:28px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid var(--moN-line)!important;
  color:var(--moN-ink2)!important;
}

body.mo-page-pick .subbar,
body.mo-page-reposition .subbar{
  background:rgba(249,250,251,.86)!important;
  border-bottom:1px solid var(--moN-line2)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.45)!important;
  backdrop-filter:blur(18px) saturate(1.45)!important;
}

body.mo-page-pick .seg,
body.mo-page-reposition .seg,
body.mo-page-reposition .seg2{
  background:rgba(120,128,138,.14)!important;
  border:1px solid rgba(38,46,56,.07)!important;
  border-radius:13px!important;
  padding:3px!important;
  gap:3px!important;
}

body.mo-page-pick .seg button,
body.mo-page-reposition .seg button,
body.mo-page-reposition .seg2 button{
  flex:1 1 0!important;
  min-height:38px!important;
  border-radius:10px!important;
  padding:0 8px!important;
  color:var(--moN-ink2)!important;
  justify-content:center!important;
}

body.mo-page-pick .seg button.on,
body.mo-page-reposition .seg button.on,
body.mo-page-reposition .seg2 button.on{
  background:#fff!important;
  color:var(--moN-ink)!important;
  box-shadow:0 1px 2px rgba(17,19,22,.08),0 8px 18px -17px rgba(17,19,22,.55)!important;
}

body.mo-page-pick .seg button.on::after,
body.mo-page-reposition .seg button.on::after,
body.mo-page-reposition .seg2 button.on::after{
  display:none!important;
}

body.mo-page-pick .chips,
body.mo-page-reposition .chips{
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
  scroll-snap-type:x proximity;
  padding-bottom:2px!important;
}

body.mo-page-pick .chip-f,
body.mo-page-reposition .chip-f{
  min-height:34px!important;
  border-radius:999px!important;
  background:#fff!important;
  border-color:var(--moN-line)!important;
  color:var(--moN-ink2)!important;
  scroll-snap-align:start;
}

body.mo-page-pick .chip-f.on,
body.mo-page-reposition .chip-f.on{
  background:var(--moN-ink)!important;
  border-color:var(--moN-ink)!important;
  color:#fff!important;
}

body.mo-page-pick main,
body.mo-page-reposition main{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  background:var(--moN-bg)!important;
  padding-left:14px!important;
  padding-right:14px!important;
}

body.mo-page-pick main{
  padding-bottom:calc(128px + env(safe-area-inset-bottom))!important;
}

body.mo-page-reposition main{
  padding-bottom:calc(116px + env(safe-area-inset-bottom))!important;
}

body.mo-page-pick .grp,
body.mo-page-reposition .grp,
body.mo-page-reposition .rsec,
body.mo-page-reposition .gcard{
  min-width:0!important;
}

body.mo-page-pick .card,
body.mo-page-reposition .card,
body.mo-page-reposition .rsec,
body.mo-page-reposition .gcard,
body.mo-page-reposition .mitem{
  border-radius:17px!important;
  background:rgba(255,255,255,.95)!important;
  border:1px solid var(--moN-line)!important;
  box-shadow:var(--moN-shadow-soft)!important;
  overflow:hidden!important;
}

body.mo-page-pick .card::before,
body.mo-page-reposition .mitem::before{
  width:3px!important;
  top:14px!important;
  bottom:14px!important;
  border-radius:999px!important;
}

body.mo-page-pick .c-name,
body.mo-page-reposition .ri-nm,
body.mo-page-reposition .mitem .ri-nm,
body.mo-page-reposition .gc-nm{
  color:var(--moN-ink)!important;
  line-height:1.32!important;
  font-weight:780!important;
  overflow-wrap:anywhere!important;
}

body.mo-page-pick .c-meta,
body.mo-page-pick .c-guide,
body.mo-page-pick .c-sub,
body.mo-page-reposition .ri-meta,
body.mo-page-reposition .rsec-sub,
body.mo-page-reposition .gc-sub{
  color:var(--moN-ink2)!important;
  line-height:1.45!important;
}

body.mo-page-pick .ret-btn,
body.mo-page-pick .gpick:not(.is-ghost),
body.mo-page-pick .bpick:not(.is-ghost),
body.mo-page-reposition .ret-btn,
body.mo-page-reposition .rsec-act,
body.mo-page-reposition .rsec-claim,
body.mo-page-reposition .mi-go{
  min-height:40px!important;
  border-radius:12px!important;
  background:var(--moN-ink)!important;
  color:#fff!important;
  border-color:var(--moN-ink)!important;
  box-shadow:0 10px 24px -20px rgba(17,19,22,.7)!important;
}

body.mo-page-pick .gpick.is-ghost,
body.mo-page-pick .bpick.is-ghost,
body.mo-page-reposition .repo-all,
body.mo-page-reposition .stk-go{
  min-height:40px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid var(--moN-line)!important;
  color:var(--moN-ink2)!important;
  box-shadow:none!important;
}

body.mo-page-pick .fab,
body.mo-page-reposition .scan-fab{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:calc(14px + env(safe-area-inset-bottom))!important;
  z-index:32!important;
  min-height:58px!important;
  border-radius:20px!important;
  background:rgba(17,19,22,.94)!important;
  color:#fff!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.35)!important;
  backdrop-filter:blur(18px) saturate(1.35)!important;
  box-shadow:0 18px 36px -22px rgba(17,19,22,.82)!important;
}

body.mo-page-pick .fab{
  width:auto!important;
  transform:none!important;
  justify-content:center!important;
}

body.mo-page-pick .fab.mo-touching{
  transform:scale(.972)!important;
}

body.mo-page-reposition .scan-fab{
  padding:8px 10px!important;
  align-items:center!important;
}

body.mo-page-reposition .scan-fab .go{
  min-height:52px!important;
  border-radius:16px!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.mo-page-reposition .scan-fab .stk-go{
  height:52px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}

body.mo-page-pick #scanLayer,
body.mo-page-reposition .scanlayer,
body.mo-page-reposition #scanLayer{
  background:#0D0F12!important;
}

body.mo-page-pick .scan-top,
body.mo-page-reposition .scan-top{
  padding:calc(12px + env(safe-area-inset-top)) 14px 10px!important;
}

body.mo-page-pick .scan-close,
body.mo-page-reposition .scan-close,
body.mo-page-pick .scan-foot button,
body.mo-page-reposition .scan-foot button,
body.mo-page-pick .manual button{
  border-radius:14px!important;
  min-height:44px!important;
}

body.mo-page-pick .pick-feed,
body.mo-page-reposition .scan-view{
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}

body.mo-page-pick .mo-stkm-card,
body.mo-page-reposition .mo-stkm-card{
  background:#F7F8FA!important;
  border-radius:24px 24px 0 0!important;
}

body.mo-page-pick .toast,
body.mo-page-reposition .toast{
  border-radius:999px!important;
  background:rgba(17,19,22,.88)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.3)!important;
  backdrop-filter:blur(14px) saturate(1.3)!important;
}

/* Final launch polish: guide source action sheet and native icon tiles. */
body.mo-page-guide .srcpick{
  background:rgba(15,18,21,.36)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.25)!important;
  backdrop-filter:blur(12px) saturate(1.25)!important;
}

body.mo-page-guide .srcpick-card{
  max-width:480px!important;
  margin:0 auto!important;
  border-radius:26px 26px 0 0!important;
  background:#F7F8FA!important;
  box-shadow:0 -26px 64px -36px rgba(17,19,22,.86)!important;
  padding:10px 14px calc(16px + env(safe-area-inset-bottom))!important;
}

body.mo-page-guide .sp-grip{
  width:36px!important;
  height:5px!important;
  border-radius:999px!important;
  background:#D8DDE2!important;
  margin:8px auto 13px!important;
}

body.mo-page-guide .sp-title{
  margin:0 0 12px!important;
  text-align:center!important;
  color:#626B75!important;
  font-size:13px!important;
  font-weight:850!important;
}

body.mo-page-guide .sp-group{
  display:block!important;
  gap:0!important;
  background:#fff!important;
  border:1px solid rgba(38,46,56,.09)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:var(--moN-shadow-soft)!important;
}

body.mo-page-guide .sp-opt{
  display:flex!important;
  align-items:center!important;
  min-height:78px!important;
  margin:0!important;
  padding:13px 14px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  gap:13px!important;
}

body.mo-page-guide .sp-opt + .sp-opt{
  border-top:1px solid rgba(38,46,56,.08)!important;
}

body.mo-page-guide .sp-ic{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 10px 20px -14px rgba(17,19,22,.62)!important;
}

body.mo-page-guide .sp-ic svg{
  width:25px!important;
  height:25px!important;
  display:block!important;
}

body.mo-page-guide .sp-ic svg [stroke]{
  stroke:currentColor!important;
}

body.mo-page-guide .sp-ic svg [fill]:not([fill="none"]){
  fill:currentColor!important;
}

body.mo-page-guide .sp-opt.cang .sp-ic{background:linear-gradient(180deg,#5B83D7,#3863B9)!important;}
body.mo-page-guide .sp-opt.hand .sp-ic{background:linear-gradient(180deg,#8C79BC,#6953A2)!important;}
body.mo-page-guide .sp-opt.buy .sp-ic{background:linear-gradient(180deg,#D89B4C,#B9792E)!important;}
body.mo-page-guide .sp-opt.look .sp-ic{background:linear-gradient(180deg,#2F7A68,#236653)!important;}

body.mo-page-guide .sp-tx{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}

body.mo-page-guide .sp-tx b{
  color:var(--moN-ink)!important;
  font-size:16px!important;
  line-height:1.18!important;
  font-weight:850!important;
}

body.mo-page-guide .sp-tx i{
  color:var(--moN-ink2)!important;
  font-size:12.5px!important;
  line-height:1.36!important;
}

body.mo-page-guide .sp-opt::after{
  width:9px!important;
  height:9px!important;
  border-right:2px solid #C7CDD3!important;
  border-bottom:2px solid #C7CDD3!important;
  opacity:1!important;
}

body.mo-page-guide .sp-cancel{
  height:56px!important;
  margin-top:12px!important;
  border-radius:18px!important;
  background:#ECEFF2!important;
  box-shadow:none!important;
  color:#68717B!important;
  font-size:17px!important;
  font-weight:760!important;
}

/* Ultimate visual calibration: softer iOS tone, aligned symbols, calmer hierarchy. */
:root{
  --moV-ink:#1C2730;
  --moV-muted:#66717B;
  --moV-soft:#F7F9FA;
  --moV-line:rgba(37,48,58,.10);
  --moV-primary:#365E74;
  --moV-primary-2:#294E62;
  --moV-green:#238867;
  --moV-gold:#B98732;
  --moV-red:#C64B42;
  --moV-shadow:0 14px 34px -28px rgba(28,39,48,.48);
}

body.mo-ios-native{
  color:var(--moV-ink)!important;
}

body.mo-ios-native :where(button,[role="button"],.fab,.scan-fab,.status-btn,.restock-btn,.gpick,.bpick,.ret-btn,.rsec-act,.rsec-claim,.mi-go,.stk-go,.repo-all,#moAlertBtn,#moPunchBtn,.mo-punch,.status,.chip-f,.dt-tab,.gtab,.slot,.sp-opt){
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}

body.mo-ios-native :where(button,.fab,.scan-fab,.status-btn,.restock-btn,.gpick,.bpick,.ret-btn,.rsec-act,.rsec-claim,.mi-go,.stk-go,.repo-all,#moAlertBtn,#moPunchBtn,.mo-punch,.status,.chip-f,.sp-opt,.dt-tab,.gtab){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  line-height:1!important;
}

body.mo-ios-native :where(button,.fab,.scan-fab,.status-btn,.restock-btn,.gpick,.bpick,.ret-btn,.rsec-act,.rsec-claim,.mi-go,.stk-go,.repo-all,#moAlertBtn,#moPunchBtn,.mo-punch,.status,.chip-f,.sp-opt,.dt-tab,.gtab) svg,
body.mo-ios-native .mo-native-svg,
body.mo-ios-native .mo-text-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  flex:0 0 auto!important;
  transform:none!important;
}

body.mo-ios-native .mo-text-icon{
  width:20px!important;
  height:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-right:6px!important;
  vertical-align:-4px!important;
  color:currentColor!important;
  flex:0 0 auto!important;
}

body.mo-ios-native .mo-text-icon + .mo-text-icon{
  margin-left:-4px!important;
}

body.mo-ios-native .mo-icon-replaced{
  align-items:center!important;
}

body.mo-page-supply .mh-logo,
body.mo-page-pick .wordmark,
body.mo-page-reposition .wordmark,
body.mo-page-guide .wordmark,
body.mo-page-guide .logo{
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#FFFFFF,#F4F7F8)!important;
  border:1px solid var(--moV-line)!important;
  box-shadow:0 10px 24px -22px rgba(28,39,48,.5)!important;
  color:var(--moV-primary-2)!important;
}

body.mo-page-supply .mh-logo .wm-logo,
body.mo-page-pick .wordmark .wm-logo,
body.mo-page-reposition .wordmark .wm-logo,
body.mo-page-guide .wm-logo{
  width:74%!important;
  height:74%!important;
  filter:none!important;
  opacity:.96!important;
}

body.mo-page-supply .masthead,
body.mo-page-pick header,
body.mo-page-reposition header,
body.mo-page-guide header{
  background:rgba(248,250,251,.93)!important;
  border-bottom:1px solid var(--moV-line)!important;
}

body.mo-page-supply .status,
body.mo-page-pick .status,
body.mo-page-reposition .status{
  min-height:34px!important;
  height:34px!important;
  padding:0 11px!important;
  border:1px solid var(--moV-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--moV-muted)!important;
  font-size:11.5px!important;
  font-weight:750!important;
  box-shadow:none!important;
}

body.mo-page-supply .status.on,
body.mo-page-pick .status.on,
body.mo-page-reposition .status.on{
  color:var(--moV-primary-2)!important;
  background:#F2F7F6!important;
}

body.mo-page-supply .status .led,
body.mo-page-pick .status .led,
body.mo-page-reposition .status .led{
  width:6px!important;
  height:6px!important;
}

body.mo-page-supply .mo-punch-col,
body.mo-page-pick .mo-punch-col,
body.mo-page-reposition .mo-punch-col{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:7px!important;
  min-width:0!important;
}

body.mo-page-supply .mo-ctl-row,
body.mo-page-pick .mo-ctl-row,
body.mo-page-reposition .mo-ctl-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}

body.mo-page-supply #moAlertBtn,
body.mo-page-pick #moAlertBtn,
body.mo-page-reposition #moAlertBtn,
body.mo-page-supply #moPunchBtn,
body.mo-page-pick #moPunchBtn,
body.mo-page-reposition #moPunchBtn,
body.mo-page-supply .mo-punch,
body.mo-page-pick .mo-punch,
body.mo-page-reposition .mo-punch{
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid var(--moV-line)!important;
  background:#fff!important;
  color:var(--moV-primary-2)!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  font-weight:780!important;
  white-space:nowrap!important;
}

body.mo-page-supply #moAlertBtn.on,
body.mo-page-pick #moAlertBtn.on,
body.mo-page-reposition #moAlertBtn.on{
  background:#FFF6E3!important;
  border-color:#E9D6A6!important;
  color:#8A6424!important;
}

body.mo-page-supply #moPunchBtn:not(.on),
body.mo-page-pick #moPunchBtn:not(.on),
body.mo-page-reposition #moPunchBtn:not(.on),
body.mo-page-supply .mo-punch:not(.on),
body.mo-page-pick .mo-punch:not(.on),
body.mo-page-reposition .mo-punch:not(.on){
  background:linear-gradient(180deg,#F2F7F6,#EAF2F2)!important;
  color:var(--moV-primary-2)!important;
}

body.mo-page-supply .seg button.on,
body.mo-page-boss .seg button.on,
body.mo-page-guide .slot.sel{
  background:var(--moV-primary-2)!important;
  border-color:var(--moV-primary-2)!important;
  color:#fff!important;
  box-shadow:0 10px 22px -18px rgba(41,78,98,.75)!important;
}

body.mo-page-pick .seg,
body.mo-page-reposition .seg{
  background:#EAEEF1!important;
  border:1px solid rgba(37,48,58,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}

body.mo-page-pick .seg button.on,
body.mo-page-reposition .seg button.on{
  background:#fff!important;
  color:var(--moV-primary-2)!important;
  box-shadow:0 3px 12px -9px rgba(28,39,48,.7)!important;
}

body.mo-page-pick .seg button.on .badge,
body.mo-page-reposition .seg button.on .badge,
body.mo-page-supply .seg button.on .tbadge{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.2)!important;
}

body.mo-page-pick .seg button.on .badge{
  background:#E6F1EE!important;
  color:var(--moV-green)!important;
  border-color:rgba(35,136,103,.13)!important;
}

body.mo-page-supply .tbadge.urgent,
body.mo-page-pick .badge.has{
  background:var(--moV-red)!important;
  color:#fff!important;
}

body.mo-page-supply .fab,
body.mo-page-pick .fab,
body.mo-page-reposition .scan-fab,
body.mo-page-guide .addbar .scan{
  min-height:58px!important;
  border-radius:21px!important;
  background:linear-gradient(180deg,#426F84,#315A70)!important;
  color:#fff!important;
  box-shadow:0 18px 36px -24px rgba(49,90,112,.82),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

body.mo-page-supply .fab,
body.mo-page-pick .fab{
  width:auto!important;
  left:14px!important;
  right:14px!important;
  transform:none!important;
  padding-left:18px!important;
  padding-right:18px!important;
}

body.mo-page-supply .fab:active,
body.mo-page-pick .fab:active,
body.mo-page-reposition .scan-fab:active{
  transform:scale(.982)!important;
}

body.mo-page-supply .sec-h,
body.mo-page-supply .rq-top,
body.mo-page-pick .overbar,
body.mo-page-pick .chip-f{
  color:var(--moV-ink)!important;
}

body.mo-page-supply .sec-t{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  font-size:15px!important;
  color:var(--moV-ink)!important;
  line-height:1.2!important;
  font-weight:850!important;
}

body.mo-page-supply .sec-n{
  height:22px!important;
  min-width:22px!important;
  border-radius:999px!important;
  background:#EDF2F3!important;
  color:var(--moV-muted)!important;
}

body.mo-page-supply .sec-empty,
body.mo-page-pick .state,
body.mo-page-reposition .empty,
body.mo-page-guide .empty{
  color:#9AA3AA!important;
  background:#F8FAFB!important;
  border-color:rgba(37,48,58,.08)!important;
}

body.mo-page-supply .rq-buy,
body.mo-page-supply .tg-sold,
body.mo-page-pick .chip-f,
body.mo-page-pick .overbar{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  line-height:1!important;
}

body.mo-page-supply .need{
  border-left-color:rgba(198,75,66,.78)!important;
  box-shadow:0 13px 30px -26px rgba(28,39,48,.55)!important;
}

body.mo-page-supply .restock-btn,
body.mo-page-supply .rq-claim,
body.mo-page-supply .grp-claim,
body.mo-page-supply .bulk-claim,
body.mo-page-pick .status-btn,
body.mo-page-pick .gpick:not(.is-ghost),
body.mo-page-pick .bpick:not(.is-ghost),
body.mo-page-reposition .ret-btn,
body.mo-page-reposition .rsec-act,
body.mo-page-reposition .rsec-claim,
body.mo-page-reposition .mi-go{
  border:none!important;
  background:linear-gradient(180deg,#426F84,#315A70)!important;
  color:#fff!important;
  box-shadow:0 12px 24px -20px rgba(49,90,112,.78),inset 0 1px 0 rgba(255,255,255,.20)!important;
}

body.mo-page-pick .status-btn.claim{
  background:linear-gradient(180deg,#C9983D,#AA7824)!important;
}

body.mo-page-pick .status-btn.pick{
  background:linear-gradient(180deg,#2B9670,#237A5D)!important;
}

body.mo-page-supply .restock-btn.dismiss,
body.mo-page-pick .gpick.is-ghost,
body.mo-page-pick .bpick.is-ghost,
body.mo-page-reposition .repo-all,
body.mo-page-reposition .stk-go{
  background:#fff!important;
  color:var(--moV-primary-2)!important;
  border:1px solid var(--moV-line)!important;
  box-shadow:none!important;
}

body.mo-page-pick .state svg,
body.mo-page-reposition .state svg,
body.mo-page-guide .empty svg{
  color:#B6C0C7!important;
}

body.mo-page-pick .chip-f,
body.mo-page-guide .gtab,
body.mo-page-guide .slot{
  min-height:36px!important;
  border-color:var(--moV-line)!important;
  color:var(--moV-muted)!important;
  background:#fff!important;
}

body.mo-page-pick .chip-f.on,
body.mo-page-guide .gtab.on{
  color:var(--moV-primary-2)!important;
  background:#EEF5F5!important;
  border-color:rgba(41,78,98,.16)!important;
}

body.mo-page-guide .cash-bar,
body.mo-page-guide .addbar .done,
body.mo-page-guide .slot.sel{
  background:linear-gradient(180deg,#426F84,#315A70)!important;
  color:#fff!important;
  border-color:transparent!important;
}

body.mo-page-guide .sp-ic{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 20px -15px rgba(28,39,48,.5)!important;
}

body.mo-page-guide .sp-opt.cang .sp-ic{background:linear-gradient(180deg,#5D86D8,#4169BB)!important;}
body.mo-page-guide .sp-opt.hand .sp-ic{background:linear-gradient(180deg,#8C78B8,#6C589D)!important;}
body.mo-page-guide .sp-opt.buy .sp-ic{background:linear-gradient(180deg,#D39A4B,#B77B32)!important;}
body.mo-page-guide .sp-opt.look .sp-ic{background:linear-gradient(180deg,#337F6C,#276A59)!important;}

body.mo-page-boss{
  background:#F5F7F6!important;
  color:var(--moV-ink)!important;
}

body.mo-page-boss .dt-tab.on{
  background:var(--moV-primary-2)!important;
  border-color:var(--moV-primary-2)!important;
  color:#fff!important;
}

body.mo-page-boss .exec-hero,
body.mo-page-boss .exec-panel,
body.mo-page-boss .pipe,
body.mo-page-boss .hist,
body.mo-page-boss .conv,
body.mo-page-boss .chart-card,
body.mo-page-boss .rank-card,
body.mo-page-boss .desk-card,
body.mo-page-boss .att-entry,
body.mo-page-boss .prk-card,
body.mo-page-boss .cat-card,
body.mo-page-boss .grd{
  border-color:var(--moV-line)!important;
  box-shadow:var(--moV-shadow)!important;
}

body.mo-page-boss .exec-hero{
  border-radius:12px!important;
  padding:17px!important;
}

body.mo-page-boss .exec-kpi{
  border-radius:10px!important;
  background:#F8FAF9!important;
  border-color:rgba(37,48,58,.08)!important;
}

body.mo-page-boss .exec-kpi.strong,
body.mo-page-boss .sales-hero{
  background:linear-gradient(180deg,#426F84,#315A70)!important;
  border-color:transparent!important;
  color:#fff!important;
}

body.mo-page-boss .exec-kpi.strong b,
body.mo-page-boss .exec-kpi.strong .ek-l,
body.mo-page-boss .exec-kpi.strong em{
  color:#fff!important;
}

body.mo-page-boss .ea-no{
  background:#EEF5F5!important;
  color:var(--moV-primary-2)!important;
}

body.mo-page-boss .exec-action strong{
  background:#F8F1E4!important;
  color:#8A6424!important;
}

body.mo-page-boss .exec-desk-row{
  border-radius:10px!important;
  background:#F9FBFA!important;
  border-color:rgba(37,48,58,.09)!important;
}

body.mo-page-boss .ed-name,
body.mo-page-boss .exec-eyebrow{
  color:var(--moV-primary-2)!important;
}

@media (max-width:380px){
  body.mo-page-supply #moAlertBtn,
  body.mo-page-pick #moAlertBtn,
  body.mo-page-reposition #moAlertBtn,
  body.mo-page-supply #moPunchBtn,
  body.mo-page-pick #moPunchBtn,
  body.mo-page-reposition #moPunchBtn{
    padding:0 10px!important;
    font-size:11px!important;
  }
  body.mo-page-supply .sec-t,
  body.mo-page-pick .chip-f{
    font-size:14px!important;
  }
}

/* Stability hotfix: logo contrast, no delayed emoji flash, no icon overflow. */
.mo-src-icon,
body.mo-ios-native .mo-src-icon{
  width:18px!important;
  height:18px!important;
  display:block!important;
  flex:0 0 18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  color:currentColor!important;
  overflow:visible!important;
}

body.mo-ios-native .ic{
  width:18px!important;
  height:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 18px!important;
}

body.mo-ios-native .mo-text-icon{
  margin-right:0!important;
  vertical-align:0!important;
}

body.mo-ios-native .mo-text-icon svg{
  width:18px!important;
  height:18px!important;
}

body.mo-page-supply .mh-logo,
body.mo-page-pick .wordmark,
body.mo-page-reposition .wordmark,
body.mo-page-guide .wordmark,
body.mo-page-guide .logo{
  background:linear-gradient(180deg,#426F84,#315A70)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 12px 24px -18px rgba(49,90,112,.55),inset 0 1px 0 rgba(255,255,255,.18)!important;
}

body.mo-page-supply .mh-logo .wm-logo,
body.mo-page-pick .wordmark .wm-logo,
body.mo-page-reposition .wordmark .wm-logo,
body.mo-page-guide .wm-logo{
  width:76%!important;
  height:76%!important;
  opacity:1!important;
  filter:none!important;
}

body.mo-page-pick .top,
body.mo-page-supply .masthead{
  gap:12px!important;
}

body.mo-page-pick .htxt,
body.mo-page-supply .mh-brand,
body.mo-page-guide .htxt{
  min-width:0!important;
  overflow:hidden!important;
}

body.mo-page-pick .eyebrow,
body.mo-page-supply .mh-brand .eyebrow,
body.mo-page-guide .eyebrow{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body.mo-page-pick .mo-punch-col,
body.mo-page-supply .mo-punch-col{
  flex:0 0 152px!important;
  width:152px!important;
  max-width:152px!important;
  align-items:flex-end!important;
}

body.mo-page-pick .mo-ctl-row,
body.mo-page-supply .mo-ctl-row{
  width:152px!important;
  justify-content:flex-end!important;
  gap:6px!important;
  overflow:visible!important;
}

body.mo-page-pick .pill,
body.mo-page-supply .status{
  width:auto!important;
  max-width:152px!important;
  align-self:flex-end!important;
}

body.mo-page-pick #moAlertBtn,
body.mo-page-supply #moAlertBtn{
  width:74px!important;
  padding:0 9px!important;
}

body.mo-page-pick #moPunchBtn,
body.mo-page-supply #moPunchBtn,
body.mo-page-pick .mo-punch,
body.mo-page-supply .mo-punch{
  width:72px!important;
  padding:0 9px!important;
}

body.mo-page-pick .chip-f,
body.mo-page-supply .rq-buy,
body.mo-page-supply .rq-over,
body.mo-page-supply .tg-sold,
body.mo-page-pick .gn-buy,
body.mo-page-pick .gn-fit,
body.mo-page-pick .t-badge,
body.mo-page-pick .oos-btn,
body.mo-page-pick .overbar{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  line-height:1!important;
}

body.mo-page-pick .chip-f .mo-src-icon,
body.mo-page-supply .sec-t .mo-src-icon,
body.mo-page-supply .rq-buy .mo-src-icon,
body.mo-page-supply .rq-over .mo-src-icon,
body.mo-page-supply .tg-sold .mo-src-icon{
  color:currentColor!important;
}

body.mo-page-supply .rq-over,
body.mo-page-pick .t-badge.over,
body.mo-page-pick .overbar{
  color:#B2433A!important;
}

body.mo-page-guide .cb-t,
body.mo-page-guide .co-title,
body.mo-page-guide .bo-print,
body.mo-page-guide .bo-doneb,
body.mo-page-guide .bo-cashb,
body.mo-page-guide .bo-cashb-big,
body.mo-page-guide .src-t,
body.mo-page-guide .stat-over,
body.mo-page-guide .stat-wait,
body.mo-page-guide .stat-unprint,
body.mo-page-guide .serving{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

body.mo-page-guide .bo-print .mo-src-icon,
body.mo-page-guide .bo-doneb .mo-src-icon,
body.mo-page-guide .bo-cashb .mo-src-icon,
body.mo-page-guide .bo-cashb-big .mo-src-icon,
body.mo-page-guide .src-t .mo-src-icon,
body.mo-page-guide .stat-over .mo-src-icon,
body.mo-page-guide .stat-wait .mo-src-icon,
body.mo-page-guide .stat-unprint .mo-src-icon{
  width:16px!important;
  height:16px!important;
  flex-basis:16px!important;
  min-width:16px!important;
  min-height:16px!important;
}

body.mo-page-reposition .rsec-nm{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}

@media (max-width:380px){
  body.mo-page-pick .mo-punch-col,
  body.mo-page-supply .mo-punch-col,
  body.mo-page-pick .mo-ctl-row,
  body.mo-page-supply .mo-ctl-row{
    flex-basis:142px!important;
    width:142px!important;
    max-width:142px!important;
  }
  body.mo-page-pick #moAlertBtn,
  body.mo-page-supply #moAlertBtn{
    width:69px!important;
    padding:0 7px!important;
  }
  body.mo-page-pick #moPunchBtn,
  body.mo-page-supply #moPunchBtn,
  body.mo-page-pick .mo-punch,
  body.mo-page-supply .mo-punch{
    width:67px!important;
    padding:0 7px!important;
  }
}

/* Character-level experience pass: calmer shell, compact copy, no duplicated child headers. */
body.mo-page-shell{
  background:#F5F6F8!important;
  color:#1D1D1F!important;
}

body.mo-page-shell .glassbg{
  background:linear-gradient(180deg,#FAFAFC 0%,#F4F5F7 100%)!important;
}

body.mo-page-shell .switcher{
  height:calc(46px + env(safe-area-inset-top))!important;
  padding:calc(6px + env(safe-area-inset-top)) 14px 6px!important;
  gap:10px!important;
  align-items:center!important;
  background:rgba(249,249,250,.86)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 10px 22px -22px rgba(0,0,0,.36)!important;
  backdrop-filter:blur(20px) saturate(1.8)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.8)!important;
}

body.mo-page-shell .brand{
  width:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  gap:0!important;
}

body.mo-page-shell .brand .logo{
  display:none!important;
}

body.mo-page-shell .brand .tx{
  min-width:0!important;
}

body.mo-page-shell .brand .zh{
  display:block!important;
  color:#1D1D1F!important;
  font-size:13px!important;
  line-height:16px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

body.mo-page-shell .brand .en{
  display:block!important;
  margin-top:1px!important;
  color:#9A9AA0!important;
  font-size:7px!important;
  line-height:9px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
}

body.mo-page-shell .seg{
  flex:1 1 auto!important;
  height:34px!important;
  min-width:0!important;
  padding:3px!important;
  gap:3px!important;
  border-radius:14px!important;
  background:#E9EAED!important;
  border:1px solid rgba(0,0,0,.06)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.06)!important;
}

body.mo-page-shell .seg button{
  height:28px!important;
  min-width:0!important;
  border-radius:10px!important;
  padding:0 8px!important;
  color:#6B6B70!important;
  font-size:13px!important;
  font-weight:760!important;
  letter-spacing:0!important;
  line-height:28px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
}

body.mo-page-shell .seg button.on{
  color:#1D1D1F!important;
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(0,0,0,.06)!important;
  box-shadow:0 2px 9px rgba(0,0,0,.12),0 1px 0 rgba(255,255,255,.92)!important;
}

body.mo-page-shell .seg .cnt{
  min-width:16px!important;
  height:16px!important;
  margin-left:5px!important;
  padding:0 5px!important;
  border-radius:8px!important;
  font-size:10px!important;
  line-height:16px!important;
  vertical-align:1px!important;
  box-shadow:none!important;
}

body.mo-page-shell .stage{
  top:var(--mo-shell-top, calc(46px + env(safe-area-inset-top)))!important;
  background:#F5F6F8!important;
}

body.mo-page-shell iframe{
  background:#F5F6F8!important;
}

body.mo-shell-child{
  background:#F5F6F8!important;
}

body.mo-shell-child.mo-page-guide header,
body.mo-shell-child.mo-page-pick header,
body.mo-shell-child.mo-page-reposition header,
body.mo-shell-child.mo-page-supply .masthead{
  display:none!important;
}

body.mo-shell-child.mo-page-guide .slots,
body.mo-shell-child.mo-page-pick .tabs,
body.mo-shell-child.mo-page-reposition .tools,
body.mo-shell-child.mo-page-supply .tabs{
  margin-top:0!important;
}

body.mo-shell-child.mo-page-guide .slots{
  padding-top:13px!important;
}

body.mo-shell-child #moWelcome{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.mo-shell-child #moWelcome .mw-inner{
  transform:translateY(-14px)!important;
}

body.mo-ios-native #moWelcome{
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.84) 22%,rgba(245,246,248,0) 47%),
    linear-gradient(180deg,#FAFAFB 0%,#F4F5F8 100%)!important;
}

body.mo-ios-native #moWelcome .mw-logo{
  width:86px!important;
  height:86px!important;
  border-radius:22px!important;
  background:#101114!important;
  box-shadow:0 22px 44px -22px rgba(0,0,0,.42),0 2px 10px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.10)!important;
}

body.mo-ios-native #moWelcome .mw-title{
  margin-top:26px!important;
  color:#1D1D1F!important;
  font-size:28px!important;
  line-height:34px!important;
  font-weight:760!important;
  letter-spacing:0!important;
}

body.mo-ios-native #moWelcome .mw-en{
  margin-top:7px!important;
  color:#A0A0A6!important;
  font-size:11px!important;
  line-height:14px!important;
  font-weight:760!important;
  letter-spacing:.11em!important;
  text-indent:0!important;
  text-transform:none!important;
}

body.mo-ios-native #moWelcome .mw-enter{
  min-width:196px!important;
  height:52px!important;
  margin-top:42px!important;
  border-radius:15px!important;
  background:#1D1D1F!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:760!important;
  letter-spacing:.03em!important;
  text-indent:0!important;
  box-shadow:0 18px 34px -22px rgba(0,0,0,.54),0 1px 0 rgba(255,255,255,.10) inset!important;
}

body.mo-page-guide .slots{
  padding:8px 14px 5px!important;
  background:#F5F6F8!important;
  border-bottom:1px solid rgba(0,0,0,.06)!important;
}

body.mo-page-guide .slots-l{
  margin-bottom:6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

body.mo-page-guide .slots-l .eyebrow{
  color:#5F666D!important;
  font-size:13px!important;
  font-weight:780!important;
  line-height:18px!important;
  letter-spacing:0!important;
}

body.mo-page-guide .slots-l .lib{
  color:#9A9AA0!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:18px!important;
  white-space:nowrap!important;
}

body.mo-page-guide .slot-row{
  gap:8px!important;
  overflow-x:auto!important;
  padding-bottom:2px!important;
  scroll-snap-type:x proximity!important;
}

body.mo-page-guide .slot{
  min-width:126px!important;
  min-height:62px!important;
  border-radius:14px!important;
  padding:9px 12px!important;
  border-color:rgba(0,0,0,.08)!important;
  box-shadow:0 8px 20px -18px rgba(0,0,0,.34)!important;
  scroll-snap-align:start!important;
}

body.mo-page-guide .slot.on{
  background:linear-gradient(180deg,#477A8E 0%,#33687C 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 14px 28px -18px rgba(38,91,111,.62)!important;
}

body.mo-page-guide .slot.sel{
  background:linear-gradient(180deg,#477A8E 0%,#33687C 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 10px 22px -17px rgba(38,91,111,.66)!important;
}

body.mo-page-guide .slot b{
  font-size:17px!important;
  line-height:21px!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

body.mo-page-guide .slot small,
body.mo-page-guide .slot span{
  letter-spacing:0!important;
}

body.mo-page-guide .slot small{
  font-size:11px!important;
  line-height:14px!important;
}

body.mo-page-guide .slot.add{
  min-width:108px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  color:#61666D!important;
  background:rgba(255,255,255,.72)!important;
}

body.mo-page-guide .gtabs{
  margin:7px 14px 8px!important;
  height:40px!important;
  padding:3px!important;
  border-radius:15px!important;
  background:#F0F2F2!important;
  border:1px solid rgba(0,0,0,.07)!important;
}

body.mo-page-guide .gtab{
  min-height:32px!important;
  border-radius:12px!important;
  font-size:14px!important;
  font-weight:780!important;
  letter-spacing:0!important;
}

body.mo-page-guide .gtab.on{
  background:#fff!important;
  color:#2E697C!important;
  box-shadow:0 2px 10px rgba(0,0,0,.10)!important;
}

body.mo-page-guide .gx-focus{
  display:none!important;
}

body.mo-page-guide .gx-focus-top{
  align-items:flex-start!important;
}

body.mo-page-guide .gx-focus-title span{
  color:#2E697C!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

body.mo-page-guide .gx-focus-title b{
  color:#111214!important;
  font-size:20px!important;
  line-height:25px!important;
  letter-spacing:0!important;
}

body.mo-page-guide .gx-focus-title em{
  color:#77777D!important;
  font-size:13px!important;
  line-height:18px!important;
  letter-spacing:0!important;
}

body.mo-page-guide .gx-focus-score b{
  color:#23845F!important;
  font-size:27px!important;
  line-height:31px!important;
  letter-spacing:0!important;
}

body.mo-page-guide .gx-focus-score span{
  color:#77777D!important;
  font-size:11px!important;
  line-height:14px!important;
  font-weight:760!important;
}

body.mo-page-guide .gx-focus-grid{
  gap:8px!important;
}

body.mo-page-guide .gx-mini{
  min-height:50px!important;
  border-radius:12px!important;
  background:#F7F8F8!important;
  border:1px solid rgba(0,0,0,.06)!important;
  box-shadow:none!important;
}

body.mo-page-guide .gx-mini b{
  color:#1D1D1F!important;
  font-size:19px!important;
  line-height:22px!important;
  letter-spacing:0!important;
}

body.mo-page-guide .gx-mini span{
  color:#727277!important;
  font-size:11px!important;
  line-height:14px!important;
  font-weight:760!important;
}

body.mo-page-guide .cart-h{
  padding:2px 14px 6px!important;
  gap:6px!important;
  align-items:baseline!important;
}

body.mo-page-guide .cart-h .t{
  color:#111214!important;
  font-size:18px!important;
  line-height:23px!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

body.mo-page-guide .cart-h .s{
  color:#76767C!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:720!important;
}

body.mo-page-guide .state,
body.mo-page-pick .empty,
body.mo-page-supply .empty,
body.mo-page-reposition .empty{
  color:#AEAEB2!important;
}

body.mo-page-guide .state h4{
  color:#1D1D1F!important;
  font-size:18px!important;
  line-height:23px!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

body.mo-page-guide .state p{
  color:#8E8E93!important;
  font-size:13px!important;
  line-height:19px!important;
  letter-spacing:0!important;
}

body.mo-page-guide .addbar{
  left:0!important;
  right:0!important;
  bottom:0!important;
  padding:8px 14px calc(8px + env(safe-area-inset-bottom))!important;
  background:rgba(255,255,255,.88)!important;
  border-top:1px solid rgba(0,0,0,.06)!important;
  box-shadow:0 -12px 28px -24px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(20px) saturate(1.7)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.7)!important;
}

body.mo-page-guide .addbar .sum{
  flex:0 0 70px!important;
  min-width:70px!important;
  color:#1D1D1F!important;
}

body.mo-page-guide .addbar .sum b{
  font-size:25px!important;
  line-height:29px!important;
  letter-spacing:0!important;
}

body.mo-page-guide .addbar .sum span{
  color:#7A7A80!important;
  font-size:10px!important;
  line-height:13px!important;
  white-space:nowrap!important;
}

body.mo-page-guide .addbar .scan{
  height:50px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#477A8E 0%,#33687C 100%)!important;
  box-shadow:0 14px 26px -18px rgba(45,97,118,.68)!important;
  font-size:17px!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

body.mo-page-guide header{
  min-height:72px!important;
  padding:10px 14px!important;
}

body.mo-page-guide header .logo,
body.mo-page-guide header .wordmark{
  width:46px!important;
  height:46px!important;
  border-radius:13px!important;
}

body.mo-page-guide .htxt h1{
  font-size:23px!important;
  line-height:28px!important;
  letter-spacing:0!important;
}

body.mo-page-guide .htxt .eyebrow{
  font-size:12px!important;
  line-height:16px!important;
}

body.mo-page-guide .mo-punch-col{
  transform:scale(.9)!important;
  transform-origin:right center!important;
}

body.mo-page-guide #cart{
  padding:0 14px calc(76px + env(safe-area-inset-bottom))!important;
}

body.mo-page-guide #cart .state{
  margin-top:0!important;
  min-height:178px!important;
  padding:24px 0!important;
}

body.mo-page-guide #mbOverlay{
  background:rgba(29,29,31,.36)!important;
  align-items:flex-end!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

body.mo-page-guide .mb-sheet{
  width:100%!important;
  max-width:560px!important;
  height:min(84vh,720px)!important;
  max-height:calc(100vh - 52px - env(safe-area-inset-top))!important;
  background:#F5F6F8!important;
  border-radius:18px 18px 0 0!important;
  box-shadow:0 -18px 44px -28px rgba(0,0,0,.42)!important;
}

body.mo-page-guide .mb-top{
  min-height:50px!important;
  padding:9px 14px!important;
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid rgba(0,0,0,.08)!important;
  backdrop-filter:blur(18px) saturate(1.6)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.6)!important;
}

body.mo-page-guide .mb-ttl{
  color:#1D1D1F!important;
  font-size:16px!important;
  line-height:22px!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

body.mo-page-guide .mb-x{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:17px!important;
  background:#FFFFFF!important;
  border:1px solid rgba(0,0,0,.09)!important;
  color:#707077!important;
  font-size:20px!important;
  box-shadow:0 2px 8px -7px rgba(0,0,0,.35)!important;
}

body.mo-page-guide .mb-body{
  padding:9px 12px calc(14px + env(safe-area-inset-bottom))!important;
  background:#F5F6F8!important;
}

body.mo-page-guide .mb-date{
  height:34px!important;
  min-height:34px!important;
  margin:0 0 8px!important;
  padding:0 12px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(0,0,0,.08)!important;
  box-shadow:none!important;
}

body.mo-page-guide .mb-date select{
  height:32px!important;
  min-height:32px!important;
  color:#1D1D1F!important;
  font-size:13px!important;
  font-weight:760!important;
}

body.mo-page-guide .mb-hero{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:12px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#177247 0%,#11643D 100%)!important;
  box-shadow:0 12px 28px -22px rgba(17,100,61,.55)!important;
}

body.mo-page-guide .mb-hrt{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}

body.mo-page-guide .mb-hl{
  color:rgba(255,255,255,.70)!important;
  font-size:12px!important;
  line-height:16px!important;
  font-weight:760!important;
}

body.mo-page-guide .mb-hv{
  margin-top:2px!important;
  color:#FFFFFF!important;
  font-size:30px!important;
  line-height:34px!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

body.mo-page-guide .mb-hr{
  text-align:right!important;
  padding-top:3px!important;
}

body.mo-page-guide .mb-hrk{
  color:#FFFFFF!important;
  font-size:19px!important;
  line-height:23px!important;
  font-weight:820!important;
}

body.mo-page-guide .mb-hrl{
  color:rgba(255,255,255,.68)!important;
  font-size:11px!important;
  line-height:15px!important;
  font-weight:760!important;
}

body.mo-page-guide .mb-kpi{
  margin-top:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}

body.mo-page-guide .mb-k{
  min-height:43px!important;
  padding:7px 8px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.16)!important;
}

body.mo-page-guide .mb-kv{
  color:#fff!important;
  font-size:16px!important;
  line-height:20px!important;
  font-weight:820!important;
}

body.mo-page-guide .mb-kl{
  margin-top:0!important;
  color:rgba(255,255,255,.62)!important;
  font-size:10px!important;
  line-height:13px!important;
  font-weight:720!important;
}

body.mo-page-guide .mb-sec{
  margin:11px 2px 6px!important;
  color:#1D1D1F!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

body.mo-page-guide .mb-tabs{
  margin:0 0 7px!important;
  padding:3px!important;
  gap:3px!important;
  border-radius:13px!important;
  background:#E9EAED!important;
  border:1px solid rgba(0,0,0,.06)!important;
}

body.mo-page-guide .mb-tab{
  flex:1 1 0!important;
  min-height:32px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  border:0!important;
  background:transparent!important;
  color:#6D7278!important;
  font-size:13px!important;
  font-weight:780!important;
}

body.mo-page-guide .mb-tab.on{
  background:#fff!important;
  color:#11643D!important;
  box-shadow:0 2px 9px rgba(0,0,0,.10)!important;
}

body.mo-page-guide .mb-card{
  background:#FFFFFF!important;
  border:1px solid rgba(0,0,0,.07)!important;
  border-radius:13px!important;
  padding:2px 10px!important;
  box-shadow:0 8px 18px -18px rgba(0,0,0,.34)!important;
}

body.mo-page-guide .mb-detail-card{
  padding:0 8px!important;
  overflow:hidden!important;
}

body.mo-page-guide .mb-it{
  min-height:48px!important;
  padding:8px 4px!important;
  gap:8px!important;
}

body.mo-page-guide .mb-it+.mb-it{
  border-top:1px solid #F0F1F2!important;
}

body.mo-page-guide .mb-it-nm{
  color:#1D1D1F!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:760!important;
  letter-spacing:0!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
}

body.mo-page-guide .mb-it-sub{
  margin-top:1px!important;
  color:#8D8D93!important;
  font-size:11px!important;
  line-height:15px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:230px!important;
}

body.mo-page-guide .mb-it-r{
  min-width:70px!important;
}

body.mo-page-guide .mb-it-amt{
  color:#11643D!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:820!important;
}

body.mo-page-guide .mb-it-t{
  margin-top:1px!important;
  color:#929298!important;
  font-size:10px!important;
  line-height:13px!important;
}

body.mo-page-guide .mb-rk{
  min-height:38px!important;
  padding:6px 0!important;
}

body.mo-page-guide .mb-empty{
  padding:20px 0!important;
  color:#9A9AA0!important;
  font-size:13px!important;
  line-height:18px!important;
}

body.mo-page-guide .mb-note{
  margin:10px 0 4px!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  background:#ECEDEF!important;
  color:#9A9AA0!important;
  font-size:10px!important;
  line-height:15px!important;
}

body.mo-page-guide .mb-leg{
  margin-left:auto!important;
}

/* Operation-first density for every workstation. */
body.mo-page-pick header,
body.mo-page-reposition header,
body.mo-page-supply .masthead,
body.mo-page-supply header{
  min-height:auto!important;
  padding:10px 14px 9px!important;
  background:rgba(255,255,255,.90)!important;
  border-bottom:1px solid rgba(0,0,0,.07)!important;
  box-shadow:none!important;
}

body.mo-page-pick .top,
body.mo-page-reposition .top,
body.mo-page-supply .masthead{
  gap:10px!important;
  align-items:center!important;
}

body.mo-page-pick .wordmark,
body.mo-page-reposition .wordmark,
body.mo-page-supply .mh-logo{
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
  flex:0 0 44px!important;
}

body.mo-page-pick .htxt h1,
body.mo-page-reposition .htxt h1,
body.mo-page-supply .mh-brand h1{
  font-size:22px!important;
  line-height:27px!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

body.mo-page-pick .eyebrow,
body.mo-page-reposition .eyebrow,
body.mo-page-supply .mh-brand .eyebrow{
  font-size:11px!important;
  line-height:15px!important;
  color:#777D84!important;
  font-weight:760!important;
  letter-spacing:0!important;
}

body.mo-page-pick .mo-punch-col,
body.mo-page-supply .mo-punch-col,
body.mo-page-reposition .mo-punch-col{
  transform:scale(.88)!important;
  transform-origin:right center!important;
  flex-basis:134px!important;
  width:134px!important;
  max-width:134px!important;
}

body.mo-page-pick .tabs,
body.mo-page-reposition .tabs,
body.mo-page-supply .tabs,
body.mo-page-pick .chips,
body.mo-page-supply .tools,
body.mo-page-reposition .tools{
  padding:7px 14px!important;
  margin:0!important;
  gap:7px!important;
  background:#F5F6F8!important;
  border-bottom:1px solid rgba(0,0,0,.06)!important;
}

body.mo-page-pick .tabs button,
body.mo-page-reposition .tabs button,
body.mo-page-supply .tabs button{
  min-height:34px!important;
  height:34px!important;
  border-radius:12px!important;
  padding:0 12px!important;
  font-size:14px!important;
  font-weight:780!important;
}

body.mo-page-pick .chip-f,
body.mo-page-supply .chip-f,
body.mo-page-reposition .chip-f,
body.mo-page-supply .sec-t,
body.mo-page-supply .rq-buy,
body.mo-page-supply .rq-over,
body.mo-page-supply .tg-sold{
  min-height:32px!important;
  height:32px!important;
  border-radius:13px!important;
  padding:0 11px!important;
  font-size:13px!important;
  font-weight:760!important;
}

body.mo-page-pick #list,
body.mo-page-pick .list,
body.mo-page-reposition #list,
body.mo-page-reposition .list,
body.mo-page-supply #list,
body.mo-page-supply .list{
  padding:8px 12px calc(82px + env(safe-area-inset-bottom))!important;
}

body.mo-page-pick .grp,
body.mo-page-pick .card,
body.mo-page-reposition .rsec,
body.mo-page-reposition .card,
body.mo-page-supply .sec,
body.mo-page-supply .rq-card,
body.mo-page-supply .card{
  border-radius:13px!important;
  margin-bottom:9px!important;
  border:1px solid rgba(0,0,0,.07)!important;
  box-shadow:0 7px 18px -18px rgba(0,0,0,.34)!important;
}

body.mo-page-pick .grp-h,
body.mo-page-pick .batch-h,
body.mo-page-reposition .rsec-h,
body.mo-page-supply .sec-h{
  min-height:40px!important;
  padding:8px 10px!important;
  gap:8px!important;
}

body.mo-page-pick .card,
body.mo-page-reposition .ritem,
body.mo-page-supply .rq-card,
body.mo-page-supply .rrow{
  padding:10px 12px!important;
}

body.mo-page-pick .c-name,
body.mo-page-reposition .ri-nm,
body.mo-page-supply .rq-name,
body.mo-page-supply .rname{
  font-size:14px!important;
  line-height:19px!important;
  font-weight:780!important;
  color:#1D1D1F!important;
}

body.mo-page-pick .c-meta,
body.mo-page-reposition .ri-meta,
body.mo-page-supply .rq-meta,
body.mo-page-supply .rmeta{
  font-size:11px!important;
  line-height:16px!important;
  color:#7F858C!important;
}

body.mo-page-pick .gpick,
body.mo-page-pick .bpick,
body.mo-page-reposition .rsec-act,
body.mo-page-reposition .rsec-claim,
body.mo-page-supply .restock-btn,
body.mo-page-supply .stkq-btn{
  min-height:34px!important;
  height:34px!important;
  border-radius:11px!important;
  padding:0 11px!important;
  font-size:13px!important;
  font-weight:800!important;
}

body.mo-page-pick .fab,
body.mo-page-reposition .scan-fab,
body.mo-page-supply .fab,
body.mo-page-supply .scan-fab{
  left:0!important;
  right:0!important;
  bottom:0!important;
  transform:none!important;
  width:auto!important;
  max-width:none!important;
  border-radius:0!important;
  padding:8px 14px calc(8px + env(safe-area-inset-bottom))!important;
  background:rgba(255,255,255,.88)!important;
  border-top:1px solid rgba(0,0,0,.06)!important;
  box-shadow:0 -12px 28px -24px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(20px) saturate(1.7)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.7)!important;
}

body.mo-page-pick .fab{
  justify-content:center!important;
  min-height:66px!important;
  color:#fff!important;
}

body.mo-page-pick .fab::before,
body.mo-page-supply .fab::before{
  content:""!important;
  position:absolute!important;
  inset:8px 14px calc(8px + env(safe-area-inset-bottom))!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#477A8E 0%,#33687C 100%)!important;
  box-shadow:0 14px 26px -18px rgba(45,97,118,.68)!important;
  z-index:-1!important;
}

body.mo-page-pick .fab:active{
  transform:scale(.99)!important;
}

body.mo-page-pick .fab,
body.mo-page-supply .fab{
  left:14px!important;
  right:14px!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  width:auto!important;
  min-height:50px!important;
  height:50px!important;
  padding:0 18px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#477A8E 0%,#33687C 100%)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 14px 26px -18px rgba(45,97,118,.68)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.mo-page-pick .fab::before,
body.mo-page-supply .fab::before{
  display:none!important;
}

body.mo-page-reposition .scan-fab .go,
body.mo-page-supply .scan-fab .go,
body.mo-page-supply .fab button{
  height:50px!important;
  border-radius:16px!important;
  font-size:17px!important;
  font-weight:820!important;
  background:linear-gradient(180deg,#477A8E 0%,#33687C 100%)!important;
  box-shadow:0 14px 26px -18px rgba(45,97,118,.68)!important;
}

body.mo-page-pick .empty,
body.mo-page-reposition .empty,
body.mo-page-supply .empty,
body.mo-page-pick .state,
body.mo-page-reposition .state,
body.mo-page-supply .state{
  padding:30px 16px!important;
  min-height:150px!important;
}

body.mo-shell-child.mo-page-pick header,
body.mo-shell-child.mo-page-reposition header,
body.mo-shell-child.mo-page-supply .masthead,
body.mo-shell-child.mo-page-supply header{
  display:none!important;
}

body.mo-shell-child.mo-page-pick .tabs,
body.mo-shell-child.mo-page-reposition .tabs,
body.mo-shell-child.mo-page-supply .tabs,
body.mo-shell-child.mo-page-pick .chips,
body.mo-shell-child.mo-page-supply .tools,
body.mo-shell-child.mo-page-reposition .tools{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  background:rgba(245,246,248,.92)!important;
  backdrop-filter:blur(18px) saturate(1.5)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.5)!important;
}

@media (max-width:380px){
  body.mo-page-pick .wordmark,
  body.mo-page-reposition .wordmark,
  body.mo-page-supply .mh-logo{
    width:40px!important;
    height:40px!important;
  }
  body.mo-page-pick .htxt h1,
  body.mo-page-reposition .htxt h1,
  body.mo-page-supply .mh-brand h1{
    font-size:20px!important;
  }
  body.mo-page-pick .gpick,
  body.mo-page-pick .bpick,
  body.mo-page-reposition .rsec-act,
  body.mo-page-supply .restock-btn{
    padding:0 9px!important;
    font-size:12px!important;
  }
}

@media (max-width:380px){
  body.mo-page-guide .mb-sheet{
    height:86vh!important;
  }
  body.mo-page-guide .mb-hv{
    font-size:28px!important;
  }
  body.mo-page-guide .mb-k{
    padding-left:6px!important;
    padding-right:6px!important;
  }
  body.mo-page-guide .mb-it-sub{
    max-width:190px!important;
  }
}

body.mo-page-guide .sp-opt{
  min-height:72px!important;
  border-radius:16px!important;
  border-color:rgba(0,0,0,.08)!important;
  box-shadow:0 9px 24px -22px rgba(0,0,0,.32)!important;
}

body.mo-page-guide .sp-tx b{
  font-size:16px!important;
  line-height:21px!important;
  letter-spacing:0!important;
}

body.mo-page-guide .sp-tx i{
  color:#77777D!important;
  font-size:12px!important;
  line-height:17px!important;
  letter-spacing:0!important;
}

body.mo-page-guide .sp-ic{
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  box-shadow:0 12px 24px -18px rgba(0,0,0,.45)!important;
}

@media (max-width:380px){
  body.mo-page-shell .switcher{
    padding-left:12px!important;
    padding-right:12px!important;
    gap:8px!important;
  }
  body.mo-page-shell .brand{
    width:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }
  body.mo-page-shell .brand .zh{
    font-size:13px!important;
  }
  body.mo-page-shell .seg button{
    font-size:13px!important;
    padding:0 6px!important;
  }
  body.mo-page-guide .slot{
    min-width:118px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* CPZG native-child restore: the warehouse-control shell must switch desks,
   not remove the selected desk's own identity, operator and status header. */
body.mo-cpzg-native-child.mo-page-pick header,
body.mo-cpzg-native-child.mo-page-reposition header,
body.mo-cpzg-native-child.mo-page-supply header,
body.mo-cpzg-native-child.mo-page-supply .masthead{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}

body.mo-cpzg-native-child.mo-page-pick .tabs,
body.mo-cpzg-native-child.mo-page-reposition .tabs,
body.mo-cpzg-native-child.mo-page-supply .tabs,
body.mo-cpzg-native-child.mo-page-pick .chips,
body.mo-cpzg-native-child.mo-page-reposition .tools,
body.mo-cpzg-native-child.mo-page-supply .tools{
  top:auto!important;
}

/* 2026-07-03 仓配总管台滚动协议
   外层只负责切换工作台；补货页用页面滚动，配货/归位页用 main 内滚。
   这样 iOS、安卓、华为 WebView 都不会被固定底部扫码按钮卡住。 */
html.mo-cpzg-native-root,
body.mo-cpzg-native-child{
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
}

body.mo-cpzg-native-child.mo-page-supply{
  height:100dvh!important;
  height:100vh!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  touch-action:pan-y!important;
  padding-bottom:0!important;
}

body.mo-cpzg-native-child.mo-page-supply .masthead,
body.mo-cpzg-native-child.mo-page-supply .tools,
body.mo-cpzg-native-child.mo-page-supply .sum{
  flex:0 0 auto!important;
}

body.mo-cpzg-native-child.mo-page-supply #list,
body.mo-cpzg-native-child.mo-page-supply .list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  padding-bottom:calc(196px + env(safe-area-inset-bottom))!important;
}

body.mo-cpzg-native-child.mo-page-pick,
body.mo-cpzg-native-child.mo-page-reposition{
  height:100%!important;
  overflow:hidden!important;
}

body.mo-cpzg-native-child.mo-page-pick #app,
body.mo-cpzg-native-child.mo-page-reposition #app{
  height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
}

body.mo-cpzg-native-child.mo-page-pick main,
body.mo-cpzg-native-child.mo-page-reposition main{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
}

body.mo-cpzg-native-child .fab,
body.mo-cpzg-native-child .scan-fab{
  pointer-events:auto!important;
}

body.mo-cpzg-native-child .fab-scrim{
  pointer-events:none!important;
}