/* Aerofiy Smart App shared shell — all desktop rules remain in their original assets. */
.msa-bar,.msa-dock,.msa-backdrop,.msa-sheet{display:none}.msa-table-scroll{display:contents}
@media(max-width:900px){
body.ops-mobile-app{--msa-green:#17366b;--msa-ink:#18253b;--msa-safe:env(safe-area-inset-bottom,0px);--msa-top:env(safe-area-inset-top,0px);margin:0!important;background:#f5f7f9;color:var(--msa-ink);overflow-x:hidden;min-width:0;-webkit-tap-highlight-color:transparent}
body.ops-mobile-app>main,body.ops-mobile-app.sidebar-collapsed>.app-sidebar+main{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:calc(78px + var(--msa-top)) 16px calc(96px + var(--msa-safe))!important}
body.ops-mobile-app>.security-shell{width:100%;max-width:100%;margin:0;border-radius:0;padding:calc(80px + var(--msa-top)) 16px calc(98px + var(--msa-safe));background:#f5f7f9;box-shadow:none;border:0}
body.ops-mobile-app>header,body.ops-mobile-app>main>header{display:none!important}body.ops-mobile-app .security-language-control,body.ops-mobile-app .security-brand{display:none}
.ops-mobile-app .msa-bar{position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:8px;min-height:64px;padding:calc(8px + var(--msa-top)) 12px 8px;background:#ffffffed;border-bottom:1px solid #e1e6eb;backdrop-filter:blur(16px);z-index:850;box-shadow:0 3px 15px #16253e05}
.ops-mobile-app .msa-brand{display:flex;align-items:center;gap:6px;color:#19263d;font-size:18px;font-weight:800;letter-spacing:-.65px;white-space:nowrap;min-width:0}.msa-brand img{width:29px;height:29px;object-fit:contain}.msa-tools{display:flex;align-items:center;gap:3px;margin-inline-start:auto;flex-shrink:0}
.ops-mobile-app .msa-icon-button{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:40px;min-height:40px;padding:9px;border:0;border-radius:12px;background:transparent;color:#31415d;box-shadow:none;text-decoration:none}.msa-icon-button svg{width:21px;height:21px}.msa-icon-button:focus-visible,.msa-dock a:focus-visible,.msa-dock button:focus-visible{outline:3px solid #829eba;outline-offset:1px}
.msa-bell b{position:absolute;top:0;inset-inline-end:0;min-width:15px;height:16px;padding:0 3px;border:2px solid #fff;border-radius:9px;background:#dc654e;color:#fff;font:700 9px/12px system-ui;text-align:center}.msa-bell b[hidden]{display:none}
.ops-mobile-app .msa-tools .ops-language-menu{margin:0}.ops-mobile-app .msa-tools .ops-language-menu summary{width:35px;height:38px;min-height:38px;padding:7px;border:0;box-shadow:none;background:transparent}.ops-mobile-app .msa-tools .ops-language-menu summary svg{width:21px;height:21px}.ops-mobile-app .msa-tools .ops-language-menu form{position:fixed;top:calc(65px + var(--msa-top));inset-inline-end:10px;width:190px;max-width:calc(100vw - 20px);z-index:950}
.ops-mobile-app .msa-dock{position:fixed;inset:auto 0 0;z-index:850;display:grid;grid-template-columns:repeat(var(--msa-tabs,5),minmax(0,1fr));gap:3px;padding:8px 9px calc(8px + var(--msa-safe));min-height:74px;border:1px solid #e1e5ea;border-bottom:0;border-radius:23px 23px 0 0;background:#ffffffef;box-shadow:0 -6px 24px #1b2c480a;backdrop-filter:blur(16px)}
.ops-mobile-app .msa-dock a,.ops-mobile-app .msa-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:52px;padding:6px 2px;border:0;border-radius:17px;background:none;color:#606a7a;font:550 10px/1.25 system-ui;text-decoration:none;text-align:center;overflow-wrap:anywhere;box-shadow:none}.msa-dock svg{width:22px;height:22px;flex-shrink:0}.ops-mobile-app .msa-dock [aria-current=page]{background:linear-gradient(145deg,#e6f0f9,#d3e1ef);color:#123167;font-weight:750}
.ops-mobile-app .msa-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100dvh;padding:0;border:0;border-radius:0;background:#101b2e6e;backdrop-filter:blur(3px);z-index:1000}
body.ops-mobile-app>.app-sidebar,body.ops-mobile-app.sidebar-collapsed>.app-sidebar{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;inset-inline-start:0!important;inset-inline-end:auto!important;width:min(86vw,320px)!important;max-width:86vw!important;height:100dvh!important;padding:24px 16px calc(24px + var(--msa-safe))!important;background:#f7f9fb!important;color:#23324d!important;z-index:1010!important;transform:translateX(-105%);overflow-y:auto;overscroll-behavior:contain;box-shadow:none;transition:transform .2s ease}
[dir=rtl] body.ops-mobile-app>.app-sidebar{transform:translateX(105%)}body.ops-mobile-app>.app-sidebar[data-msa-open]{transform:translateX(0)!important;box-shadow:8px 0 40px #0c192f29}
body.ops-mobile-app.sidebar-collapsed .app-sidebar .wordmark,body.ops-mobile-app.sidebar-collapsed .app-sidebar .shop,body.ops-mobile-app.sidebar-collapsed .app-sidebar .nav-label,body.ops-mobile-app.sidebar-collapsed .app-sidebar .nav-arrow{display:block!important}
body.ops-mobile-app .app-sidebar .sidebar-brand-row{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between}.ops-mobile-app .app-sidebar .brand{display:flex!important;gap:8px}.ops-mobile-app .app-sidebar .brand img{width:35px!important;height:35px!important}.ops-mobile-app .app-sidebar .shop{display:block!important;margin:10px 0}.ops-mobile-app .app-sidebar nav{display:grid!important;gap:4px}
body.ops-mobile-app .app-sidebar nav>a,body.ops-mobile-app .app-sidebar summary,body.ops-mobile-app .app-sidebar .user{width:100%!important;min-height:47px!important;display:flex!important;align-items:center;justify-content:flex-start!important;padding:12px!important;gap:11px;border-radius:12px;font-size:14px;white-space:normal}
body.ops-mobile-app .app-sidebar .sidebar-group[open]>div{display:grid!important;position:static!important;inset:auto!important;width:auto!important;max-width:none!important;max-height:none!important;margin:0 0 4px 22px!important;padding:4px!important;box-shadow:none!important;border:0!important;border-inline-start:1px solid #d3dce4!important;border-radius:0!important;background:transparent!important}.ops-mobile-app .app-sidebar .nav-children a{font-size:13px;min-height:44px;padding:10px 12px}
.ops-mobile-app.msa-overlay-open{overflow:hidden}.ops-mobile-app .msa-sheet:not([hidden]){display:block;position:fixed;z-index:1010;inset:auto 10px calc(10px + var(--msa-safe));max-height:82dvh;margin:0;padding:23px 18px 20px;border:1px solid #dce2e8;border-radius:24px;background:#fff;box-shadow:0 14px 65px #0c193029;overflow:auto;overscroll-behavior:contain}.msa-sheet h2{font-size:21px;line-height:1.4;padding-inline-end:34px;margin:0 0 18px}.msa-sheet .msa-sheet-close{position:absolute;inset-inline-end:10px;top:12px;background:#f0f3f6}.msa-sheet-body{display:grid;gap:10px}.msa-sheet-body>a,.msa-sheet-body>button{display:block;width:100%;padding:14px;border:1px solid #dce2e9;border-radius:13px;background:#f2f5f9;color:#223658;font:600 14px/1.5 system-ui;text-align:start;text-decoration:none;min-height:48px}.msa-sheet-body p{font-size:13px;color:#677481;margin:0 0 5px;line-height:1.7}.msa-sheet-body .msa-empty{padding:25px 10px;text-align:center;background:#f7f8fa;border-radius:15px}
.ops-mobile-app main h1{font-size:25px;line-height:1.35;letter-spacing:-.65px}.ops-mobile-app main h2{font-size:19px;line-height:1.45}.ops-mobile-app article{padding:18px;border-radius:19px;border-color:#e1e5ea;box-shadow:0 3px 13px #19273f04;min-width:0;max-width:100%}.ops-mobile-app main>article{margin-bottom:16px}.ops-mobile-app input:not([type=checkbox]):not([type=radio]),.ops-mobile-app select,.ops-mobile-app textarea{font-size:16px!important;min-height:46px;max-width:100%;min-width:0;border-radius:11px}.ops-mobile-app button,.ops-mobile-app .button{min-height:44px;touch-action:manipulation}.ops-mobile-app input[type=checkbox],.ops-mobile-app input[type=radio]{min-height:18px;min-width:18px}
.ops-mobile-app .gridform,.ops-mobile-app .formgrid,.ops-mobile-app .dash-chart-grid,.ops-mobile-app .dash-bottom-grid,.ops-mobile-app .featuregrid,.ops-mobile-app .auto-grid,.ops-mobile-app .table-menu,.ops-mobile-app .sp-workspace,.ops-mobile-app .sp-status-page,.ops-mobile-app .sp-status-panel{grid-template-columns:minmax(0,1fr)!important;min-width:0}.ops-mobile-app form>*{min-width:0}.ops-mobile-app .gridform>*{grid-column:auto!important}.ops-mobile-app .stats,.ops-mobile-app .dash-kpis,.ops-mobile-app .dash-operations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px}.ops-mobile-app .dash-kpi{padding:16px!important}.ops-mobile-app .dash-kpi strong{font-size:24px;line-height:1.3;overflow-wrap:anywhere}.ops-mobile-app .dash-kpi p{font-size:11px;line-height:1.65}.ops-mobile-app .dash-kpi small{font-size:11px}.ops-mobile-app .dash-kpi:first-child{grid-column:1/-1;background:radial-gradient(ellipse at 100% 0,#dce9f5,transparent 75%),linear-gradient(120deg,#eef4fb,#dde8f3);border-color:#d8e1ea}.ops-mobile-app .dash-kpi:first-child strong{font-size:33px}.ops-mobile-app .dash-kpi .kpi-icon{width:30px;height:30px;font-size:17px}.ops-mobile-app .dash-welcome{padding:17px;margin-bottom:15px;gap:8px;border-radius:18px}.ops-mobile-app .dash-welcome h2{font-size:22px}.ops-mobile-app .dash-welcome p{font-size:12px;display:block}.ops-mobile-app .live-pill{font-size:10px;padding:5px 8px;white-space:nowrap}.ops-mobile-app .dash-section-title{gap:10px;flex-wrap:wrap}.ops-mobile-app .dash-chart-grid .chart-scroll{overflow-x:auto;max-width:100%}.ops-mobile-app .sales-chart{width:100%;min-width:320px;height:auto}.ops-mobile-app .dash-toolbar,.ops-mobile-app .auto-toolbar{align-items:flex-start;flex-wrap:wrap;gap:10px}.ops-mobile-app .dash-toolbar a,.ops-mobile-app .dash-toolbar button{font-size:12px;padding:10px}.ops-mobile-app .tablewrap,.ops-mobile-app .msa-table-scroll{display:block;max-width:100%;width:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:15px;background:#fff;-webkit-overflow-scrolling:touch}.ops-mobile-app table{width:max-content;min-width:100%;font-size:13px}.ops-mobile-app td,.ops-mobile-app th{padding:12px;vertical-align:top}.ops-mobile-app .table-order{padding:16px}.ops-mobile-app .table-dish{padding:14px}.ops-mobile-app .table-qty{justify-content:space-between}.ops-mobile-app .table-qty button{min-width:44px}
.ops-mobile-app .filters{display:flex;flex-wrap:wrap;gap:8px}.ops-mobile-app .filters>*{min-width:0;max-width:100%;flex:1 1 130px}.ops-mobile-app .subscription.ops-plan-banner{border-radius:18px;padding:18px;gap:14px}.ops-mobile-app .ops-plan-title strong{font-size:21px}.ops-mobile-app .wc-staff-call{padding:14px;gap:10px}.ops-mobile-app .wc-staff-call button,.ops-mobile-app .wc-staff-call a.button{flex:1 1 130px;margin:0;min-width:0}.ops-mobile-app .wc-assign{padding:14px}.ops-mobile-app .wc-assign summary{min-height:35px;font-size:14px}
.ops-mobile-app #support-launcher{bottom:calc(88px + var(--msa-safe))!important;right:14px!important;min-height:44px;max-width:calc(100vw - 28px);z-index:820}.ops-mobile-app #sp-inbox-window{inset-inline:8px!important;bottom:calc(84px + var(--msa-safe))!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 160px)!important}.ops-mobile-app #support-app .cc-chat,.ops-mobile-app .chat-window{max-width:calc(100vw - 16px)!important}.ops-mobile-app .sp-inbox-layout{grid-template-columns:minmax(0,1fr)!important}.ops-mobile-app .sp-module-hero{padding:18px;border-radius:18px}.ops-mobile-app .qa-settings{grid-template-columns:minmax(0,1fr)}
@media(max-width:360px){.ops-mobile-app .msa-brand{font-size:16px}.msa-brand img{width:25px;height:25px}.ops-mobile-app .msa-icon-button{width:33px;flex-basis:33px;padding:7px}.msa-tools{gap:0}.ops-mobile-app .msa-bar{gap:3px;padding-inline:8px}.ops-mobile-app main{padding-inline:12px!important}.ops-mobile-app .msa-dock a,.ops-mobile-app .msa-dock button{font-size:9px}}
}
@media(prefers-reduced-motion:reduce){.ops-mobile-app .app-sidebar{transition:none!important}}
@media print{.msa-bar,.msa-dock,.msa-backdrop,.msa-sheet{display:none!important}body.ops-mobile-app>main{padding:0!important;margin:0!important}body.ops-mobile-app>.app-sidebar{display:none!important}}
@media(max-width:900px){.ops-mobile-app .app-sidebar>form{display:block;margin-top:8px}.ops-mobile-app .app-sidebar>form button{width:100%;min-height:44px;background:#e6ebf0;color:#283854;border:1px solid #d3dbe3;border-radius:12px}body[data-mobile-public="1"] input:not([type=checkbox]):not([type=radio]),body[data-mobile-public="1"] select,body[data-mobile-public="1"] textarea{font-size:16px;min-height:46px}body[data-mobile-public="1"] .auth,body[data-mobile-public="1"] .auth-shell{max-width:100%;border-radius:20px}body[data-mobile-public="1"] main{max-width:100%;min-width:0}body[data-mobile-public="1"] .publicnav{flex-wrap:wrap;gap:10px}}
@media(max-width:900px){.ops-mobile-app .poslayout,.ops-mobile-app .cards{grid-template-columns:minmax(0,1fr)!important}.ops-mobile-app .catalog,.ops-mobile-app .order-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.ops-mobile-app .catalog>*{min-width:0;overflow-wrap:anywhere}.ops-mobile-app .msa-tools .ops-language-menu summary span{display:none}.ops-mobile-app .msa-tools .ops-language-menu summary{display:grid;place-items:center;list-style:none}.ops-mobile-app .msa-tools .ops-language-menu summary::-webkit-details-marker{display:none}}
.msa-page-heading{display:none}@media(max-width:900px){.ops-mobile-app .msa-page-heading{display:block;margin:0 0 18px}.ops-mobile-app .msa-page-heading h1{margin:0;font-size:26px;font-weight:760;line-height:1.4}.ops-mobile-app.msa-keyboard .msa-dock{display:none}}
@media(max-width:900px){.ops-mobile-app .msa-icon-button{width:44px;height:44px;min-height:44px;flex-basis:44px;padding:10px}.ops-mobile-app .msa-tools .ops-language-menu summary{width:44px;height:44px;min-height:44px}}
@media(max-width:900px){.ops-mobile-app .sp-client-window{inset:8px!important;width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:15px}.ops-mobile-app .sp-client-window.is-maximized{inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0}.ops-mobile-app .sp-client-window>header{padding:8px;gap:8px}.ops-mobile-app .sp-window-controls{gap:5px}.ops-mobile-app .sp-window-controls button{width:44px;height:44px}.ops-mobile-app .sp-client-restore{bottom:calc(90px + var(--msa-safe));left:12px;max-width:calc(100vw - 24px)}}
body:not(.ops-mobile-app)>.msa-bar,body:not(.ops-mobile-app)>.msa-dock,body:not(.ops-mobile-app)>.msa-backdrop,body:not(.ops-mobile-app)>.msa-sheet,body:not(.ops-mobile-app) .msa-page-heading{display:none!important}

/* V76: identical touch boxes and optical centers for the three header tools. */
@media(max-width:900px){
.ops-mobile-app .msa-tools{display:flex;align-items:center;justify-content:flex-end;gap:0;height:44px}
.ops-mobile-app .msa-tools>.msa-icon-button,.ops-mobile-app .msa-tools>.ops-language-menu{position:relative;display:block;box-sizing:border-box;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0!important;padding:0;align-self:center;line-height:1}
.ops-mobile-app .msa-tools>.msa-icon-button,.ops-mobile-app .msa-tools .ops-language-menu summary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0!important;padding:0!important;line-height:1;vertical-align:middle;transform:none}
.ops-mobile-app .msa-tools svg{display:block;flex:0 0 21px;width:21px;height:21px;margin:0;vertical-align:middle;transform:none}
.ops-mobile-app .msa-tools .ops-language-menu summary:after{display:none}
@media(max-width:360px){.ops-mobile-app .msa-brand{gap:4px;font-size:15px}.ops-mobile-app .msa-brand img{width:23px;height:23px}}
}

/* V83: establish the drawer's hidden position before deferred scripts initialize. */
@media(max-width:900px){
html[data-ops-mobile-shell] body:not(.ops-mobile-app)>.app-sidebar{visibility:hidden!important;transform:translateX(-105%)!important;transition:none!important}
html[data-ops-mobile-shell] body:not(.ops-mobile-app)>main{margin:0!important;transition:none!important}
body.ops-mobile-app>.app-sidebar,body.ops-mobile-app.sidebar-collapsed>.app-sidebar{transition:none!important}
body.ops-mobile-app.msa-shell-ready>.app-sidebar{transition:transform .2s ease!important}
body.ops-mobile-app>main,body.ops-mobile-app.sidebar-collapsed>.app-sidebar+main{transition:none!important;transform:none!important;animation:msa-page-reveal .22s ease-out both}
body.ops-mobile-app>.msa-bar,body.ops-mobile-app>.msa-dock{animation:none!important;transition:none!important;transform:none!important}
@keyframes msa-page-reveal{from{opacity:.65}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){body.ops-mobile-app>main,body.ops-mobile-app.msa-shell-ready>.app-sidebar{animation:none!important;transition:none!important}}
@media print{body.ops-mobile-app>main{animation:none!important}}
/* V84: iOS-inspired navigation. Snapshot only the page, never move fixed chrome. */
@media(max-width:900px){
@view-transition{navigation:auto}
html[data-ops-mobile-shell]{--msa-page-offset:26px}
html[dir=rtl][data-ops-mobile-shell]{--msa-page-offset:-26px}
body.ops-mobile-app>main,body.ops-mobile-app.sidebar-collapsed>.app-sidebar+main{animation:msa-ios-fallback .18s ease-out both}
@keyframes msa-ios-fallback{from{opacity:.88}to{opacity:1}}
@supports(view-transition-name:ops-page){
html[data-ops-mobile-shell] body>main{view-transition-name:ops-page}
.ops-mobile-app>.msa-bar{view-transition-name:ops-topbar}
.ops-mobile-app>.msa-dock{view-transition-name:ops-bottom-dock}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-group(ops-page){animation-duration:.3s;animation-timing-function:cubic-bezier(.22,.8,.25,1)}
::view-transition-old(ops-page){animation:msa-ios-out .26s cubic-bezier(.22,.8,.25,1) both;mix-blend-mode:normal}
::view-transition-new(ops-page){animation:msa-ios-in .3s cubic-bezier(.22,.8,.25,1) both;mix-blend-mode:normal}
::view-transition-group(ops-topbar),::view-transition-group(ops-bottom-dock){animation:none}
::view-transition-old(ops-topbar),::view-transition-new(ops-topbar),::view-transition-old(ops-bottom-dock),::view-transition-new(ops-bottom-dock){animation:none;mix-blend-mode:normal}
@keyframes msa-ios-in{from{opacity:0;transform:translateX(var(--msa-page-offset,26px))}to{opacity:1;transform:translateX(0)}}
@keyframes msa-ios-out{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(calc(var(--msa-page-offset,26px) * -.35))}}
}
}
@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}body.ops-mobile-app>main{animation:none!important}}

/* V85: paint the previous dock immediately, then replace it in the same frame. */
@media(max-width:900px){
html[data-ops-mobile-shell] body>.msa-dock-bootstrap{position:fixed;inset:auto 0 0;z-index:850;display:grid!important;grid-template-columns:repeat(var(--msa-tabs,5),minmax(0,1fr));gap:3px;padding:8px 9px calc(8px + env(safe-area-inset-bottom,0px));min-height:74px;border:1px solid #e1e5ea;border-bottom:0;border-radius:23px 23px 0 0;background:#ffffffef;box-shadow:0 -6px 24px #1b2c480a;backdrop-filter:blur(16px);view-transition-name:ops-bottom-dock;animation:none!important;transform:none!important}
html[data-ops-mobile-shell] .msa-dock-bootstrap a,html[data-ops-mobile-shell] .msa-dock-bootstrap button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:52px;padding:6px 2px;border:0;border-radius:17px;background:none;color:#606a7a;font:550 10px/1.25 system-ui;text-decoration:none;text-align:center;overflow-wrap:anywhere;box-shadow:none}
html[data-ops-mobile-shell] .msa-dock-bootstrap [aria-current=page]{background:linear-gradient(145deg,#e6f0f9,#d3e1ef);color:#123167;font-weight:750}
::view-transition-old(ops-bottom-dock){opacity:1;animation:none!important}
::view-transition-new(ops-bottom-dock){opacity:1;animation:none!important}
}
@media print{.msa-dock-bootstrap{display:none!important}}