[data-sidebar-collapsed-class="w-16"].w-16 .sidebar-text {
    position: absolute;
    left: 4rem; /* place tooltip outside the collapsed sidebar */
    background-color: #1f2937; /* gray-800 */
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    white-space: nowrap;



    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
  }

  /* Show on hover */
[data-sidebar-collapsed-class="w-16"].w-16 .flex:hover .sidebar-text {
    opacity: 1;
    pointer-events: auto;
  }



  [data-sidebar-expanded-class="w-64"].w-64 .sidebar-text {
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
  }
  [data-sidebar-collapsed-class="w-16"].w-16 .sidebar-title {
    display: none;
  }