/* ===========================================================================
   Assistente Castrol (Agentforce) dentro do portal
   =========================================================================== */
.chat-abrir{
  position:fixed;right:1.4rem;bottom:1.4rem;z-index:150;
  display:flex;align-items:center;gap:.6rem;
  background:var(--verde-esc);color:#fff;border:none;border-radius:999px;
  padding:.8rem 1.15rem .8rem .85rem;cursor:pointer;
  box-shadow:0 12px 30px rgba(0,98,45,.42);
  transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .2s;
}
.chat-abrir:hover{transform:translateY(-3px);background:var(--verde);
  box-shadow:0 16px 38px rgba(0,98,45,.5)}
.chat-abrir-ico{width:26px;height:26px;display:grid;place-items:center;flex-shrink:0}
.chat-abrir-ico svg{width:24px;height:24px;fill:#fff}
.chat-abrir-txt{font-size:.88rem;white-space:nowrap}
/* ponto de online, estatico: nada piscando na tela */
.chat-abrir-ping{
  position:absolute;top:.6rem;right:.95rem;width:8px;height:8px;border-radius:50%;
  background:#7DFFB0;box-shadow:0 0 0 2px var(--verde-esc);
}
.chat-abrir.escondido{opacity:0;pointer-events:none;transform:translateY(12px)}
@media (max-width:560px){.chat-abrir-txt{display:none}.chat-abrir{padding:.85rem}}

.chat{
  position:fixed;right:1.4rem;bottom:1.4rem;z-index:160;
  width:min(25rem,calc(100vw - 2rem));height:min(38rem,calc(100vh - 3rem));
  background:var(--papel);border:1px solid var(--borda);border-radius:16px;
  box-shadow:0 30px 70px rgba(18,23,21,.3);
  display:flex;flex-direction:column;overflow:hidden;
  opacity:0;pointer-events:none;transform:translateY(18px) scale(.98);
  transition:opacity .22s,transform .26s cubic-bezier(.2,.8,.2,1);
}
.chat.on{opacity:1;pointer-events:auto;transform:none}

.chat-top{
  display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;
  background:var(--verde-esc);color:#fff;flex-shrink:0;
}
.chat-av{
  width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);
  display:grid;place-items:center;flex-shrink:0;
}
.chat-av svg{width:19px;height:19px;fill:#fff}
.chat-top-txt{flex:1;min-width:0}
.chat-nome{font-family:var(--display);font-size:.98rem;margin:0;letter-spacing:-.015em}
.chat-sub{font-size:.68rem;color:rgba(255,255,255,.78);margin:0;
  display:flex;align-items:center;gap:.35rem}
.chat-sub::before{content:"";width:6px;height:6px;border-radius:50%;background:#7DFFB0;
  box-shadow:0 0 6px #7DFFB0;flex-shrink:0}
.chat-fechar{
  background:none;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;
  width:30px;height:30px;border-radius:8px;flex-shrink:0;
}
.chat-fechar:hover{background:rgba(255,255,255,.16)}

.chat-corpo{
  flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.7rem;
  background:#FAFCFB;scroll-behavior:smooth;
}
.bolha{max-width:88%;border-radius:14px;padding:.62rem .85rem;font-size:.87rem;line-height:1.55}
.bolha-ag{background:var(--papel);border:1px solid var(--borda);border-bottom-left-radius:5px}
.bolha-eu{background:var(--verde);color:#fff;margin-left:auto;border-bottom-right-radius:5px}
.bolha b{font-weight:400;color:var(--verde-esc);border-bottom:1.5px solid var(--verde-fundo)}
.bolha-eu b{color:#fff;border-bottom-color:rgba(255,255,255,.4)}

/* cartão de registro criado no Salesforce */
.reg{
  background:var(--papel);border:1px solid #A6DCBE;border-radius:12px;padding:.8rem .9rem;
  max-width:92%;
}
.reg-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem}
.reg-ico{width:22px;height:22px;border-radius:6px;background:var(--verde);display:grid;
  place-items:center;flex-shrink:0}
.reg-ico svg{width:13px;height:13px;fill:#fff}
.reg-tit{font-family:var(--display);font-size:.88rem;letter-spacing:-.015em}
.reg-campos{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .8rem}
.reg-c{display:flex;flex-direction:column;min-width:0}
.reg-l{font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3)}
.reg-v{font-size:.79rem;overflow-wrap:break-word}
.reg-btn{
  display:inline-block;margin-top:.7rem;background:var(--papel);border:1px solid var(--verde);
  color:var(--verde-esc);border-radius:8px;padding:.36rem .75rem;font-size:.76rem;
  cursor:pointer;text-decoration:none;
}
.reg-btn:hover{background:var(--verde);color:#fff}
.reg-fonte{display:block;margin-top:.55rem;font-family:var(--mono);font-size:.63rem;
  color:var(--ink-3)}

.pensando{display:flex;gap:.3rem;align-items:center;padding:.7rem .9rem;
  background:var(--papel);border:1px solid var(--borda);border-radius:14px;
  border-bottom-left-radius:5px;width:fit-content}
.pensando i{width:7px;height:7px;border-radius:50%;background:var(--verde);
  animation:pens 1.1s infinite ease-in-out}
.pensando i:nth-child(2){animation-delay:.16s}
.pensando i:nth-child(3){animation-delay:.32s}
@keyframes pens{0%,80%,100%{opacity:.26;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}

.chat-sug{display:flex;gap:.35rem;padding:0 1rem .7rem;flex-wrap:wrap;flex-shrink:0;
  background:#FAFCFB}
.chat-sug button{
  background:var(--papel);border:1px solid var(--borda);border-radius:999px;
  padding:.32rem .7rem;font-size:.73rem;color:var(--ink-2);cursor:pointer;text-align:left;
  transition:background .15s,color .15s,border-color .15s;
}
.chat-sug button:hover{background:var(--verde);color:#fff;border-color:var(--verde)}

.chat-comp{display:flex;gap:.5rem;padding:.8rem 1rem 1rem;border-top:1px solid var(--borda);
  flex-shrink:0;background:var(--papel)}
.chat-comp input{
  flex:1;border:1px solid var(--borda);border-radius:10px;padding:.62rem .75rem;
  font-family:inherit;font-size:.88rem;color:var(--ink);min-width:0;
}
.chat-comp input:focus{outline:none;border-color:var(--verde);
  box-shadow:0 0 0 3px rgba(0,147,67,.14)}
.chat-comp button{
  width:42px;border:none;border-radius:10px;background:var(--verde);cursor:pointer;
  display:grid;place-items:center;flex-shrink:0;transition:background .15s;
}
.chat-comp button:hover{background:var(--verde-esc)}
.chat-comp button svg{width:18px;height:18px;fill:#fff}