/* Animación para expandir/colapsar el historial de producto */
.history-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

/* Vistas manejadas por la app (se activan mediante la clase .active) */
.view { display: none; }
.view.active { display: block; }

/* Login: pequeñas mejoras UX para dispositivos con fuentes grandes */
#login-view .w-full.max-w-sm { max-width: 360px; }