/* ---------- 09/10 · Abertura do dia — rosto do BellaBot piscando antes do dashboard (intro-connect.js)
   Só aparece quando o <html> recebe a classe tc-intro (script no <head> do index.html: logo depois
   do primeiro login do dia). O dashboard carrega por trás; a abertura cobre tudo e some num fade. */
.tc-intro-tela{display:none}
html.tc-intro .tc-intro-tela{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#000;cursor:pointer;
  animation:tiSair .6s cubic-bezier(.4,0,.2,1) 2.55s forwards}
html.tc-intro body{overflow:hidden}
.tc-intro-tela::before{content:"";position:absolute;width:62vmin;height:62vmin;border-radius:50%;background:radial-gradient(circle,rgba(247,255,63,.16) 0%,rgba(247,255,63,.05) 42%,transparent 70%);
  opacity:0;animation:tiBrilho 1.4s ease-out .2s forwards}
.tc-intro-rosto{position:relative;width:min(52vmin,420px);height:auto;color:#F7FF3F;overflow:visible;filter:drop-shadow(0 0 14px rgba(247,255,63,.55)) drop-shadow(0 0 40px rgba(247,255,63,.25));
  transform:scale(.92);opacity:0;animation:tiEntrar .7s cubic-bezier(.2,.8,.2,1) .05s forwards,tiZoom .5s cubic-bezier(.3,0,.2,1) 1.25s forwards}
/* traços se desenhando */
.tc-intro-rosto .ti-traco{stroke-dasharray:1;stroke-dashoffset:1;animation:tiDesenhar .9s cubic-bezier(.6,0,.2,1) .1s forwards}
.tc-intro-rosto .ti-preenche{opacity:0;animation:tiAparece .3s ease .75s forwards}
/* olhos: piscam (fecham de cima pra baixo e abrem) */
.tc-intro-rosto .ti-olho{transform-box:fill-box;transform-origin:center;animation:tiPiscar .26s cubic-bezier(.5,0,.5,1) 1.3s}
.tc-intro-rosto .ti-pupila{transform-box:fill-box;transform-origin:center;animation:tiAparece .3s ease .75s forwards,tiOlhar .5s ease-out .8s both}
.tc-intro-nome{position:absolute;bottom:12vh;left:0;right:0;text-align:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:rgba(247,255,63,.7);
  opacity:0;animation:tiAparece .6s ease .9s forwards}

@keyframes tiEntrar{to{opacity:1;transform:scale(1)}}
@keyframes tiDesenhar{to{stroke-dashoffset:0}}
@keyframes tiAparece{to{opacity:1}}
@keyframes tiBrilho{to{opacity:1}}
@keyframes tiOlhar{from{transform:translate(38px,-30px)}60%{transform:translate(-4px,3px)}to{transform:translate(0,0)}}
@keyframes tiPiscar{0%{transform:scaleY(1)}45%{transform:scaleY(.06)}60%{transform:scaleY(.06)}100%{transform:scaleY(1)}}
@keyframes tiZoom{0%{transform:scale(1)}40%{transform:scale(1.07)}100%{transform:scale(1.04)}}
@keyframes tiSair{to{opacity:0;visibility:hidden}}
html.tc-intro .tc-intro-tela.saindo{animation:tiSair .35s ease forwards}

/* rosto detalhado: tela do rosto mais apagada, brilho dos olhos recortado em preto, bigodes suaves */
.tc-intro-rosto .ti-tela{opacity:.5}
.tc-intro-rosto .ti-brilho{fill:#FFFDE8}
.tc-intro-rosto .ti-bigode{opacity:.75}
.tc-intro-rosto .ti-orelha-dentro{opacity:.7}

/* card de Operação + Últimas notificações subindo de baixo pra cima ao entrar no dashboard */
@keyframes tcSubir{from{opacity:0;transform:translateY(70px)}to{opacity:1;transform:none}}
#tela-dashboard .tc-grade.tc-subir{animation:tcSubir .85s cubic-bezier(.2,.8,.2,1) both}
#tela-dashboard .tc-grade.tc-subir>.tc-painel{animation:tcSubir .85s cubic-bezier(.2,.8,.2,1) both}
#tela-dashboard .tc-grade.tc-subir>.tc-painel:nth-child(2){animation-delay:.12s}

/* logo Connect se escrevendo (no lugar do texto "TASKR CONNECT") */
.tc-intro-logo{position:absolute;bottom:11vh;left:50%;width:min(30vmin,230px);height:auto;transform:translateX(-50%);color:#F7FF3F;overflow:visible;
  filter:drop-shadow(0 0 6px rgba(247,255,63,.55)) drop-shadow(0 0 18px rgba(247,255,63,.2))}
.tc-intro-logo .ti-logo-traco{stroke-dasharray:1;stroke-dashoffset:1;animation:tiDesenhar 1.25s cubic-bezier(.45,0,.25,1) .9s forwards}
.tc-intro-logo .ti-logo-cheio{opacity:0;animation:tiAparece .35s ease 1.95s forwards}