/* Navigation guard for mobile browsers and installed PWAs.
   This versioned filename keeps a former cached rule from surviving a release. */
html,
body,
#app,
.app-stage,
.app-shell,
.register-reference {
  writing-mode: horizontal-tb;
  rotate: none;
  scale: 1;
  transform: none !important;
  view-transition-name: none !important;
}

.app-shell { flex-direction: column !important; }
.app-topbar { order: 0; }
.app-content { order: 1; }
.bottom-tabs { order: 3; }

/* The app swaps screens through Inertia, without a browser snapshot or slide. */
@view-transition { navigation: none; }

::view-transition-group(root),
::view-transition-old(root),
::view-transition-new(root) {
  animation: none !important;
  animation-duration: 0s !important;
  animation-delay: 0s !important;
}

html,
body { overflow-x: clip; }
