/* Non-console mobile presentation. Desktop and printed documents retain their layout. */
@media screen and (max-width: 1023px) {
 body.baza-mobile-legacy{min-width:0!important;width:100%;max-width:100%;margin:0;font-family:var(--bz-font);background:var(--bz-bg);color:var(--bz-text);overflow-wrap:anywhere}
 .baza-mobile-legacy *{box-sizing:border-box}
 .baza-mobile-legacy :is(.main-content,.page-content,.main,.content,.app,main){min-width:0;max-width:100%}
 .baza-mobile-legacy .main-content{margin-left:0!important;width:100%}
 .baza-mobile-legacy :is(.page-content,.content){padding:16px!important}
 .baza-mobile-legacy :is(.page-header,.card-header,.filter-bar,.toolbar,.topbar-right){flex-wrap:wrap;gap:12px}
 .baza-mobile-legacy .page-header{align-items:flex-start}
 .baza-mobile-legacy :is(.grid-2,.grid-3,.grid-4,.grid-5,.grid-8-4){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px}
 .baza-mobile-legacy :is(.grid-2,.grid-3,.grid-4,.grid-5,.grid-8-4)>*{min-width:0}
 .baza-mobile-legacy :is(.form-grid,.form-row){display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px}
 /* Horizontal legacy label/value forms become labelled vertical fields. */
 .baza-mobile-legacy form div:has(>label.form-label):has(>div){display:flex!important;flex-direction:column;align-items:stretch!important;gap:8px}
 .baza-mobile-legacy form div>label.form-label{width:auto!important;max-width:100%;padding-top:0!important;white-space:normal}
 .baza-mobile-legacy form div:has(>label.form-label)>div{width:100%;min-width:0;flex-basis:auto!important}
 .baza-mobile-legacy form div:has(>label.form-label)>div>:is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%!important;min-width:0}
 .baza-mobile-legacy form div:has(>label>input[type=radio]),.baza-mobile-legacy form div:has(>label>input[type=checkbox]){flex-wrap:wrap;gap:8px 16px!important}
 .baza-mobile-legacy form label:has(>input[type=radio]),.baza-mobile-legacy form label:has(>input[type=checkbox]){min-height:44px;max-width:100%;flex-shrink:0;word-break:keep-all;white-space:normal}
 .baza-mobile-legacy form :is(input[type=checkbox],input[type=radio]){width:20px!important;height:20px!important;flex:0 0 20px}
 .baza-mobile-legacy[data-mobile-route^="skus/"] form [style*="margin-left:140px"]{margin-left:0!important}
 .baza-mobile-legacy[data-mobile-route^="skus/"] form div:has(>input[name=width_mm]){display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:6px!important}
 .baza-mobile-legacy[data-mobile-route^="skus/"] form div:has(>input[name=width_mm])>input{width:100%!important;min-width:0;padding-inline:4px}
 .baza-mobile-legacy[data-mobile-route^="users/"] form [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
 .baza-mobile-legacy[data-mobile-route^="stores/"] :is(.sf-grid-2,.sf-mapping-row){grid-template-columns:minmax(0,1fr)!important;flex-wrap:wrap}
 .baza-mobile-legacy :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;max-width:100%;min-height:44px;font-family:var(--bz-font)}
 .baza-mobile-legacy :is(button,.btn,.sidebar-link,summary){min-height:44px}
 .baza-mobile-legacy :is(input[type=checkbox],input[type=radio]){width:20px;height:20px;accent-color:var(--bz-accent)}
 .baza-mobile-legacy :is(.data-table,.table-responsive,.table-wrap,.overflow-x-auto){width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
 .baza-mobile-legacy :is(.data-table,.table-responsive,.table-wrap) table{min-width:600px}
 .baza-mobile-legacy :is(.modal-overlay,.dialog-overlay){padding:8px!important;align-items:center}
 .baza-mobile-legacy :is(.modal-content,.dialog-content){width:100%!important;min-width:0!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px);margin:0!important;overflow:auto;border-radius:var(--bz-radius-card)}
 .baza-mobile-legacy :is(img,video,iframe){max-width:100%}
 .baza-mobile-legacy .sidebar{width:min(320px,88vw);height:100dvh;overflow-y:auto;position:fixed;inset:0 auto 0 0;z-index:1000;transform:translateX(-100%)}
 .baza-mobile-legacy .sidebar.open{transform:translateX(0)}
 .baza-mobile-legacy .sidebar-overlay{position:fixed;inset:0;z-index:999}
 .baza-mobile-legacy .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px}
 .baza-mobile-legacy .topbar{height:auto;min-height:60px;padding:8px 12px;gap:8px}
 .baza-mobile-legacy .topbar-breadcrumb{flex-wrap:wrap}
 /* The SaaS shell keeps all existing links reachable in a collapsible native menu. */
 .baza-mobile-legacy .app{display:block!important}
 .baza-mobile-legacy .main{margin:0!important;width:100%!important}
 .baza-mobile-legacy .baza-legacy-menu{padding:12px;background:var(--bz-surface);border-bottom:1px solid var(--bz-border)}
 .baza-mobile-legacy .baza-legacy-menu>summary{display:flex;align-items:center;font-weight:700;cursor:pointer}
 .baza-mobile-legacy .baza-legacy-menu .sb{position:static!important;width:100%!important;height:auto!important;max-height:65dvh;overflow:auto;transform:none!important}
 /* Existing /m shell now shares BAZA semantic tokens. */
 body.baza-mobile-handheld{--bg:var(--bz-bg);--surface:var(--bz-surface);--ink:var(--bz-text);--muted:var(--bz-muted);--faint:var(--bz-muted);--hairline:var(--bz-border);--hairline-strong:var(--bz-border-strong);--accent:var(--bz-accent);--accent-press:var(--bz-accent-hover);--gold:var(--bz-accent-text);--danger:var(--bz-danger-fg);--danger-bg:var(--bz-danger-bg);--ok:var(--bz-success-fg);--ok-bg:var(--bz-success-bg);--sans:var(--bz-font);--mono:var(--bz-font)}
 .baza-mobile-handheld main{padding:16px 16px calc(96px + env(safe-area-inset-bottom))}
 .baza-mobile-handheld .appbar{height:60px;padding:0 16px;background:var(--bz-surface)}
 .baza-mobile-handheld .pagehead h1{font-size:24px;font-weight:700}
 .baza-mobile-handheld :is(.card,.s,.spark){border-radius:16px;background:var(--bz-surface)}
 .baza-mobile-handheld :is(.meta,.lbl,.note-server,.statrow .s .l){font-size:13px;line-height:1.6}
 .baza-mobile-handheld .tabbar{width:100%;max-width:none;min-height:72px;background:var(--bz-surface);padding-bottom:env(safe-area-inset-bottom)}
 .baza-mobile-handheld .tabbar a{min-height:52px;font-size:12px}
 .baza-mobile-handheld .tabbar a.on{color:var(--bz-accent-text)}
 .baza-mobile-handheld .search{flex-wrap:wrap}
 .baza-mobile-handheld .search :is(input,select){min-width:0;flex:1 1 140px}
 .baza-mobile-handheld .rowline{flex-wrap:wrap;gap:8px}
 .baza-mobile-handheld .sys-item{flex-wrap:wrap;gap:12px}
 .baza-mobile-handheld .sys-item>.st{max-width:100%;width:100%;flex-wrap:wrap;margin-left:0;justify-content:flex-start}
 .baza-mobile-handheld :is(.amount,.v){font-variant-numeric:tabular-nums}
 .baza-mobile-login .login-header{padding:20px 16px;gap:12px;flex-wrap:wrap}
 .baza-mobile-login .login-main{min-height:0;padding:24px 16px 48px;display:block}
 .baza-mobile-login .login-form-wrapper{width:100%;max-width:480px;margin:0 auto;padding:0}
 .baza-mobile-login .login-workspace{font-size:13px}
}
/* Desktop SaaS navigation is not collapsed. */
@media screen and (min-width:1024px){.baza-legacy-menu{display:contents}.baza-legacy-menu>summary{display:none}}