/* Bolt visual: o PNG 3D original flutua sem recorte ou redesenho. */
.bolt-presenca{
  position:fixed;right:clamp(8px,1.4vw,22px);bottom:calc(8px + env(safe-area-inset-bottom));
  z-index:34;width:172px;pointer-events:none;
}
.bolt-presenca[hidden]{display:none}
.bolt-presenca__botao{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  width:172px;min-height:185px;padding:0 0 4px;border:0;border-radius:28px;
  background:transparent;color:var(--bolt-3d-red);cursor:pointer;pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
}
.bolt-presenca__botao:focus-visible{outline:2px solid var(--bolt-3d-red);outline-offset:2px}
.bolt-presenca__convite{
  position:absolute;right:calc(100% - 16px);top:50px;z-index:5;
  padding:8px 11px;border:1px solid rgba(220,38,38,.15);
  border-radius:12px 12px 3px 12px;
  background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);
  color:var(--ink,#241A1A);box-shadow:0 8px 24px -12px rgba(68,17,24,.35);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  font-size:11px;font-weight:700;white-space:nowrap;
  opacity:0;transform:translateX(5px) scale(.97);pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.bolt-presenca__botao:hover .bolt-presenca__convite,
.bolt-presenca__botao:focus-visible .bolt-presenca__convite{opacity:1;transform:none}
.bolt-presenca__nome{
  position:relative;z-index:4;display:inline-flex;align-items:center;gap:6px;
  margin-top:-8px;padding:5px 10px 4px;border:1px solid rgba(220,38,38,.15);
  border-radius:999px;background:color-mix(in srgb,var(--surface,#fff) 86%,transparent);
  color:var(--ink-2,#6D2323);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 4px 14px -9px rgba(73,23,27,.36);
  font-size:10px;font-weight:800;line-height:1;letter-spacing:.12em;
}
.bolt-presenca__ponto{width:6px;height:6px;border-radius:50%;background:var(--bolt-3d-red);box-shadow:0 0 7px rgba(220,38,38,.5)}
.bolt-presenca__status{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.bolt-personagem{
  --bolt-tilt-x:0deg;--bolt-tilt-y:0deg;--bolt-shift-x:0px;--bolt-shift-y:0px;
  position:relative;display:block;width:172px;height:172px;flex:none;
  perspective:680px;isolation:isolate;overflow:visible;
}
.bolt-personagem__halo{
  position:absolute;z-index:0;inset:12% 12% 5%;border-radius:50%;
  background:radial-gradient(ellipse at 50% 57%,rgba(245,60,55,.23),rgba(220,38,38,.08) 49%,transparent 73%);
  filter:blur(10px);animation:bolt-halo 5.2s ease-in-out infinite;
}
.bolt-personagem__parallax{
  position:absolute;z-index:3;inset:0;transform-style:preserve-3d;
  transform:translate3d(var(--bolt-shift-x),var(--bolt-shift-y),0)
    rotateX(var(--bolt-tilt-x)) rotateY(var(--bolt-tilt-y));
  transition:transform .24s cubic-bezier(.2,.7,.2,1);
}
.bolt-personagem__flutua{
  display:block;width:100%;height:100%;transform-origin:50% 58%;
  animation:bolt-flutuar 5.2s ease-in-out infinite;
}
.bolt-personagem__imagem{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
  user-select:none;-webkit-user-drag:none;pointer-events:none;
  filter:drop-shadow(0 8px 7px rgba(58,15,20,.26));
}
.bolt-personagem__sombra{
  position:absolute;z-index:1;left:31%;bottom:5%;width:38%;height:7px;
  border-radius:50%;background:rgba(85,26,30,.26);filter:blur(5px);
  animation:bolt-sombra 5.2s ease-in-out infinite;
}
html[data-tema="escuro"] .bolt-personagem__halo{
  background:radial-gradient(ellipse at 50% 57%,rgba(255,83,73,.3),rgba(220,38,38,.1) 49%,transparent 73%);
}
html[data-tema="escuro"] .bolt-personagem__sombra{background:rgba(0,0,0,.56)}

/* Dois lampejos pequenos contornam o robô, sem cobrir rosto ou marca. */
.bolt-personagem__raio{
  position:absolute;z-index:2;width:11px;height:25px;
  background:linear-gradient(160deg,#FF9A8A,#F23B3B 58%,#BE1C31);
  clip-path:polygon(59% 0,8% 53%,46% 52%,28% 100%,94% 39%,54% 42%);
  filter:drop-shadow(0 0 5px rgba(245,56,58,.55));
  opacity:0;pointer-events:none;animation:bolt-raio 6.6s ease-out infinite;
}
.bolt-personagem__raio--esq{left:7%;top:25%;transform:rotate(-22deg)}
.bolt-personagem__raio--dir{right:6%;top:50%;transform:rotate(17deg) scale(.78);animation-delay:-3.3s}

[data-bolt-estado="atento"] .bolt-personagem__flutua{animation-duration:4s}
[data-bolt-estado="pensando"] .bolt-personagem__halo{animation-duration:2.7s}
[data-bolt-estado="pensando"] .bolt-personagem__raio{animation-duration:3.7s}
[data-bolt-estado="agindo"] .bolt-personagem__flutua{animation:bolt-agir 1.7s ease-in-out infinite}
[data-bolt-estado="agindo"] .bolt-personagem__halo{animation-duration:1.7s}
[data-bolt-estado="agindo"] .bolt-personagem__raio{animation-duration:2.1s}
[data-bolt-estado="sucesso"] .bolt-personagem__flutua{animation:bolt-celebrar .9s cubic-bezier(.2,.7,.3,1) 1}
[data-bolt-estado="sucesso"] .bolt-personagem__raio{animation-duration:1.1s}
[data-bolt-estado="erro"] .bolt-personagem__flutua{animation:bolt-tropecar .5s ease-out 1}
[data-bolt-estado="erro"] .bolt-personagem__raio{opacity:0;animation:none}

@keyframes bolt-flutuar{
  0%,100%{transform:translateY(0) rotateZ(-.8deg)}
  50%{transform:translateY(-6px) rotateZ(.8deg)}
}
@keyframes bolt-agir{
  0%,100%{transform:translateY(0) rotateZ(-1.2deg)}
  50%{transform:translateY(-8px) rotateZ(1.2deg)}
}
@keyframes bolt-celebrar{
  0%,100%{transform:translateY(0) scale(1)}
  36%{transform:translateY(-12px) scale(1.045)}
  70%{transform:translateY(-3px) scale(.99)}
}
@keyframes bolt-tropecar{
  0%,100%{transform:translateX(0) rotateZ(0)}
  25%{transform:translateX(-3px) rotateZ(-2deg)}
  60%{transform:translateX(3px) rotateZ(2deg)}
}
@keyframes bolt-sombra{
  0%,100%{transform:scale(1);opacity:.7}
  50%{transform:scale(.78);opacity:.4}
}
@keyframes bolt-halo{
  0%,100%{transform:scale(.94);opacity:.54}
  50%{transform:scale(1.08);opacity:.9}
}
@keyframes bolt-raio{
  0%,66%,83%,100%{opacity:0}
  69%{opacity:.58}
  72%{opacity:.2}
  75%{opacity:.5}
  79%{opacity:0}
}

.bolt-personagem--cabecalho{width:48px;height:48px}
.bolt-personagem--cabecalho .bolt-personagem__imagem{transform:scale(1.16)}
.bolt-personagem--cabecalho .bolt-personagem__raio{display:none}
.bolt-personagem--cabecalho .bolt-personagem__sombra{height:3px;filter:blur(2px)}
.bolt-personagem--vazio{width:136px;height:136px}
.cop-topo-avatar{display:grid;place-items:center;flex:none;width:48px;height:48px}
.cop-topo-avatar .bolt-personagem{width:48px;height:48px}
.cop-topo-avatar .bolt-personagem__raio{display:none}
.cop-vazio .bolt-personagem{width:136px;height:136px;margin-inline:auto}

/* A barra inferior do V3 continua livre no tablet e no celular. */
@media(max-width:1000px){
  .bolt-presenca{right:8px;bottom:calc(74px + env(safe-area-inset-bottom));width:142px}
  .bolt-presenca__botao{width:142px;min-height:153px}
  .bolt-presenca__botao .bolt-personagem{width:142px;height:142px}
  .bolt-presenca__convite{top:40px}
}
@media(max-width:600px){
  .bolt-presenca{right:4px;width:126px}
  .bolt-presenca__botao{width:126px;min-height:138px}
  .bolt-presenca__botao .bolt-personagem{width:126px;height:126px}
  .bolt-presenca__nome{font-size:9px;padding:4px 8px}
  .bolt-presenca__convite{top:33px}
}
@media(max-height:640px){.bolt-presenca{transform:scale(.82);transform-origin:right bottom}}
@media(prefers-reduced-motion:reduce){
  .bolt-personagem *, .bolt-presenca__convite{animation:none !important;transition:none !important}
  .bolt-personagem__parallax,.bolt-personagem__flutua{transform:none !important}
  .bolt-personagem__raio{opacity:0 !important}
}