From dd49ec63a6225e9ef5b07b2322d4744358bec2ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Thu, 8 Oct 2026 19:20:49 +0200
Subject: [PATCH] Sort the shell-variant classes the way the formatter orders
 them

---
 src/components/data-list/selection-action-bar.tsx | 2 +-
 src/components/insights/layout-coach-fab.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/data-list/selection-action-bar.tsx b/src/components/data-list/selection-action-bar.tsx
index f7bf6a1e2..9fe66f11c 100644
--- a/src/components/data-list/selection-action-bar.tsx
+++ b/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
diff --git a/src/components/insights/layout-coach-fab.tsx b/src/components/insights/layout-coach-fab.tsx
index 4f2bf04e7..7d6bbae8e 100644
--- a/src/components/insights/layout-coach-fab.tsx
+++ b/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.