/* Estilos no-tailwind: animaciones, scrollbars, y cualquier cosa que el runtime del CDN
   no pueda resolver. Los componentes (.field, .btn-*) viven en un <style> con @apply
   dentro del index.html, que el script de Tailwind si procesa. */

@keyframes slideIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.toast {
  animation: slideIn .25s ease-out;
}

ul::-webkit-scrollbar { width: 8px; height: 8px; }
ul::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }
ul::-webkit-scrollbar-thumb:hover { background: #94A3B8; }
ul::-webkit-scrollbar-track { background: transparent; }

body { font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11'; }