Sort the shell-variant classes the way the formatter orders them

src/components/data-list/selection-action-bar.tsx

@@ -82,7 +82,7 @@ export function SelectionActionBar({
       // an `sm:` drop sat the bar behind the still-visible nav 640-767px.
       // z-30 keeps the bar above page content without needing to beat the
       // (now-cleared) nav's z-50.
-      className="bg-card border-border sticky bottom-[calc(env(safe-area-inset-bottom,0px)+5rem)] z-30 mt-2 flex items-center justify-between gap-2 rounded-lg border p-2 shadow-lg shell-desktop:bottom-4"
+      className="bg-card border-border shell-desktop:bottom-4 sticky bottom-[calc(env(safe-area-inset-bottom,0px)+5rem)] z-30 mt-2 flex items-center justify-between gap-2 rounded-lg border p-2 shadow-lg"
     >
       <div className="flex items-center gap-1">
         <Button

src/components/insights/layout-coach-fab.tsx

@@ -246,7 +246,7 @@ export function LayoutCoachFab() {
           // phone held sideways (844 px, past `md`) has its notch on one
           // side, and an installed iPad its home indicator along the bottom.
           "fixed right-[calc(env(safe-area-inset-right,0px)+1.5rem)] z-40 size-14 rounded-full shadow-lg md:right-[calc(env(safe-area-inset-right,0px)+2rem)]",
-          "bottom-[calc(env(safe-area-inset-bottom,0px)+5rem)] shell-desktop:bottom-[calc(env(safe-area-inset-bottom,0px)+2rem)]",
+          "shell-desktop:bottom-[calc(env(safe-area-inset-bottom,0px)+2rem)] bottom-[calc(env(safe-area-inset-bottom,0px)+5rem)]",
           // Dark glyph on the purple/pink gradient — white sat at
           // ≈2.3:1 against the gradient midpoint; the background token
           // reads ≈6.5:1.