/* Collapsed-rail state for the persistent app sidebar (see
   shared/_app_sidebar.html.erb and sidebar_controller.js). Desktop only -
   at md: and up the panel is a permanent rail; below that it's the
   off-canvas drawer, which the "sidebar-collapsed" class never applies to
   (the controller only toggles it in response to the md:-only collapse
   button, and the drawer's own open/close classes are unrelated). */
@media (min-width: 768px) {
  aside[data-sidebar-target="panel"].sidebar-collapsed {
    width: 4.5rem;
  }

  .sidebar-collapsed .sidebar-label {
    display: none;
  }

  .sidebar-collapsed .sidebar-tools {
    flex-direction: column;
    gap: 0.25rem;
  }

  .sidebar-collapsed .sidebar-collapse-icon {
    transform: rotate(180deg);
  }
}