/* ================================

   BOTÃO FLUTUANTE VETLLIGENCE IA

   ================================ */


/* Bolinha com o robozinho */

#vet-bot-btn {

  position: fixed;

  bottom: 24px;

  right: 24px;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  background: rgba(0, 40, 30, 0.65);

  box-shadow: 0 0 14px rgba(0, 255, 170, 0.5);

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  animation: botPulse 3s infinite;

  transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s;

  z-index: 9999;

}


/* Fica um pouco transparente pra não incomodar */

#vet-bot-btn:hover {

  transform: scale(1.08);

  box-shadow: 0 0 24px rgba(0, 255, 170, 0.9);

  opacity: 1;

}


#vet-bot-icon {

  width: 60%;

  height: auto;

  border-radius: 50%;

}


/* Caso a imagem não carregue, mostra um círculo com "IA" */

#vet-bot-btn.fallback {

  font-weight: 700;

  font-size: 18px;

  color: #00ffaf;

}


/* Pulso verde normal */

@keyframes botPulse {

  0% { box-shadow: 0 0 8px rgba(0,255,170,.2); }

  50% { box-shadow: 0 0 20px rgba(0,255,170,.7); }

  100% { box-shadow: 0 0 8px rgba(0,255,170,.2); }

}


/* ALERTA (IA Ativa) */

#vet-bot-btn.alerta {

  background-color: rgba(255, 0, 0, 0.9);

  animation: pulseRed 1s infinite;

  box-shadow: 0 0 25px rgba(255, 0, 0, 0.9);

  transform: scale(1.1);

}


/* Pulso rápido vermelho */

@keyframes pulseRed {

  0% { box-shadow: 0 0 5px rgba(255,0,0,0.7); }

  50% { box-shadow: 0 0 35px rgba(255,0,0,1); }

  100% { box-shadow: 0 0 5px rgba(255,0,0,0.7); }

}


/* ================================

   JANELA DO CHAT

   ================================ */


#vet-bot-chat {

  position: fixed;

  bottom: 110px;

  right: 24px;

  width: 320px;

  max-height: 460px;

  background: #012a20;

  border-radius: 16px;

  box-shadow: 0 0 24px rgba(0, 0, 0, 0.55);

  display: flex;

  flex-direction: column;

  overflow: hidden;

  z-index: 10000;

  animation: chatFadeIn 0.25s ease-out;

}


#vet-bot-chat.hidden {

  display: none;

}


.vet-chat-header {

  background: #013c2f;

  color: #ffffff;

  padding: 10px 12px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-weight: 600;

  font-size: 14px;

}


.vet-chat-header-left {

  display: flex;

  align-items: center;

  gap: 8px;

}


.vet-chat-header-avatar {

  width: 26px;

  height: 26px;

  border-radius: 50%;

  background: #00c289;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 15px;

  color: #003326;

}


#vet-close-chat {

  background: transparent;

  border: none;

  color: #ffffff;

  font-size: 16px;

  cursor: pointer;

}


.vet-chat-body {

  flex: 1;

  background: #024233;

  padding: 10px;

  color: #ffffff;

  font-size: 13px;

  overflow-y: auto;

  display: flex;

  flex-direction: column;

  gap: 8px;

}


.vet-msg-bot,

.vet-msg-user {

  max-width: 85%;

  padding: 8px 11px;

  border-radius: 10px;

  line-height: 1.35;

}


.vet-msg-bot {

  background: rgba(0, 255, 170, 0.12);

  color: #b5ffe3;

  align-self: flex-start;


  max-width: 85%;

  padding: 10px 12px;

  border-radius: 12px;


  white-space: pre-wrap;   /* mantém quebras de linha da IA */

  line-height: 1.45;


  box-shadow: 0 2px 8px rgba(0,0,0,0.25);

  margin-bottom: 6px;

}

.vet-msg-bot strong {

  display: block;

  margin-bottom: 6px;

  color: #eafff7;

}




.vet-msg-user {

  background: #00c289;

  color: #003326;

  align-self: flex-end;

}


.vet-chat-footer {

  background: #013c2f;

  padding: 8px;

  display: flex;

  gap: 6px;

}


#vet-chat-input {

  flex: 1;

  border-radius: 10px;

  border: none;

  padding: 7px 9px;

  font-size: 13px;

  outline: none;

}


#vet-send-btn {

  border: none;

  border-radius: 10px;

  background: #00c289;

  color: #003326;

  font-weight: 600;

  padding: 7px 10px;

  cursor: pointer;

  font-size: 13px;

}


#vet-send-btn:hover {

  background: #00ffaf;

}


@keyframes chatFadeIn {

  from { opacity: 0; transform: translateY(14px); }

  to { opacity: 1; transform: translateY(0); }

}

/* ===== ALERTA IA ATIVA ===== */

#ia-alerta-popup{

  position:fixed;

  inset:0;

  background:rgba(0,0,0,.55);

  display:flex;

  align-items:center;

  justify-content:center;

  z-index:9999;

}


.ia-alerta-box{

  background:#062a25;

  color:#cce7dd;

  padding:22px;

  border-radius:14px;

  width:90%;

  max-width:420px;

  box-shadow:0 0 25px rgba(0,0,0,.6);

}


.ia-alerta-box h3{

  margin-top:0;

  color:#f87171;

}


.ia-alerta-acoes{

  display:flex;

  gap:12px;

  margin-top:20px;

}


.ia-alerta-acoes button{

  flex:1;

  padding:10px;

  border:none;

  border-radius:8px;

  font-weight:700;

  cursor:pointer;

}


#ia-alerta-sim{ background:#22c55e; color:#062a25; }

#ia-alerta-nao{ background:#ef4444; color:#fff; }

.vet-bloco-resposta {

  background: rgba(255,255,255,0.05);

  border-radius: 8px;

  padding: 8px 10px;

  margin: 8px 0;

}


.vet-bloco-titulo {

  font-weight: bold;

  margin-bottom: 6px;

}


.vet-bloco-item {

  margin-left: 10px;

  margin-bottom: 4px;

}


.vet-bloco-texto {

  margin-bottom: 4px;

}