reposition the navbar when closed

src/components/ModernNavbar.vue

@@ -279,6 +279,12 @@ updateBodyClass()
   justify-content: space-between;
   gap: var(--spacing-sm);
   flex-shrink: 0;
+  position: relative;
+}
+
+.sidebar-nav.collapsed .sidebar-header {
+  flex-direction: column;
+  gap: var(--spacing-md);
 }
 
 .sidebar-brand {
@@ -293,6 +299,7 @@ updateBodyClass()
 
 .sidebar-nav.collapsed .sidebar-brand {
   justify-content: center;
+  flex: unset;
 }
 
 .logo-icon {
@@ -341,14 +348,10 @@ updateBodyClass()
   justify-content: center;
   transition: all var(--transition-base);
   flex-shrink: 0;
-  position: relative;
-  z-index: 1;
 }
 
 .sidebar-nav.collapsed .collapse-toggle {
-  position: absolute;
-  right: var(--spacing-sm);
-  top: var(--spacing-lg);
+  /* No absolute positioning - let it stack below the logo */
 }
 
 .collapse-toggle:hover {