/* Sidebar base styles */
[data-sidebar-target="sidebar"] {
  width: 15.5rem;
  min-width: 15.5rem;
  overflow: hidden;
}

/* Transition enabled after initial page load (added by JS) */
[data-sidebar-target="sidebar"].sidebar-ready {
  transition: width 0.2s ease-in-out, min-width 0.2s ease-in-out;
}

[data-sidebar-target="sidebar"] .menu span.text,
[data-sidebar-target="sidebar"] .menu-title span.text {
  white-space: nowrap;
  transition: opacity 0.1s ease-in-out;
}

/* Collapsed state */
.drawer-collapsed {
  width: 4rem !important;
  min-width: 4rem !important;
}

.drawer-collapsed .menu span.text,
.drawer-collapsed .menu-title span.text {
  opacity: 0;
}

/* Ensure sidebar layout adapts on large screens */
@media (min-width: 1024px) {
  .drawer-collapsed + .drawer-content {
    margin-left: 4rem !important;
  }
}

/* Auto-collapse sidebar on small/medium screens */
@media (max-width: 1023px) {
  [data-sidebar-target="sidebar"] {
    width: 4rem;
    min-width: 4rem;
  }

  [data-sidebar-target="sidebar"] .menu span.text,
  [data-sidebar-target="sidebar"] .menu-title span.text {
    opacity: 0;
  }
}