/* JLJAM 7.10.32 navigation shell: independent from hidden app containers. */
body > #jljamNavRail[hidden]{display:none!important}
@media(max-width:700px){
 body > #jljamNavRail{
  display:flex!important;position:fixed!important;box-sizing:border-box!important;
  left:14px!important;right:auto!important;top:auto!important;
  bottom:calc(123px + env(safe-area-inset-bottom,0px))!important;
  z-index:2147481000!important;
  width:max-content!important;max-width:calc(100vw - 28px)!important;
  height:54px!important;min-height:54px!important;
  margin:0!important;padding:5px!important;gap:6px!important;
  justify-content:flex-start!important;align-items:center!important;
  border:1px solid rgba(194,165,245,.58)!important;
  border-radius:16px!important;
  background:rgba(29,18,51,.97)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.49)!important;
  backdrop-filter:blur(16px)!important;
  opacity:1!important;visibility:visible!important;
  transform:none!important;pointer-events:auto!important;
 }
 body > #jljamNavRail > .jljam-nav-button{
  box-sizing:border-box!important;display:flex!important;flex:0 0 auto!important;
  align-items:center!important;justify-content:center!important;
  min-width:84px!important;width:84px!important;height:44px!important;min-height:44px!important;max-height:44px!important;
  margin:0!important;padding:0 8px!important;gap:5px!important;
  border:1px solid rgba(207,168,248,.35)!important;border-radius:11px!important;
  color:#fff!important;background:rgba(86,54,133,.7)!important;
  font:750 13px/1.1 system-ui,sans-serif!important;
  touch-action:manipulation!important;opacity:1!important;visibility:visible!important;
 }
 body > #jljamNavRail > .jljam-nav-button>span{font-size:21px!important;line-height:1!important}
 body > #jljamNavRail > .jljam-nav-button>b{display:inline!important;font:750 12px/1.1 system-ui,sans-serif!important}
 body > #jljamNavRail > .jljam-nav-button[disabled]{opacity:.56!important;color:#e1d3f0!important;background:rgba(34,25,52,.95)!important}
 body > #jljamNavRail > .jljam-nav-position{display:none!important}
 body > #jljamNavRail.jljam-nav-native{
   bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
 }
 body > #jljamNavRail .jljam-nav-button:focus-visible{outline:3px solid #e7b8ff!important;outline-offset:2px!important}
 /* Preserve the existing four-button dock, including original active enlargement. */
 body:not(.bm-native):not(.ag-native):not(.br-document):not(.lg-document):not(.ct-document):not(.sig-native) #app .shell{padding-bottom:calc(220px + env(safe-area-inset-bottom,0px))!important}
 body.bm-native #jljamBookingMission .bm-main,
 body.ag-native #jljamActionGate .ag-main{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:350px){
 body > #jljamNavRail{left:9px!important;bottom:calc(121px + env(safe-area-inset-bottom,0px))!important}
 body > #jljamNavRail > .jljam-nav-button{min-width:76px!important;width:76px!important;padding:0 4px!important}
 body > #jljamNavRail.jljam-nav-native{bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
}
@media(min-width:701px){
 body > #jljamNavRail{display:flex!important;position:fixed!important;right:20px!important;top:84px!important;bottom:auto!important;z-index:2147481000!important;gap:7px!important;padding:5px!important;background:#231638!important;border:1px solid #9b77bd!important;border-radius:14px!important}
 body > #jljamNavRail.jljam-nav-native{top:auto!important;bottom:25px!important;right:20px!important}
}