/* Mobile floor workspace. Deliberately scoped: desktop and data workflows stay intact. */
body.rx-mobile-view{--floor-ink:#102b32;--floor-muted:#53676c;--floor-paper:#f4f5f0;--floor-line:#dce3df;--floor-blue:#155dcc;--floor-green:#15754e;background:var(--floor-paper)!important;color:var(--floor-ink);margin:0!important;padding:0!important}
body.rx-mobile-view #mobileView{padding:0!important;margin:0!important;max-width:none!important}
body.rx-mobile-view .mobile-stage{display:block!important;padding:0!important;background:var(--floor-paper)!important;min-height:100dvh}
body.rx-mobile-view .phone{width:100%!important;max-width:680px!important;margin:0 auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--floor-paper)!important;overflow:visible!important;min-height:100dvh}
body.rx-mobile-view .phone-top{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;padding:20px 20px 16px!important;background:var(--floor-ink)!important;border:0!important;border-radius:0 0 22px 22px!important;min-height:100px!important;color:white!important;box-shadow:none!important}
body.rx-mobile-view .phone-top>b{display:flex!important;align-items:center;gap:10px;font-size:19px!important;line-height:1.25}
.rxMobileBrandMark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#d9ef8c;color:#18342d;font-size:15px;letter-spacing:-1px}
.phone-top>b small{display:block;font-size:8px;letter-spacing:1.8px;color:#bbd2cc;margin-bottom:4px}
body.rx-mobile-view .phone-top #mobileUser{display:block!important;grid-column:1!important;grid-row:2!important;font-size:12px!important;color:#e0ece6!important;font-weight:650!important;max-width:none!important;white-space:normal!important}
body.rx-mobile-view .rxMobileDesktopBtn{grid-column:2;grid-row:1 / span 2;align-self:center;background:#264047!important;border:1px solid #51676b!important;color:white!important;border-radius:12px!important;min-height:44px!important;padding:10px!important;font-size:12px!important}
body.rx-mobile-view .rxMobileCloseBtn,body.rx-mobile-view .phone-top>button:not(.rxMobileDesktopBtn):not(.rxMobileLogoutBtn),body.rx-mobile-view #rxHeaderReveal,body.rx-mobile-view #rxHeaderRevealButton{display:none!important}
body.rx-mobile-view .phone-top .rxMobileLogoutBtn{grid-column:2;grid-row:1 / span 2;align-self:center;display:grid!important;place-items:center;width:40px;height:40px;padding:0!important;border:1px solid #d6e1f1!important;border-radius:12px!important;background:#f3f7fd!important;color:#31547f!important;box-shadow:none!important;cursor:pointer}
body.rx-mobile-view .phone-top .rxMobileLogoutBtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.rx-mobile-view .phone-top .rxMobileLogoutBtn:active{transform:scale(.94)}
body.rx-mobile-view .rxMobileAccountIdentity{display:grid;gap:4px;padding:16px;border:1px solid #dce5f2;border-radius:16px;background:#f5f8fd}.rxMobileAccountIdentity span{color:#637796;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rxMobileAccountIdentity b{color:#172e50;font-size:20px}.rxMobileAccountIdentity small{color:#435c7d;font-size:13px;font-weight:700}
body.rx-mobile-view .modal.rxMobileAccountModal{align-self:center!important;display:block!important;width:min(360px,calc(100vw - 24px))!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;border-radius:22px!important;overflow:hidden!important}
body.rx-mobile-view .rxMobileAccountModal .mh{background:#f5f8fd!important;color:#172e50!important;border-bottom:1px solid #dce5f2!important}
body.rx-mobile-view .rxMobileAccountModal .mh h2{font-size:21px!important}
body.rx-mobile-view .rxMobileAccountModal .mf{position:relative!important;display:grid!important;grid-template-columns:1fr 1.25fr!important}
body.rx-mobile-view .phone-body{padding:20px 16px calc(106px + env(safe-area-inset-bottom))!important;max-height:none!important;overflow:visible!important}
html.rx-v52-polish body.rx-mobile-view .phone-tabs,body.rx-mobile-view .phone-tabs{position:fixed!important;inset:auto 0 0!important;top:auto!important;margin:0 auto!important;max-width:680px!important;z-index:90!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;background:#fff!important;border-top:1px solid var(--floor-line)!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;border-radius:20px 20px 0 0!important;box-shadow:0 -8px 30px #102b320b!important}
body.rx-mobile-view .phone-tabs button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:62px!important;padding:7px 2px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--floor-muted)!important;font-size:11px!important;box-shadow:none!important;line-height:1.2!important}
body.rx-mobile-view .phone-tabs button.active{background:#eaf2ec!important;color:#155a3d!important}
.phone-tabs svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rxMobileIntro{padding:4px 2px 20px}.rxMobileIntro>span{font-size:9px;letter-spacing:2px;font-weight:850;color:var(--floor-muted)}.rxMobileIntro h1{font-size:30px;letter-spacing:-1.1px;line-height:1.2;margin:8px 0;color:var(--floor-ink);font-weight:850}.rxMobileAccent{color:var(--floor-green)}.rxMobileIntro p{font-size:13px;color:var(--floor-muted);margin:0;line-height:1.6}
.rxMobileDate{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;background:white;padding:10px;border:1px solid var(--floor-line);border-radius:16px;margin-bottom:16px}.rxMobileDate button{height:44px;border:0;border-radius:10px;background:#f0f3ee;color:var(--floor-ink);font-size:20px}.rxMobileDate label span{display:block;font-size:8px;letter-spacing:1.5px;font-weight:800;color:var(--floor-muted)}.rxMobileDate input{width:100%;min-width:0;height:35px;border:0;background:white;padding:0;font-size:16px;font-weight:750;color:var(--floor-ink)}
.rxMobileMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 26px}.rxMobileMetrics button{padding:14px 2px;border:1px solid var(--floor-line);border-radius:14px;background:#fff;color:var(--floor-ink);min-height:83px}.rxMobileMetrics button.active{background:var(--floor-ink);color:white;border-color:var(--floor-ink)}.rxMobileMetrics b{font-size:25px;display:block;font-variant-numeric:tabular-nums}.rxMobileMetrics span{display:block;font-size:10px;margin-top:5px;font-weight:700}.rxMobileSectionTitle{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.rxMobileSectionTitle h2{font-size:18px;margin:0;letter-spacing:-.4px}.rxMobileSectionTitle>span{font-size:12px;color:var(--floor-muted)}
body.rx-mobile-view .m-card,body.rx-mobile-view .m50-qc-card{border:1px solid var(--floor-line)!important;border-radius:18px!important;background:white!important;padding:18px!important;margin:0 0 14px!important;box-shadow:0 3px 10px #102b3204!important;color:var(--floor-ink)!important}
.rxMobileWorkTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.rxMobileWorkTop>b{font-size:22px;letter-spacing:.4px;font-variant-numeric:tabular-nums}.rxMobileType{font-size:9px;letter-spacing:.5px;font-weight:850;padding:6px 9px;border-radius:7px;background:#e8f4ed;color:#176243;white-space:nowrap}body.rx-mobile-view .warehouse{font-size:13px!important;line-height:1.5!important;color:var(--floor-muted)!important;overflow-wrap:anywhere;margin:8px 0!important}.rxMobileLoad{display:flex;gap:24px;padding:8px 0 14px}.rxMobileLoad>b{font-size:19px}.rxMobileLoad small{font-size:11px;font-weight:650;color:var(--floor-muted);margin-left:5px}.rxMobileWorkActions{display:grid;gap:8px;margin-top:14px}
body.rx-mobile-view .m-primary{min-height:50px!important;background:var(--floor-blue)!important;color:#fff!important;border:1px solid var(--floor-blue)!important;border-radius:12px!important;padding:12px 14px!important;font-size:15px!important;font-weight:750!important;box-shadow:none!important;line-height:1.45!important;margin-top:8px!important}
body.rx-mobile-view .m-primary.red{background:var(--floor-green)!important;border-color:var(--floor-green)!important}.rxMobileSecondary,.rxMobileEmpty button{min-height:46px;border:1px solid var(--floor-line);border-radius:12px;background:#f4f6f3;color:var(--floor-ink);font-weight:750}
body.rx-mobile-view .chips{gap:6px!important;display:flex!important;flex-wrap:wrap!important}body.rx-mobile-view .chip{font-size:11px!important;padding:6px 9px!important;box-shadow:none!important;line-height:1.35!important}
.rxMobileEmpty{text-align:center;padding:30px 18px;background:#fff;border:1px dashed #b9ccc1;border-radius:18px}.rxMobileEmpty>span{display:grid;place-items:center;width:44px;height:44px;margin:0 auto;background:#e8f4ed;color:#176243;border-radius:50%;font-size:24px}.rxMobileEmpty h2{font-size:18px}.rxMobileEmpty p{font-size:13px;color:var(--floor-muted)}.rxMobileEmpty button{padding:8px 18px}
.rxMobileScope{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.rxMobileScope button{flex:1;min-height:44px;border:1px solid var(--floor-line);border-radius:10px;background:white;color:var(--floor-ink);font-size:12px;font-weight:700}.rxMobileScope button.active{background:var(--floor-ink);color:white}
body.rx-mobile-view .rxPickupMobileHead>b,body.rx-mobile-view .rxPickupMobileHead>.note{display:none!important}body.rx-mobile-view .rxPickupMobileHead{padding:8px!important;background:transparent!important;border:0!important}.rxPickupMobileFilters{overflow-x:auto}body.rx-mobile-view .rxPickupStageTabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}body.rx-mobile-view .rxPickupStageTabs button{min-width:0!important;min-height:80px!important;padding:10px 4px!important;display:flex!important;flex-direction:column!important;gap:5px!important;border-radius:12px!important;font-size:12px!important}body.rx-mobile-view .rxPickupStageTabs button>span{display:none!important}.rxPickupMobileChecklist{margin:14px 0!important}body.rx-mobile-view .rxPodMissingAlert{background:#fff5e8!important;border-color:#edcf9c!important;color:#88500a!important;box-shadow:none!important}body.rx-mobile-view .rxPickupPodMissing{border-color:#edcf9c!important;background:#fff!important}body.rx-mobile-view .rxPodRequiredAction{background:var(--floor-blue)!important}
body.rx-mobile-view .m50-head{gap:12px!important}body.rx-mobile-view .m50-title{font-size:19px!important;line-height:1.4!important;overflow-wrap:anywhere}body.rx-mobile-view .m50-count{background:#eaf2ec!important;color:#176243!important;border-radius:10px!important;min-width:48px!important;padding:10px!important;font-size:16px!important}body.rx-mobile-view .m50-field{padding:12px 0!important;gap:12px!important;border-bottom:1px solid #e6ece7!important}body.rx-mobile-view .m50-field button,body.rx-mobile-view .m50-qty button{width:46px!important;min-width:46px!important;height:46px!important;border-radius:12px!important}body.rx-mobile-view .m50-field .v{font-size:16px!important;overflow-wrap:anywhere}body.rx-mobile-view .m50-field .k{color:var(--floor-muted)!important;font-size:11px!important}body.rx-mobile-view .m50-qty{grid-template-columns:minmax(0,1fr) 46px!important}body.rx-mobile-view .m50-mrp input,body.rx-mobile-view .m50-qty input,body.rx-mobile-view .mFindRow input{font-size:16px!important;min-height:48px!important}body.rx-mobile-view .m50-mrp button{min-height:48px!important}body.rx-mobile-view .m50-foot{font-size:12px!important;line-height:1.6!important}body.rx-mobile-view .m50-qc-card.complete{border-left:4px solid var(--floor-green)!important}
body.rx-mobile-view .mFindRow{flex-wrap:wrap!important}body.rx-mobile-view .mFindRow input{min-width:0!important;flex:1 1 180px!important}body.rx-mobile-view .mFindRow button{min-height:48px!important}body.rx-mobile-view .scan-input{font-size:16px!important;max-width:100%!important}
body.rx-mobile-view .modal-back{padding:12px!important;z-index:400!important}body.rx-mobile-view .modal{border-radius:22px!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;width:min(620px,100%)!important}body.rx-mobile-view .modal .mh{padding:20px!important}body.rx-mobile-view .modal .mb{padding:16px 20px!important;max-height:none!important}body.rx-mobile-view .modal .mf{position:sticky;bottom:0;background:white!important;border-top:1px solid var(--floor-line);padding:14px 20px calc(14px + env(safe-area-inset-bottom))!important;gap:8px!important}body.rx-mobile-view .modal button{min-height:48px!important;font-size:14px!important}body.rx-mobile-view .rxPickupFormGrid{grid-template-columns:1fr!important;gap:16px!important}body.rx-mobile-view .rxPickupFormGrid input,body.rx-mobile-view .rxPickupFormGrid select{font-size:16px!important;min-height:52px!important}body.rx-mobile-view .rxPickupFormGrid label>span{font-size:11px!important;letter-spacing:.5px!important}body.rx-mobile-view .rxConsignmentDrawer{width:min(100vw,600px)!important;max-width:100vw!important}body.rx-mobile-view .rxConsignmentDrawer button{min-height:44px}body.rx-mobile-view .rxConsignmentDrawer table{font-size:12px!important}
body.rx-mobile-view #rxMobileConnection:not([hidden]){display:block;padding:12px 18px;background:#fff0d6;color:#7a4200;font-size:13px;font-weight:700}body.rx-mobile-view button:focus-visible,body.rx-mobile-view input:focus-visible{outline:3px solid #3275da!important;outline-offset:3px}body.rx-mobile-view button:disabled{opacity:.5!important;cursor:not-allowed!important}
@media(min-width:700px){body.rx-mobile-view .phone{border-left:1px solid var(--floor-line)!important;border-right:1px solid var(--floor-line)!important}body.rx-mobile-view .phone-body{padding-left:28px!important;padding-right:28px!important}}
@media(prefers-reduced-motion:reduce){body.rx-mobile-view *,body.rx-mobile-view *::before,body.rx-mobile-view *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.rx-mobile-view .m50-mrp button{font-size:13px!important;padding:8px!important;white-space:nowrap!important;overflow:visible!important}body.rx-mobile-view .m50-product{font-size:14px!important;line-height:1.5!important;color:var(--floor-muted)!important}body.rx-mobile-view .m50-meta{font-size:11px!important;overflow-wrap:anywhere}body.rx-mobile-view .m50-mrp{grid-template-columns:32px minmax(0,1fr) 66px!important}
body.rx-mobile-view .rxPickupStageTabs button{background:#fff!important;border:1px solid var(--floor-line)!important;color:var(--floor-muted)!important;box-shadow:none!important}body.rx-mobile-view .rxPickupStageTabs button.active{background:var(--floor-ink)!important;color:#fff!important;border-color:var(--floor-ink)!important}body.rx-mobile-view .rxPickupStageTabs button strong{display:block!important;background:transparent!important;color:inherit!important;font-size:20px!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important}body.rx-mobile-view .rxPodMissingAlert small,body.rx-mobile-view .rxPodMissingAlert b{color:#88500a!important}
body.rx-mobile-view .rxPickupDetailsModal,body.rx-mobile-view .rxV61PodModal{display:flex!important;flex-direction:column!important;overflow:hidden!important}body.rx-mobile-view .rxPickupDetailsModal .mh,body.rx-mobile-view .rxV61PodModal .mh{flex-shrink:0}body.rx-mobile-view .rxPickupDetailsModal .mb,body.rx-mobile-view .rxV61PodModal .mb{min-height:0!important;overflow:auto!important;flex:1 1 auto!important;scroll-padding:20px}body.rx-mobile-view .rxPickupDetailsModal .mf,body.rx-mobile-view .rxV61PodModal .mf{position:relative!important;flex-shrink:0!important}

/* Dispatch Studio — ink, signal orange, warm paper and sea-glass.
   Colour describes hierarchy; green/amber/red still describe workflow state. */
body.rx-mobile-view{--floor-ink:#202127;--floor-paper:#f6f3ed;--floor-muted:#67666b;--floor-line:#ddd8cf;--floor-blue:#f6783c;--floor-green:#176950;font-family:"IBM Plex Sans","Noto Sans Devanagari",sans-serif!important}
body.rx-mobile-view .phone-top{border-radius:0!important;background:#202127!important;min-height:100px!important;padding:20px 22px 16px!important;border-bottom:1px solid #ffffff17!important}
body.rx-mobile-view .phone-top>b{font-family:"Manrope",sans-serif!important;font-size:19px!important;letter-spacing:-.6px}
body.rx-mobile-view .rxMobileBrandMark{background:#ff8a50;color:#202127;border-radius:10px 3px 10px 3px;width:38px;height:38px;font-size:15px;transform:rotate(-6deg)}
body.rx-mobile-view .phone-top>b small{color:#c2bcb7;font-size:8px;letter-spacing:2px}
body.rx-mobile-view .phone-top #mobileUser{color:#eaded3!important;display:flex!important;align-items:center;gap:7px;font-size:12px!important}
body.rx-mobile-view .phone-top #mobileUser::before{content:'';width:6px;height:6px;background:#ff8a50;border-radius:2px}
body.rx-mobile-view .rxMobileDesktopBtn{background:#323239!important;border-color:#555159!important;color:#e7e3df!important;font-weight:600!important}
body.rx-mobile-view .phone-body{padding-top:0!important}
body.rx-mobile-view .rxMobileIntro{position:relative;isolation:isolate;overflow:hidden;background:#202127;margin:0 -16px 20px;padding:26px 22px 28px;border-radius:0 0 28px 0;min-height:152px}
body.rx-mobile-view .rxMobileIntro::after{content:'';position:absolute;z-index:-1;right:-43px;top:16px;width:137px;height:137px;border:22px solid #ff8a5020;border-radius:50%;box-shadow:0 0 0 18px #ff8a5009;transform:rotate(-20deg)}
body.rx-mobile-view .rxMobileIntro>span{font-size:9px;letter-spacing:2px;font-weight:700;color:#ffae83}
body.rx-mobile-view .rxMobileIntro h1{font-family:"Manrope","Noto Sans Devanagari",sans-serif;font-size:34px;font-weight:800;letter-spacing:-1.4px;color:#fff9f2;line-height:1.25;margin:10px 0}
body.rx-mobile-view .rxMobileIntro p{color:#c4c0bd;font-size:12px;line-height:1.7;max-width:280px}
body.rx-mobile-view .rxMobileAccent{color:#ff8a50}
body.rx-mobile-view .rxMobileDate{border:0;border-bottom:1px solid #d5cec3;background:transparent;border-radius:0;padding:0 0 14px;margin:0 0 18px}
body.rx-mobile-view .rxMobileDate button{background:#eae5dc;border-radius:50%;font-size:19px}
body.rx-mobile-view .rxMobileDate label{padding-left:5px}
body.rx-mobile-view .rxMobileDate input{background:transparent;font-size:17px;font-family:"IBM Plex Sans",sans-serif}
body.rx-mobile-view .rxMobileDate label span{font-size:8px;letter-spacing:1.8px;color:#77716a}
body.rx-mobile-view .rxMobileMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:26px}
body.rx-mobile-view .rxMobileMetrics button{position:relative;text-align:left;padding:15px 17px 13px;min-height:98px;background:#ede8df;border:1px solid transparent;border-radius:15px;color:#29292e;display:flex;flex-direction:column;justify-content:space-between}
body.rx-mobile-view .rxMobileMetrics button::after{content:'↗';position:absolute;right:14px;top:12px;font-size:18px;opacity:.6}
body.rx-mobile-view .rxMobileMetrics button:nth-child(2){background:#f5ddcb}
body.rx-mobile-view .rxMobileMetrics button:nth-child(3){background:#dce9e4}
body.rx-mobile-view .rxMobileMetrics button:nth-child(4){background:#e5e1ed}
body.rx-mobile-view .rxMobileMetrics button.active{background:#202127;color:#fff9f2;border-color:#202127}
body.rx-mobile-view .rxMobileMetrics button.active::after{color:#ff995e;opacity:1}
body.rx-mobile-view .rxMobileMetrics b{font-size:35px;line-height:1;letter-spacing:-1.5px;font-family:"IBM Plex Sans",sans-serif;font-weight:600}
body.rx-mobile-view .rxMobileMetrics span{font-size:12px;font-weight:600;margin-top:7px}
body.rx-mobile-view .rxMobileSectionTitle{padding-bottom:11px;border-bottom:1px solid #d5cec3;margin-bottom:15px}
body.rx-mobile-view .rxMobileSectionTitle h2{font-size:19px;font-weight:750;letter-spacing:-.6px}
body.rx-mobile-view .rxMobileSectionTitle>span{font-family:"IBM Plex Sans",sans-serif;font-size:11px;letter-spacing:1px}
body.rx-mobile-view .m-card,body.rx-mobile-view .m50-qc-card{border:1px solid #ded9d1!important;border-radius:16px!important;box-shadow:0 5px 0 -3px #e6dfd5!important;padding:18px!important}
body.rx-mobile-view .rxMobileWork{border-top:3px solid #25262c!important;padding:0 18px 16px!important;overflow:hidden}
body.rx-mobile-view .rxMobileWorkTop{margin:0 -18px;padding:17px 18px 13px;background:#fbfaf7;border-bottom:1px dashed #d7d0c4}
body.rx-mobile-view .rxMobileWorkTop>b{font-family:"IBM Plex Sans",sans-serif;font-size:23px;font-weight:650;letter-spacing:.2px}
body.rx-mobile-view .rxMobileType{border:1px solid #c8dcd3;border-radius:5px;padding:5px 7px;font-size:9px;letter-spacing:.7px;color:#21654f;background:#eef5f1}
body.rx-mobile-view .rxMobileWork .warehouse{color:#5c5959!important;font-size:13px!important;font-weight:500!important;margin:13px 0 9px!important}
body.rx-mobile-view .rxMobileLoad{gap:0;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #eee9e1}
body.rx-mobile-view .rxMobileLoad>b{flex:1;font-size:24px;letter-spacing:-.7px;font-family:"IBM Plex Sans",sans-serif;font-weight:600}
body.rx-mobile-view .rxMobileLoad>b+b{padding-left:20px;border-left:1px solid #e7e1d7}
body.rx-mobile-view .rxMobileLoad small{font-size:11px;font-weight:500;letter-spacing:0}
body.rx-mobile-view .chip{border-radius:5px!important;font-weight:600!important;padding:5px 7px!important;font-size:11px!important}
body.rx-mobile-view .m-primary{background:#ff8a50!important;color:#202127!important;border:1px solid #ff8a50!important;border-radius:10px!important;box-shadow:inset 0 -2px 0 #b746131a!important;font-weight:750!important;font-size:15px!important;text-align:left!important;padding:13px 16px!important}
body.rx-mobile-view .m-primary.red{background:#d6eee2!important;color:#15563b!important;border-color:#afcfbd!important}
body.rx-mobile-view .rxMobileSecondary{border:0;background:transparent;min-height:38px;color:#555056;text-decoration:underline;text-underline-offset:4px;font-size:12px}
html.rx-v52-polish body.rx-mobile-view .phone-tabs{background:#26272d!important;border:1px solid #454249!important;border-radius:22px 22px 0 0!important;padding-top:7px!important;box-shadow:0 -8px 20px #2021270d!important}
body.rx-mobile-view .phone-tabs button{color:#c7c4c2!important;border-radius:13px!important;font-size:10px!important;font-weight:600!important;gap:6px}
body.rx-mobile-view .phone-tabs button.active{color:#ffaf84!important;background:#ff8a501c!important}
body.rx-mobile-view .phone-tabs button.active svg{stroke:#ff9a64;stroke-width:2}
body.rx-mobile-view .phone-tabs svg{width:22px;height:22px}
body.rx-mobile-view .m50-count{background:#202127!important;color:#ffb087!important;border:0!important;font-family:"IBM Plex Sans",sans-serif}
body.rx-mobile-view .m50-meta{gap:8px!important;color:#68615b!important}
body.rx-mobile-view .m50-mrp{background:#fbefe4!important;border-color:#edd1b4!important;border-radius:12px!important}
body.rx-mobile-view .m50-mrp button{background:#202127!important;color:#fff7ef!important;border-radius:9px!important}
body.rx-mobile-view .m50-field{background:transparent!important;border-radius:0!important;border-color:#e6dfd6!important}
body.rx-mobile-view .m50-field button.checked,body.rx-mobile-view .m50-qty button.checked{background:#21674e!important;color:#fff!important;border-color:#21674e!important}
body.rx-mobile-view .m50-foot{background:#f7eedf!important;color:#7e5319!important;border-radius:8px!important}
body.rx-mobile-view .rxPickupStageTabs button.active{background:#202127!important;color:#ffb087!important}
body.rx-mobile-view .rxPickupMobileFilters button.active{background:#202127!important;color:#fff!important;border-color:#202127!important}
body.rx-mobile-view .rxMobileScope button.active{background:#202127;color:#fff4e9}
body.rx-mobile-view .rxPickupDetailsModal .mf .primary,body.rx-mobile-view .rxV61PodModal .mf .primary{background:#ff8a50!important;color:#202127!important;box-shadow:none!important}
@media(min-width:700px){body.rx-mobile-view .rxMobileIntro{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}}
/* Keep the first job close to the thumb, not below a decorative dashboard. */
body.rx-mobile-view .phone-top{min-height:88px!important;padding-top:16px!important;padding-bottom:12px!important}
body.rx-mobile-view .rxMobileIntro{min-height:126px;padding-top:20px;padding-bottom:20px}
body.rx-mobile-view .rxMobileIntro h1{font-size:31px;margin:8px 0}
body.rx-mobile-view .rxMobileMetrics button{min-height:79px;padding:12px 15px}
body.rx-mobile-view .rxMobileMetrics b{font-size:30px}
body.rx-mobile-view .rxMobileWorkActions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:8px}
body.rx-mobile-view .rxMobileWorkActions .m-primary{margin-top:0!important;font-size:13px!important}
body.rx-mobile-view .rxMobileWorkActions>.rxMobileSecondary:only-child{grid-column:1/-1;text-align:left}
body.rx-mobile-view #mpickup .rxPickupMobileHead{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
body.rx-mobile-view #mpickup .rxPickupStageTabs{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.rx-mobile-view #mpickup .rxPickupStageTabs button>strong{background:transparent!important;background-image:none!important;box-shadow:none!important;color:inherit!important;border:0!important;border-radius:0!important;line-height:1.3!important}
body.rx-mobile-view #mpickup .rxPickupStageTabs button.active>strong{color:#ffb087!important}

/* Approved composition, white-and-blue colourway. Status colours remain semantic. */
body.rx-mobile-view{--floor-ink:#172e50;--floor-paper:#f5f8fd;--floor-muted:#586b85;--floor-line:#dce5f2;--floor-blue:#205ddb}
body.rx-mobile-view .phone-top{background:#fff!important;border-bottom-color:#e5ecf6!important;color:#172e50!important}
body.rx-mobile-view .rxMobileBrandMark{background:#205ddb;color:white}
body.rx-mobile-view .phone-top>b small{color:#637796}
body.rx-mobile-view .phone-top #mobileUser{color:#435c7d!important}
body.rx-mobile-view .phone-top #mobileUser::before{background:#205ddb}
body.rx-mobile-view .rxMobileDesktopBtn{background:#f1f6ff!important;border-color:#dce6f7!important;color:#244c87!important}
body.rx-mobile-view .rxMobileIntro{background:#fff;border-bottom:1px solid #e2eafa}
body.rx-mobile-view .rxMobileIntro::after{border-color:#205ddb12;box-shadow:0 0 0 18px #205ddb05}
body.rx-mobile-view .rxMobileIntro>span{color:#205ddb}
body.rx-mobile-view .rxMobileIntro h1{color:#172e50}
body.rx-mobile-view .rxMobileIntro p{color:#586b85}
body.rx-mobile-view .rxMobileAccent{color:#205ddb}
body.rx-mobile-view .rxMobileDate{border-color:#dce5f2}
body.rx-mobile-view .rxMobileDate button{background:#e9f0fd;color:#205ddb}
body.rx-mobile-view .rxMobileDate label span{color:#637796}
body.rx-mobile-view .rxMobileMetrics button,body.rx-mobile-view .rxMobileMetrics button:nth-child(2),body.rx-mobile-view .rxMobileMetrics button:nth-child(3),body.rx-mobile-view .rxMobileMetrics button:nth-child(4){background:#fff;border-color:#dce5f2;color:#172e50}
body.rx-mobile-view .rxMobileMetrics button:nth-child(2){background:#edf3ff}
body.rx-mobile-view .rxMobileMetrics button:nth-child(3){background:#e7efff}
body.rx-mobile-view .rxMobileMetrics button.active{background:#205ddb;border-color:#205ddb;color:white}
body.rx-mobile-view .rxMobileMetrics button.active::after{color:#fff}
body.rx-mobile-view .rxMobileSectionTitle{border-color:#dce5f2}
body.rx-mobile-view .m-card,body.rx-mobile-view .m50-qc-card{border-color:#dce5f2!important;box-shadow:0 5px 0 -3px #e3ebf7!important}
body.rx-mobile-view .rxMobileWork{border-top-color:#205ddb!important}
body.rx-mobile-view .rxMobileWorkTop{background:#fbfdff;border-bottom-color:#d3dff0}
body.rx-mobile-view .rxMobileWork .warehouse{color:#586b85!important}
body.rx-mobile-view .rxMobileLoad,body.rx-mobile-view .rxMobileLoad>b+b{border-color:#e4ebf5}
body.rx-mobile-view .m-primary{background:#205ddb!important;color:#fff!important;border-color:#205ddb!important;box-shadow:inset 0 -2px 0 #123b941a!important}
body.rx-mobile-view .m-primary.red{background:#d6eee2!important;color:#15563b!important;border-color:#afcfbd!important}
body.rx-mobile-view .rxMobileSecondary{color:#365b92}
html.rx-v52-polish body.rx-mobile-view .phone-tabs{background:#fff!important;border-color:#dce5f2!important;box-shadow:0 -8px 24px #173a6910!important}
body.rx-mobile-view .phone-tabs button{color:#60728c!important}
body.rx-mobile-view .phone-tabs button.active{background:#eaf1ff!important;color:#205ddb!important}
body.rx-mobile-view .phone-tabs button.active svg{stroke:#205ddb}
body.rx-mobile-view .m50-count{background:#205ddb!important;color:white!important}
body.rx-mobile-view .m50-meta{color:#586b85!important}
body.rx-mobile-view .m50-mrp{background:#f0f5ff!important;border-color:#cdddf7!important}
body.rx-mobile-view .m50-mrp button{background:#205ddb!important;color:white!important}
body.rx-mobile-view .m50-field{border-color:#e4ebf5!important}
body.rx-mobile-view .rxPickupStageTabs button.active{background:#205ddb!important;color:white!important;border-color:#205ddb!important}
body.rx-mobile-view #mpickup .rxPickupStageTabs button.active>strong{color:white!important}
body.rx-mobile-view .rxPickupMobileFilters button.active{background:#205ddb!important;color:#fff!important;border-color:#205ddb!important}
body.rx-mobile-view .rxMobileScope button.active{background:#205ddb;border-color:#205ddb;color:#fff}
body.rx-mobile-view .rxPickupDetailsModal .mf .primary,body.rx-mobile-view .rxV61PodModal .mf .primary{background:#205ddb!important;color:white!important}

/* Review is a local preview, not evidence of a completed upload. */
.rxPodReview{margin:16px 0;background:#edf3fb;border:1px solid #d8e4f6;border-radius:14px;overflow:hidden}
.rxPodReview img{display:block;width:100%;max-height:300px;object-fit:contain;background:#e8eef6}
.rxPodReview figcaption{padding:10px 12px;font-size:12px;color:#435c7d;overflow-wrap:anywhere}
.rxPodReviewHint{font-size:13px!important;line-height:1.5!important;color:#435c7d}
.rxPodPdfLabel{padding:25px;text-align:center;font-weight:800;color:#205ddb}
.rxV61PodStatus{border:1px solid #d9e4f4;border-radius:10px;padding:12px!important;font-size:14px!important;line-height:1.5!important}
.rxV61PodStatus.review,.rxV61PodStatus.busy{background:#eaf2ff!important;color:#17459a!important}
.rxV61PodStatus.ok{background:#e5f5ec!important;color:#145b39!important}
.rxV61PodStatus.warn{background:#fff4dd!important;color:#795000!important}
.rxV61PodStatus.bad{background:#ffeded!important;color:#9d2525!important}
body.rx-mobile-view .rxV61PodModal .mf{display:grid!important;grid-template-columns:1fr 1fr!important}
body.rx-mobile-view #rxPodConfirmUpload{grid-column:1/-1}
/* Persistent navigation dock: distinct from the scrolling white workspace. */
html.rx-v52-polish body.rx-mobile-view .phone-tabs{
  position:fixed!important;inset:auto 0 0!important;z-index:90!important;
  background:#153f91!important;border:1px solid #285bc1!important;
  border-top:3px solid #4a86fa!important;
  box-shadow:0 -8px 28px #163f912b!important;
  border-radius:20px 20px 0 0!important;
}
body.rx-mobile-view .phone-tabs button{color:#e7efff!important;font-weight:700!important}
body.rx-mobile-view .phone-tabs button.active{
  background:#fff!important;color:#1646a2!important;
  box-shadow:0 3px 8px #08276626!important;
}
body.rx-mobile-view .phone-tabs button.active svg{stroke:#205ddb!important}
body.rx-mobile-view .phone-tabs button:focus-visible{outline-color:#fff!important;outline-offset:-3px}
body.rx-mobile-view .phone-body{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
body.rx-mobile-view .rxV61PodModal .mf .rxV61Later{grid-column:1/-1}
@media(max-height:900px){
  body.rx-mobile-view .phone-top{min-height:72px!important;padding-top:10px!important;padding-bottom:10px!important}
  body.rx-mobile-view .phone-top>b{font-size:17px!important}
  body.rx-mobile-view .rxMobileBrandMark{width:32px;height:32px}
  body.rx-mobile-view .rxMobileIntro{min-height:96px;padding-top:12px;padding-bottom:14px;margin-bottom:14px}
  body.rx-mobile-view .rxMobileIntro h1{font-size:27px;margin:6px 0}
  body.rx-mobile-view .rxMobileDate{margin-bottom:14px;padding-bottom:10px}
  body.rx-mobile-view .rxMobileMetrics{margin-bottom:18px;gap:7px}
  body.rx-mobile-view .rxMobileMetrics button{min-height:66px;padding:10px 15px}
  body.rx-mobile-view .rxMobileMetrics b{font-size:26px}
  body.rx-mobile-view .rxMobileMetrics span{margin-top:4px}
}
/* Mobile record browsing: centred date, stronger account masthead. */
html.rx-v52-polish body.rx-mobile-view .phone-top{border-top:4px solid #205ddb!important;background:linear-gradient(110deg,#fff 65%,#edf3ff)!important;padding:6px 22px!important}
body.rx-mobile-view .phone-top #mobileUser{width:fit-content;background:#eaf1ff;border:1px solid #d8e5ff;border-radius:6px;padding:2px 9px;font-weight:750!important}
body.rx-mobile-view .rxMobileDate label{display:flex;flex-direction:column;align-items:center;padding:0;text-align:center}
body.rx-mobile-view .rxMobileDate input{width:170px;max-width:100%;text-align:center;font-weight:800}
body.rx-mobile-view .rxMobileDate input::-webkit-date-and-time-value{text-align:center}
body.rx-mobile-view .rxMobileSectionTitle>span{font-size:14px!important;font-weight:850!important;letter-spacing:0!important;background:#e7efff;color:#1646a2;padding:6px 10px;border-radius:8px}
body.rx-mobile-view .rxMobileWork{cursor:pointer}
body.rx-mobile-view .rxMobileWork:focus-visible{outline:3px solid #205ddb;outline-offset:3px}
body.rx-mobile-view .rxDrawerRecentActivity{display:none!important}

/* Compact mobile identity bar: only Today needs page branding. The fixed dock owns navigation. */
body.rx-login-active>#rxOwnerHeader,
body.rx-login-active>#rxHeaderReveal,
body.rx-login-active>.shell{display:none!important}
html.rx-v52-polish body.rx-mobile-view .phone-top{
  min-height:58px!important;
  padding:8px 16px!important;
  border-top:3px solid #205ddb!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 1px 0 #dce5f2!important;
}
body.rx-mobile-view .rxMobileIdentity{display:flex;align-items:center;gap:10px;min-width:0}
body.rx-mobile-view .rxMobileIdentity>.rxMobileBrandMark{
  flex:0 0 34px;width:34px;height:34px;border-radius:10px;transform:none;font-size:13px
}
body.rx-mobile-view .rxMobileIdentity>span:last-child{display:grid;min-width:0;gap:2px}
body.rx-mobile-view .rxMobileIdentity strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172e50;
  font:800 15px/1.1 "Manrope","Noto Sans Devanagari",sans-serif;letter-spacing:-.3px
}
body.rx-mobile-view .phone-top .rxMobileIdentity #mobileUser{
  display:block!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:#60728c!important;font-size:10px!important;font-weight:750!important;line-height:1.2!important
}
body.rx-mobile-view .phone-top .rxMobileIdentity #mobileUser::before{display:none!important}
body.rx-mobile-view[data-rx-mobile-page="mqc"] .phone-top,
body.rx-mobile-view[data-rx-mobile-page="mpickup"] .phone-top{display:none!important}

/* Compact selected-date control with one-tap, account-safe Worker PDF export. */
body.rx-mobile-view .rxMobileWorkerWrap{margin:0 0 16px}
body.rx-mobile-view .rxMobileDateRow{display:grid;grid-template-columns:minmax(0,1fr) 76px 76px;gap:8px;align-items:stretch;margin:0}
body.rx-mobile-view .rxMobileDateRow .rxMobileDate{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px;margin:0;padding:7px;border:1px solid #dce5f2;border-radius:14px;background:#fff}
body.rx-mobile-view .rxMobileDateRow .rxMobileDate button{width:38px;height:38px}
body.rx-mobile-view .rxMobileDateRow .rxMobileDate input{width:140px;font-size:15px}
body.rx-mobile-view .rxMobileWorkerPdf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;padding:7px 5px;border:1px solid #1857c9;border-radius:14px;background:#2366df;color:#fff;box-shadow:0 7px 16px rgba(35,102,223,.18);font:800 9px/1.1 "Manrope","Noto Sans Devanagari",sans-serif;cursor:pointer}
body.rx-mobile-view .rxMobileWorkerPdf svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.rx-mobile-view .rxMobileWorkerPdf:active{transform:translateY(1px);box-shadow:0 3px 9px rgba(35,102,223,.2)}
body.rx-mobile-view .rxMobileWorkerPdf:focus-visible{outline:3px solid #9fc0ff;outline-offset:2px}
body.rx-mobile-view .rxMobileWorkerPdf:disabled{opacity:.55;cursor:wait}
body.rx-mobile-view .rxMobileWorkerUpload{border-color:#9fd8ba;background:#e7f7ef;color:#126b45;box-shadow:0 7px 16px rgba(18,107,69,.12)}
body.rx-mobile-view .rxMobileWorkerUpload.due{border-color:#e6b85a;background:#fff1d2;color:#8a5300;box-shadow:0 7px 16px rgba(138,83,0,.10)}
body.rx-mobile-view .rxMobileWorkerReminder{display:block;margin:6px 2px 0;color:#617085;font:800 10px/1.35 "Manrope","Noto Sans Devanagari",sans-serif}
body.rx-mobile-view .rxMobileWorkerReminder.due{color:#8a5300}body.rx-mobile-view .rxMobileWorkerReminder.saved{color:#126b45}
@media(max-width:390px){body.rx-mobile-view .rxMobileDateRow{grid-template-columns:minmax(0,1fr) 62px 62px;gap:6px}body.rx-mobile-view .rxMobileDateRow .rxMobileDate{grid-template-columns:32px minmax(0,1fr) 32px;gap:2px;padding:5px}body.rx-mobile-view .rxMobileDateRow .rxMobileDate button{width:32px;height:38px}body.rx-mobile-view .rxMobileDateRow .rxMobileDate input{width:100%;min-width:0;font-size:12px}body.rx-mobile-view .rxMobileWorkerPdf span{font-size:8px}}

/* Account-aware date picker: use our counted calendar instead of the phone's native picker. */
body.rx-mobile-view .rxMobileDate .rxMobileDateSelect{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%!important;min-width:0;height:auto!important;padding:2px 4px;border-radius:10px;background:transparent;color:#172e50;line-height:1.05}
body.rx-mobile-view .rxMobileDateSelect span{font-size:8px;letter-spacing:1.5px;font-weight:800;color:#637796}
body.rx-mobile-view .rxMobileDateSelect b{max-width:100%;margin-top:4px;overflow:hidden;color:#172e50;font:800 15px/1.05 "IBM Plex Sans",sans-serif;text-overflow:ellipsis;white-space:nowrap}
body.rx-mobile-view .rxMobileDateSelect small{margin-top:3px;color:#205ddb;font:750 8px/1 "IBM Plex Sans",sans-serif;white-space:nowrap}
body.rx-mobile-view .rxMobileDateSelect:focus-visible{outline:3px solid #9fc0ff;outline-offset:1px}
body.rx-mobile-view .rxCalendarBack{align-items:flex-end;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}
body.rx-mobile-view .rxCalendar{width:100%;max-height:calc(100dvh - 20px);border-radius:24px 24px 16px 16px}
body.rx-mobile-view .rxCalendar>header{padding:17px 18px 12px}
body.rx-mobile-view .rxCalendarMonth{padding:11px 14px 8px}
body.rx-mobile-view .rxCalendarWeek,body.rx-mobile-view .rxCalendarGrid{gap:3px;padding-left:10px;padding-right:10px}
body.rx-mobile-view .rxCalendarDay{min-width:0;min-height:50px;padding:3px 1px;border-radius:11px}
body.rx-mobile-view .rxCalendarDay .ratio{padding:0 4px}
body.rx-mobile-view .rxCalendar footer{padding:12px 14px}
@media(max-width:390px){body.rx-mobile-view .rxMobileDateSelect b{font-size:12px}body.rx-mobile-view .rxMobileDateSelect small{font-size:7px}body.rx-mobile-view .rxCalendarDay{min-height:46px}body.rx-mobile-view .rxCalendarDay .ratio{gap:1px;padding:0 3px}}

/* Logged-in mobile account drawer: keep work content first, with logout one tap away. */
.rxMobileHeaderHandle{display:none}
body.rx-mobile-view:not(.rx-login-active) .rxMobileHeaderHandle{
  position:fixed;top:4px;left:50%;z-index:104;display:grid;place-items:center;
  width:46px;height:25px;padding:0;border:1px solid #244b78;border-radius:0 0 13px 13px;
  background:#071b33;color:#fff;box-shadow:0 5px 14px rgba(7,27,51,.20);
  transform:translateX(-50%);transition:top .18s ease,transform .18s ease,box-shadow .18s ease;cursor:pointer
}
body.rx-mobile-view .rxMobileHeaderHandle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
body.rx-mobile-view .rxMobileHeaderHandle:focus-visible{outline:3px solid #8ab6ff;outline-offset:2px}
html.rx-v52-polish body.rx-mobile-view .phone-top{
  position:fixed!important;top:0!important;left:50%!important;z-index:102!important;width:min(100%,680px)!important;margin:0!important;
  transition:transform .18s ease,opacity .15s ease!important
}
html.rx-v52-polish body.rx-mobile-view:not([data-rx-mobile-header="expanded"]) .phone-top{
  display:grid!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translate(-50%,-110%)!important
}
html.rx-v52-polish body.rx-mobile-view[data-rx-mobile-header="expanded"] .phone-top,
html.rx-v52-polish body.rx-mobile-view[data-rx-mobile-header="expanded"][data-rx-mobile-page="mqc"] .phone-top,
html.rx-v52-polish body.rx-mobile-view[data-rx-mobile-header="expanded"][data-rx-mobile-page="mpickup"] .phone-top{
  display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translate(-50%,0)!important
}
body.rx-mobile-view[data-rx-mobile-header="expanded"] .rxMobileHeaderHandle{
  top:51px;transform:translateX(-50%) rotate(180deg);box-shadow:0 -2px 10px rgba(7,27,51,.12)
}
body.rx-mobile-view .phone-body{padding-top:34px!important}
@media(prefers-reduced-motion:reduce){body.rx-mobile-view .rxMobileHeaderHandle,html.rx-v52-polish body.rx-mobile-view .phone-top{transition:none!important}}