/* Cross-document View Transitions: navigating between admin pages crossfades instead of the hard
   white flash (every page is a full load, and Alpine's x-cloak blanks it until hydration — that gap
   is the "reload" feeling). The sidebar is a named transition element so the browser carries it
   across the navigation as one stable piece, rather than tearing it down and repainting it.

   Progressive enhancement only: browsers without support (Firefox/Safari today) just navigate
   normally — no behaviour change, no SPA fragility (it's still a full document load, so Select2 /
   Alpine / admin JS all initialise exactly as before). */

@view-transition {
  navigation: auto;
}

/* The sidebar is identical on every page → name it so it stays put (no menu flicker). */
#nav-sidebar {
  view-transition-name: ffp-sidebar;
}

/* Keep the content crossfade quick and unobtrusive. */
::view-transition-group(root) {
  animation-duration: 160ms;
}