/* VISOR 3D - Estilos Complementarios */

/* Asegurar que el scrollbar de los paneles laterales sea sutil */
.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(156, 163, 175, 0.3);
  border-radius: 4px;
}
.dark .custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
}

/* Estado activo para botones del sidebar */
#left-sidebar button.active {
  background-color: rgba(59, 130, 246, 0.1); /* blue-500/10 */
  color: #3b82f6; /* blue-500 */
}
.dark #left-sidebar button.active {
  background-color: rgba(59, 130, 246, 0.2);
  color: #60a5fa; /* blue-400 */
}

/* Transiciones de visibilidad para la App */
#app {
    transition: opacity 0.5s ease-in-out;
}
#app.visible {
    opacity: 1;
}

/* Canvas Cleanup */
canvas {
    display: block;
    outline: none;
    touch-action: none; /* Crucial para móviles */
}

/* Autocompletar fondo amarillo fix para Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    transition: background-color 5000s ease-in-out 0s;
}
.dark input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #0f172a inset !important;
    -webkit-text-fill-color: white !important;
}