/* Asistente del chat del Instrumento (js/componentes/chat-instrumento.js).
   Usa la identidad del panel (variables del <style id="chat-instrumento-estilos">). */

/* Los tres puntos de «escribiendo», como en WhatsApp: una burbuja del
   asistente al final de la conversación en lugar del aviso aparte. */
#chatHallazgo #chatEscribiendo { display: none !important; }
#chatHallazgo .chat-escribiendo-burbuja { align-self: flex-start; width: max-content; padding: 0 !important; border-radius: 14px; border-top-left-radius: 4px; background: var(--papel); box-shadow: 0 1px 1px rgba(11, 39, 40, .1); }
#chatHallazgo .chat-puntos { display: inline-flex; align-items: center; gap: 4px; padding: 13px 15px; }
#chatHallazgo .chat-puntos i { width: 7px; height: 7px; border-radius: 50%; background: #8aa59b; animation: chat-punto 1.2s infinite ease-in-out; }
#chatHallazgo .chat-puntos i:nth-child(2) { animation-delay: .16s; }
#chatHallazgo .chat-puntos i:nth-child(3) { animation-delay: .32s; }
@keyframes chat-punto { 0%, 80%, 100% { transform: translateY(0); opacity: .5; } 40% { transform: translateY(-4px); opacity: 1; } }

/* Ideas de internet: aparte de las fuentes de la Biblioteca y con su aviso. */
#chatHallazgo .chat-fuentes-web { display: grid; gap: 6px; margin-top: 10px; padding: 10px 12px; border: 1px dashed #d9c39a; border-radius: 10px; background: #fffaf0; }
#chatHallazgo .chat-fuentes-web strong { color: #8a6420; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
#chatHallazgo .chat-fuentes-web ol { display: grid; gap: 4px; margin: 0; padding-left: 18px; }
#chatHallazgo .chat-fuentes-web a { color: var(--chat-verde); font-size: 13px; overflow-wrap: anywhere; }
#chatHallazgo .chat-fuentes-web .chat-fuente-tipo { margin-left: 6px; color: var(--tinta-suave); font-size: 11px; }
#chatHallazgo .chat-fuentes-web small { color: var(--tinta-suave); font-size: 11.5px; line-height: 1.45; }
#chatHallazgo .chat-apoyo-internet .chat-apoyo-punto { background: #c08a2c; }

@media (prefers-reduced-motion: reduce) {
  #chatHallazgo .chat-puntos i { animation: none !important; }
}