/* Estilos complementarios y animaciones */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

code, kbd, samp, pre, .font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Scrollbars estilizados */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.6);
}

::-webkit-scrollbar-thumb {
  background: rgba(51, 65, 85, 0.8);
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 1);
}

/* Botones de Navegación Activos */
.nav-item.active {
  background-color: rgba(16, 185, 129, 0.12);
  color: #34d399;
  font-weight: 600;
  border-left: 3px solid #10b981;
}

/* Animación de rotación para icono de refresh */
.animate-spin-once {
  animation: spin 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Transiciones de pestañas */
.tab-btn.active {
  color: #34d399;
  border-bottom-color: #34d399;
}