From b25e04d1b286bd8a44f54fa8cd1c123c94e6324b Mon Sep 17 00:00:00 2001
From: jamey <jamey@server.jamey.stream>
Date: Tue, 17 Feb 2026 20:07:52 +0000
Subject: [PATCH] load shop.css in admin layout for theme editor preview

The theme editor preview renders shop components inline. After removing
shop Tailwind (Phase 5c), those components use semantic CSS classes from
shop.css which wasn't loaded in the admin layout. Added a layer ordering
declaration to keep shop reset below Tailwind base in the cascade.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../components/layouts/admin_root.html.heex                  | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/lib/simpleshop_theme_web/components/layouts/admin_root.html.heex b/lib/simpleshop_theme_web/components/layouts/admin_root.html.heex
index 0f602d7..d53a8ef 100644
--- a/lib/simpleshop_theme_web/components/layouts/admin_root.html.heex
+++ b/lib/simpleshop_theme_web/components/layouts/admin_root.html.heex
@@ -7,7 +7,12 @@
     <.live_title default="Admin" suffix=" · SimpleShop">
       {assigns[:page_title]}
     </.live_title>
+    <!-- Pre-declare layer order so shop reset < Tailwind base regardless of load order -->
+    <style>
+      @layer properties, reset, primitives, tokens, theme, base, components, layout, utilities, overrides;
+    </style>
     <link phx-track-static rel="stylesheet" href={~p"/assets/css/app.css"} />
+    <link phx-track-static rel="stylesheet" href={~p"/assets/css/shop.css"} />
     <script defer phx-track-static src={~p"/assets/js/app.js"}>
     </script>
     <script>