/* LAB Media Productions — v34.5.2 mobile QA polish
   Real-device corrections from Sept. 2, 2026 QA pass. */

/* Consistent launch spacing beneath the canonical mobile header. */
@media (max-width:900px){
  main>.brand-film-welcome,
  main>.crew-film-welcome{padding-top:20px!important}
  main>.intro{padding-top:32px!important}
  main>.hero{padding-top:32px!important}
  .web-studio-hero-v206{padding-top:32px!important}
  main>.room-status{padding-top:20px!important}
  main>.legal-hero{padding-top:32px!important}
  main>.demo-banner{margin-top:18px!important}

  /* Same job = same physical control size. */
  .arrow,.v20-arrow,.icon-btn,#prev,#next{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    padding:0!important;display:grid!important;place-items:center!important;font-size:1.05rem!important
  }

  /* Web Studio Ice-Breaker delivery actions: readable on dark cards. */
  .icebreaker-actions .button.ghost{
    color:#eefbff!important;
    background:rgba(67,216,255,.09)!important;
    border-color:rgba(110,225,255,.32)!important;
    text-shadow:0 1px 1px rgba(0,0,0,.45)!important
  }
  .icebreaker-actions .button.ghost span{color:#86e8ff!important}
  .icebreaker-actions .button.ghost:active,
  .icebreaker-actions .button.ghost:focus-visible{
    background:rgba(67,216,255,.16)!important;border-color:rgba(132,235,255,.62)!important
  }
}

/* Office Tour: a room preview must appear where the finger is, not below an off-screen map. */
@media (max-width:700px){
  body.tour-panel-open{overflow:hidden!important}
  body.tour-panel-open:before{
    content:"";position:fixed;z-index:10020;left:0;right:0;top:82px;bottom:0;
    background:rgba(1,4,7,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)
  }
  body.tour-panel-open #panel.panel.open{
    position:fixed!important;z-index:10030!important;
    left:10px!important;right:10px!important;top:94px!important;bottom:12px!important;
    width:auto!important;max-width:none!important;margin:0!important;
    display:grid!important;grid-template-rows:minmax(180px,40svh) minmax(0,1fr)!important;
    max-height:calc(100svh - 106px)!important;overflow:auto!important;
    border-radius:22px!important;box-shadow:0 28px 90px rgba(0,0,0,.78)!important
  }
  body.tour-panel-open #panel .photo{min-height:180px}
  body.tour-panel-open #panel .copy{padding:20px 21px 24px!important;overflow:auto}
  body.tour-panel-open #panel .copy h3{font-size:clamp(1.85rem,9vw,2.5rem)!important}

  /* Evidence Room touch equivalents for pointer-only effects. */
  /* Process Microscope: a slightly shorter frame reveals more of each 16:9 image on portrait phones.
     Touch is intentionally owned by the microscope while the finger is down so drag inspection is reliable. */
  #microscopeView{min-height:500px!important;touch-action:none!important}
  #microscopeView .lens{display:block!important;width:154px!important;height:154px!important;opacity:0!important}
  #microscopeView.touch-inspecting .lens{opacity:1!important}
  #microscopeView.touch-inspecting{border-color:rgba(96,231,255,.48)!important;box-shadow:0 0 42px rgba(64,202,255,.12)!important}
  #particleCard{touch-action:pan-y}
  #particleCard.touch-pulse{border-color:rgba(96,231,255,.52)!important;box-shadow:0 0 48px rgba(66,205,255,.14)!important}
  #particleCard.touch-pulse .overlay b{color:#dffcff!important;text-shadow:0 0 24px rgba(96,231,255,.34)}
}

/* Landscape phones: keep navigation useful without eating the whole viewport. */
@media (orientation:landscape) and (max-height:540px) and (max-width:980px){
  .labmp-canonical-header,.labmp-canonical-shell{height:62px!important}
  .labmp-canonical-brand img{width:112px!important;max-height:48px!important}
  .labmp-canonical-menu{width:38px!important;height:38px!important}
  .labmp-canonical-nav{
    top:62px!important;max-height:calc(100svh - 62px)!important;overflow-y:auto!important;
    padding-top:8px!important;padding-bottom:12px!important
  }
  .labmp-canonical-tab{min-height:42px!important;padding:10px!important}
  body.tour-panel-open:before{top:62px!important}
  body.tour-panel-open #panel.panel.open{top:72px!important;max-height:calc(100svh - 84px)!important}
  .labmp-canonical-cta{margin-top:8px!important}
  main>.brand-film-welcome,main>.crew-film-welcome,main>.intro,main>.hero,
  .web-studio-hero-v206,main>.legal-hero{padding-top:18px!important}
}