/* Agente EIC v3 — CSS overrides sobre Tailwind CDN */
:root {
  --nivel-a: #0F6E56;   /* verde */
  --nivel-b: #2A8C7E;
  --nivel-c: #C78F17;   /* ámbar */
  --nivel-d: #D5660B;
  --nivel-e: #A32D2D;   /* rojo */
  --card-bg: #1E293B;   /* slate-800 */
  --card-br: #334155;   /* slate-700 */
}

html, body { font-family: Inter, system-ui, -apple-system, sans-serif; }

.nivel-badge {
  @apply inline-flex items-center justify-center w-8 h-8 rounded-full font-bold text-white text-sm;
}
.nivel-a { background: var(--nivel-a); }
.nivel-b { background: var(--nivel-b); }
.nivel-c { background: var(--nivel-c); }
.nivel-d { background: var(--nivel-d); }
.nivel-e { background: var(--nivel-e); }

.card-zona {
  @apply bg-slate-800 border border-slate-700 rounded-lg p-4 hover:border-slate-500 cursor-pointer transition-all;
}

.sev-roja    { border-left: 4px solid var(--nivel-e); }
.sev-amarilla{ border-left: 4px solid var(--nivel-c); }
.sev-info    { border-left: 4px solid #3B82F6; }

.pill {
  @apply inline-block px-2 py-0.5 rounded text-xs font-semibold;
}

.chat-burbuja-user {
  @apply bg-blue-600 text-white rounded-2xl rounded-br-sm px-4 py-2 max-w-[80%] ml-auto;
}
.chat-burbuja-assistant {
  @apply bg-slate-700 text-slate-100 rounded-2xl rounded-bl-sm px-4 py-2 max-w-[90%];
}

.chat-burbuja-assistant pre {
  @apply bg-slate-900 text-xs p-2 my-2 rounded overflow-x-auto;
}

/* Sparkline contenedor */
.sparkline { height: 32px; }

/* Animación loading */
.dot-loader span {
  @apply inline-block w-1.5 h-1.5 mx-0.5 bg-slate-400 rounded-full;
  animation: dot 1.2s infinite ease-in-out;
}
.dot-loader span:nth-child(2) { animation-delay: .2s; }
.dot-loader span:nth-child(3) { animation-delay: .4s; }
@keyframes dot {
  0%, 60%, 100% { transform: scale(0.6); opacity: 0.4; }
  30%           { transform: scale(1);   opacity: 1; }
}