#sidebar.collapsed {
    width: 80px !important;
}

#sidebar.collapsed .menu-text {
    display: none;
}
/* Quando o sidebar estiver retraído */
#sidebar.collapsed svg {
    width: 30px !important;
    height: 30px !important;
}

/* Opcional: centraliza melhor o ícone */
#sidebar.collapsed a {
    justify-content: center !important;
}

/* Remove gaps quando retraído */
#sidebar.collapsed a .menu-text {
    display: none !important;
}

/* Espaçamento mais elegante quando retraído */
#sidebar.collapsed nav a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Animação de entrada */
@keyframes slide-in {
  0% { transform: translateX(100%); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}

.animate-slide-in {
  animation: slide-in 0.5s ease-out forwards;
}