/* ==========================================================================
   Overrides del widget n8n
   Contiene: variables del widget, colores, bordes, ocultar headers/powered-by,
             estilos de mensajes y toggle. Respeta prefers-reduced-motion.
   No modifica lógica; sólo apariencia del chat.
   ========================================================================== */


/* Host del chat */
#chat-layer{position:fixed;inset:0;z-index:9999;pointer-events:none}

/* Variables y estilos del widget n8n */
#n8n-chat{
  pointer-events:auto;
  --bb-purple:var(--accent);
  --bb-purple-600:var(--accent-600);
  --bb-border:rgba(170,150,255,.28);
  --chat--toggle--background:var(--accent);
  --chat--toggle--color:#fff;
  --chat--window--background:#0f0d1d;
}
#n8n-chat .chat-window-wrapper{background:transparent!important}
#n8n-chat .chat-window{border:1px solid var(--bb-border)!important;background:#0f0d1d!important;color:#fff!important;border-radius:16px!important}
#n8n-chat .chat-header,#n8n-chat .chat-heading,#n8n-chat .chat-welcome-screen{display:none!important}
#n8n-chat .chat-body,#n8n-chat .chat-footer{background:#0f0d1d!important;color:#fff!important}
#n8n-chat .chat-footer{border-top:1px solid var(--bb-border)!important}
#n8n-chat textarea{background:#161233!important;color:#efe6ff!important;border:1px solid var(--bb-border)!important;border-radius:10px 0 0 10px!important}
#n8n-chat button[type="submit"]{background:var(--accent)!important;color:#fff!important;border:none!important;border-radius:0 10px 10px 0!important}
#n8n-chat button[type="submit"]:hover{background:var(--accent-600)!important}
#n8n-chat .chat-window-toggle{background:var(--accent)!important;color:#fff!important;border:none!important}
#n8n-chat .chat-window-toggle:hover{background:var(--accent-600)!important}
#n8n-chat .chat-powered-by{display:none!important}

#n8n-chat .assistant,#n8n-chat .chat-message.assistant{align-self:flex-start!important;background:linear-gradient(180deg,rgba(167,139,250,.16),rgba(240,171,252,.08))!important;color:#e8e9ff!important;border:1px solid var(--bb-border)!important;border-radius:14px!important;max-width:88%!important;padding:10px 12px!important;margin:6px 48px 6px 8px!important}
#n8n-chat .user,#n8n-chat .chat-message.user{align-self:flex-end!important;background:linear-gradient(180deg,var(--accent),var(--accent-600))!important;color:#fff!important;border:none!important;border-radius:14px!important;max-width:88%!important;padding:10px 12px!important;margin:6px 8px 6px 48px!important;box-shadow:0 0 0 1px rgba(255,255,255,.04) inset}

/* Respeta preferencia de reducir movimiento */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}