/* Comenta logo – tema claro/escuro + piscar dos olhos do agente
   Use o logo como SVG INLINE com class="cm-logo" (comenta-logo-inline.svg / comenta-icone-inline.svg). */
.cm-logo{--cm-text:#5C636C;--cm-cyan:#C026D3;--cm-tile:#C026D3;--cm-ink:#FFFFFF}
.cm-logo .cm-word{fill:var(--cm-text)}
.cm-logo .cm-agent{fill:var(--cm-cyan)}
/* ícone (quadrado): agente escuro em ciano no claro, ciano em escuro no modo escuro */
.cm-logo.cm-icon .cm-bg{fill:var(--cm-tile)}
.cm-logo.cm-icon .cm-agent{fill:var(--cm-ink)}

/* modo escuro: classe/atributo explícito no <html> ou <body> */
html.dark .cm-logo,html[data-theme="dark"] .cm-logo,body.dark .cm-logo,body[data-theme="dark"] .cm-logo,.cm-dark .cm-logo{
  --cm-text:#C5CAD1;--cm-cyan:#E879F9;--cm-tile:#0B0D10;--cm-ink:#E879F9}
/* sem tema explícito: segue o sistema */
@media (prefers-color-scheme:dark){
  html:not(.light):not([data-theme="light"]):not(.cm-light) .cm-logo{--cm-text:#C5CAD1;--cm-cyan:#E879F9;--cm-tile:#0B0D10;--cm-ink:#E879F9}
}

/* piscar: olhos achatam no próprio centro */
.cm-logo .cm-eye{transform-box:fill-box;transform-origin:center}
.cm-logo.cm-blink .cm-eye{animation:cm-blink 250ms ease-in-out}
@keyframes cm-blink{0%,100%{transform:scaleY(1)}45%,55%{transform:scaleY(.1)}}
@media (prefers-reduced-motion:reduce){.cm-logo.cm-blink .cm-eye{animation:none}}

/* estado opcional "digitando…": adicione .cm-typing ao <svg class="cm-logo"> enquanto o agente responde */
.cm-logo.cm-typing .cm-eye{animation:cm-type 1s ease-in-out infinite}
.cm-logo.cm-typing .cm-eye+.cm-eye{animation-delay:.16s}
.cm-logo.cm-typing.cm-blink .cm-eye{animation:cm-blink 250ms ease-in-out,cm-type 1s ease-in-out infinite}
.cm-logo.cm-typing.cm-blink .cm-eye+.cm-eye{animation:cm-blink 250ms ease-in-out,cm-type 1s ease-in-out .16s infinite}
@keyframes cm-type{0%,60%,100%{translate:0 0;scale:.88;opacity:.6}30%{translate:0 -60px;scale:1;opacity:1}}
@keyframes cm-type-fade{0%,60%,100%{opacity:.5}30%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .cm-logo.cm-typing .cm-eye,.cm-logo.cm-typing.cm-blink .cm-eye{animation:cm-type-fade 1.2s ease-in-out infinite}
  .cm-logo.cm-typing .cm-eye+.cm-eye,.cm-logo.cm-typing.cm-blink .cm-eye+.cm-eye{animation:cm-type-fade 1.2s ease-in-out .2s infinite}}