.mobile-workspace-bar { display:none; }
.mobile-canvas-sizer { position:relative; }

@media (max-width:760px) {
  html,body { width:100%; height:100%; min-height:100%; overflow:hidden; overscroll-behavior:none; }
  body { display:block; background:#dce7f0; }
  .mobile-workspace-bar {
    position:fixed; inset:0 0 auto; z-index:400; height:52px; display:grid;
    grid-template-columns:1.35fr .85fr .72fr .62fr 40px 40px; gap:5px;
    padding:7px max(7px,env(safe-area-inset-right)) 7px max(7px,env(safe-area-inset-left));
    background:linear-gradient(135deg,#173d5c,#285f82); box-shadow:0 3px 14px rgba(10,35,55,.28);
  }
  .mobile-workspace-bar button {
    min-width:0; width:100%; height:38px; margin:0; padding:0 5px; border:1px solid rgba(255,255,255,.5);
    border-radius:8px; background:rgba(255,255,255,.95); color:#153b59; box-shadow:none; font-size:11px;
  }
  #mobileViewBtn { background:#dff4e7; color:#185c3a; }
  #leftPanel {
    position:fixed; inset:52px 0 auto; z-index:300; width:100%; height:calc(100dvh - 52px); display:none;
    border:0; background:rgba(23,42,61,.35); overflow:hidden;
  }
  body.mobile-drawer-open #leftPanel { display:block; }
  #controls {
    width:100%!important; min-width:0!important; max-width:none!important; height:100%;
    padding:10px 12px calc(18px + env(safe-area-inset-bottom)); border:0; background:#f4f7fa; overflow:auto;
  }
  #controls.controls-collapsed { width:100%!important; min-width:0!important; max-width:none!important; padding:10px 12px; }
  #controlsCollapseBtn,#parkingLotPanel,.v-resizer { display:none!important; }
  #savePlanogramPanel { max-height:none; padding-bottom:10px; }
  #savedPlanogramsList,#savedScannedPlanogramsList { max-height:32dvh; overflow:auto; }
  .save-actions { position:sticky; bottom:0; z-index:5; padding:8px 0 calc(4px + env(safe-area-inset-bottom)); background:#f4f7fa; }
  .save-actions button { min-height:36px; }
  #workspace {
    position:fixed; inset:52px 0 auto; z-index:20; width:100%; height:calc(100dvh - 52px); overflow:auto;
    padding:8px; box-sizing:border-box; background:linear-gradient(145deg,#edf3f8,#dce7f0); touch-action:pan-x pan-y; -webkit-overflow-scrolling:touch;
  }
  .mobile-canvas-sizer { position:relative; flex:none; margin:0 auto; overflow:hidden; border-radius:8px; background:#fff; box-shadow:0 8px 22px rgba(22,47,70,.2); }
  .mobile-canvas-sizer > .canvas-container { position:absolute!important; left:0; top:0; margin:0!important; transform-origin:0 0; }
  .mobile-canvas-sizer canvas { touch-action:pan-x pan-y!important; }
  #workspaceLogoSlot { display:none!important; }
  #workspaceControls { display:none!important; }
  #shelfBreakdownPanel { display:none!important; }
  body.store-background-enabled #workspace { background:linear-gradient(145deg,rgba(237,243,248,.8),rgba(220,231,240,.78)); }
  .modal { max-width:calc(100vw - 16px)!important; max-height:calc(100dvh - 20px)!important; }
  .modal-body { overflow:auto; }
}
@media (max-width:380px) {
  .mobile-workspace-bar { grid-template-columns:1.25fr .72fr .68fr .55fr 36px 36px; gap:3px; }
  .mobile-workspace-bar button { font-size:10px; }
}