diff --git a/static/css/app.css b/static/css/app.css
index fb95a55..3b0fa09 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -857,6 +857,34 @@ a:hover {
font-size: var(--font-sm);
}
+/* Sidebar toggle button (hidden on desktop, shown on mobile) */
+.sidebar-toggle {
+ display: none;
+ background: none;
+ border: none;
+ padding: var(--space-sm);
+ cursor: pointer;
+ color: var(--text-secondary);
+}
+
+.sidebar-toggle svg {
+ width: 24px;
+ height: 24px;
+}
+
+/* Mobile overlay */
+.mobile-overlay {
+ display: none;
+ position: fixed;
+ inset: 0;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 40;
+}
+
+.mobile-overlay.visible {
+ display: block;
+}
+
/* ============================================
Mobile Responsive
============================================ */
@@ -1055,34 +1083,6 @@ a:hover {
display: block;
}
-/* Sidebar toggle button (visible on mobile) */
-.sidebar-toggle {
- display: none;
- background: none;
- border: none;
- padding: var(--space-sm);
- cursor: pointer;
- color: var(--text-secondary);
-}
-
-.sidebar-toggle svg {
- width: 24px;
- height: 24px;
-}
-
-/* Mobile overlay */
-.mobile-overlay {
- display: none;
- position: fixed;
- inset: 0;
- background-color: rgba(0, 0, 0, 0.5);
- z-index: 40;
-}
-
-.mobile-overlay.visible {
- display: block;
-}
-
/* ============================================
Color Presets (Group Modal)
============================================ */
diff --git a/templates/base.html b/templates/base.html
index 7eb7a95..9b1c232 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -10,7 +10,7 @@
-
+
{% block extra_css %}{% endblock %}