/* Progressive navigation performance layer for the multi-page workflow. */
@view-transition {
  navigation: auto;
}

.app-shell {
  view-transition-name: solar-planner-shell;
}

/* Legacy shell positioning styles predate <dialog>. The native closed state
   must win so an unopened menu cannot cover the mobile invoker. */
dialog.shell-menu:not([open]) {
  display: none !important;
  pointer-events: none !important;
}

::view-transition-group(root),
::view-transition-group(solar-planner-shell) {
  animation-duration: 180ms;
  animation-timing-function: cubic-bezier(.22, 1, .36, 1);
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(root),
  ::view-transition-group(solar-planner-shell) {
    animation-duration: 0.01ms;
  }
}