/* VISOR 3D · Estilos Complementarios
 * J. Ricardo Gómez Anaya · 2026
 */

/* ── Scrollbar sutil ──────────────────────────────────────────────────── */
.scrollbar-hide::-webkit-scrollbar { display: none; }

.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); }

/* ── Botón activo en toolbar ──────────────────────────────────────────── */
#toolbar button.active {
  background-color: rgba(59, 130, 246, 0.12);
  color: #3b82f6;
}
.dark #toolbar button.active {
  background-color: rgba(59, 130, 246, 0.25);
  color: #60a5fa;
}

/* ── Canvas ───────────────────────────────────────────────────────────── */
canvas {
  display: block;
  outline: none;
  touch-action: none; /* crítico para móviles */
}

/* ── Transición del app ───────────────────────────────────────────────── */
#app {
  transition: opacity 0.5s ease-in-out;
}

/* ── Autocomplete Chrome fix ──────────────────────────────────────────── */
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;
}

/* ── Viewer main layout fix ───────────────────────────────────────────── */
.viewer-main {
  min-height: 0;
}

/* ── Touch overscroll prevention ─────────────────────────────────────── */
body {
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch;
}