/* ============================================================
   X8 LABS — troca a marca "VIVER DE IA" pela logo da X8 Marketing + "LABS",
   COM a mesma animação da logo original (self-drawing: desenha o contorno
   com stroke-dashoffset e depois preenche). Override do espelho offline;
   a X8 é injetada como SVG inline pelo boot-shim (resiste ao re-render).
   ============================================================ */

/* 1) esconde os logos VIA originais: lockup da sidebar, o splash, o
      monograma VIA do Consultor (.vla-logo-wrapper) e o lockup da tela de LOGIN */
.via-sb-brand > svg,
.vla-logo-wrapper > svg,
.auth-statement > svg,
.via-animated-lockup {
  display: none !important;
}

/* 1b) tela de login: o lockup fica grande e alinhado à esquerda, como o original */
.auth-statement .x8-lockup { justify-content: flex-start; }
.auth-statement .x8-lockup__svg { height: 34px; }
.auth-statement .x8-lockup__labs { height: 34px; }

/* 1c) rodapé da tela de login: "Viver de IA" -> "X8 LABS" */
.auth-meta > span:first-child { font-size: 0 !important; }
.auth-meta > span:first-child::after {
  content: "X8 LABS";
  font-size: 11px;
  letter-spacing: 1.6px;
}

.via-sb-brand {
  display: inline-flex !important;
  align-items: center;
}

/* 2) o lockup X8 injetado: [X8] LABS, na cor navy da marca (currentColor) */
.x8-lockup {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--via-navy, #0A1F3B);
  line-height: 1;
}
.x8-lockup__svg {
  height: 19px;
  width: auto;
  overflow: visible;
  color: inherit;
  display: block;
}

/* 2a) animação de DESENHO (idêntica à via-logo-draw-in original) */
@keyframes x8-draw-in {
  0%   { stroke-dashoffset: 1; stroke-opacity: 1; fill-opacity: 0; }
  55%  { stroke-dashoffset: 0; stroke-opacity: 1; fill-opacity: 0; }
  80%  { stroke-dashoffset: 0; stroke-opacity: 0; fill-opacity: 1; }
  100% { stroke-dashoffset: 0; stroke-opacity: 0; fill-opacity: 1; }
}
.x8-lockup__path {
  fill: currentColor;
  fill-opacity: 0;
  stroke: currentColor;
  stroke-width: 6;
  stroke-opacity: 0;
  stroke-dasharray: 1;   /* paths têm pathLength=1 -> unidades normalizadas */
  stroke-dashoffset: 1;
  animation: x8-draw-in 1400ms cubic-bezier(0.32, 0.08, 0.24, 1) both;
}

/* 2b) "LABS" DESENHA igual à marca (stroke-draw -> fill), como o wordmark
       original "VIVER DE IA" fazia. É um <svg><text> pra o stroke poder
       animar; --labs-len (comprimento do traço) é medido pelo boot-shim. */
.x8-lockup__labs {
  height: 19px;
  width: auto;
  overflow: visible;
  display: block;
  color: inherit;
}
@keyframes x8-labs-draw {
  0%   { stroke-dashoffset: 400; stroke-opacity: 1; fill-opacity: 0; }
  55%  { stroke-dashoffset: 0;   stroke-opacity: 1; fill-opacity: 0; }
  80%  { stroke-dashoffset: 0;   stroke-opacity: 0; fill-opacity: 1; }
  100% { stroke-dashoffset: 0;   stroke-opacity: 0; fill-opacity: 1; }
}
.x8-lockup__labs-text {
  font-family: Geist, Inter, system-ui, -apple-system, sans-serif;
  font-weight: 800;
  font-size: 27px;
  letter-spacing: 3px;
  fill: currentColor;
  fill-opacity: 0;
  stroke: currentColor;
  stroke-width: 0.7;
  stroke-opacity: 0;
  stroke-dasharray: 400;   /* > contorno de "LABS" -> um traço contínuo que desenha e segura */
  stroke-dashoffset: 400;
  /* começa logo depois do X8 (stagger), mesma duração/easing do desenho da marca */
  animation: x8-labs-draw 1400ms cubic-bezier(0.32, 0.08, 0.24, 1) 260ms both;
}

/* 3) sidebar COLAPSADA (rail ~64px, classe .x8-rail posta pelo boot-shim):
      só a MARCA X8, centralizada — esconde "LABS" */
.via-sb.x8-rail .via-sb-brand { justify-content: center; width: 100%; }
.via-sb.x8-rail .x8-lockup { gap: 0; }
.via-sb.x8-rail .x8-lockup__labs { display: none; }

/* 3b) Consultor: só a MARCA X8 (grande), no lugar do monograma VIA */
.vla-logo-wrapper .x8-lockup { justify-content: center; }
.vla-logo-wrapper .x8-lockup__svg { height: 50px; }

/* 4) rodapé da sidebar: "Viver de IA" -> "X8 LABS" (consistência) */
.via-sb-inner > div:last-child > p {
  font-size: 0 !important;
}
.via-sb-inner > div:last-child > p::after {
  content: "X8 LABS";
  font-size: 9px;
  letter-spacing: 1.62px;
}