/* Comenta: chat flutuante com o robozinho (o "c" com olhos). Cores só por variáveis de comenta-brand.css. */
.cm-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cm-bot .cm-bot-eyes{transition:transform .35s cubic-bezier(.3,.7,.3,1)}
.cm-bot.cm-reading .cm-bot-eyes{transition:none;animation:cm-read 1.25s ease-in-out both}
@keyframes cm-read{0%{transform:translate(-44px,-24px)}28%{transform:translate(44px,-24px)}36%{transform:translate(-44px,4px)}64%{transform:translate(44px,4px)}72%{transform:translate(-44px,30px)}94%{transform:translate(30px,30px)}100%{transform:translate(0,10px)}}
.cm-chat-btn{position:fixed;right:20px;bottom:88px;z-index:2147483000;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;box-shadow:var(--cm-glow),0 6px 18px rgba(0,0,0,.18);transition:transform .2s ease,box-shadow .2s ease}
.cm-chat-btn:hover{transform:translateY(-2px) scale(1.04)}
.cm-chat-btn:focus-visible{outline:3px solid var(--cm-accent);outline-offset:3px;border-radius:50%}
.cm-chat-btn .cm-bot{width:100%;height:100%;display:block}
html.dark .cm-chat-btn .cm-bg{stroke:var(--cm-border-strong);stroke-width:14}
.cm-chat-btn[aria-expanded="true"]{transform:scale(.92)}
.cm-chat{position:fixed;right:20px;bottom:160px;z-index:2147483001;width:min(380px,calc(100vw - 24px));height:min(540px,calc(100vh - 190px));display:flex;flex-direction:column;background:var(--cm-surface);color:var(--cm-text);border:1px solid var(--cm-border);border-radius:22px;box-shadow:0 24px 60px -12px rgba(0,0,0,.35);overflow:hidden;transform-origin:bottom right;animation:cm-chat-in .22s cubic-bezier(.2,.9,.3,1.2)}
.cm-chat[hidden]{display:none}
@keyframes cm-chat-in{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.cm-chat-head{display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;border-bottom:1px solid var(--cm-border);background:var(--cm-bg-soft)}
.cm-chat-head .cm-bot{width:38px;height:38px;flex:none}
.cm-chat-head strong{display:block;font-size:.95rem;color:var(--cm-text)}
.cm-chat-head small{display:block;font-size:.72rem;color:var(--cm-muted);line-height:1.3}
.cm-chat-x{margin-left:auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--cm-border);background:var(--cm-surface);color:var(--cm-text-2);cursor:pointer;font-size:1.1rem;line-height:1}
.cm-chat-x:hover{border-color:var(--cm-accent);color:var(--cm-accent)}
.cm-chat-log{flex:1;overflow-y:auto;padding:1rem .9rem;display:flex;flex-direction:column;gap:.6rem;scroll-behavior:smooth}
.cm-msg{max-width:86%;padding:.6rem .8rem;border-radius:16px;font-size:.9rem;line-height:1.5;word-wrap:break-word;animation:cm-msg-in .2s ease-out}
@keyframes cm-msg-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cm-msg-bot{align-self:flex-start;background:var(--cm-surface-2);border:1px solid var(--cm-border);border-bottom-left-radius:6px}
.cm-msg-me{align-self:flex-end;background:var(--cm-btn);color:var(--cm-btn-text);border-bottom-right-radius:6px}
.cm-msg a{color:var(--cm-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.cm-msg strong{font-weight:700}
.cm-msg-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.cm-chip{display:inline-flex;align-items:center;border:1px solid var(--cm-accent-border);background:var(--cm-accent-soft);color:var(--cm-accent);border-radius:999px;padding:.3rem .7rem;font-size:.78rem;font-weight:600;text-decoration:none!important;cursor:pointer;font-family:inherit}
.cm-chip:hover{border-color:var(--cm-accent)}
.cm-typing-bubble{color:var(--cm-accent);padding:.75rem .9rem}
.cm-typing-bubble .cm-dots i{width:.5em;height:.5em}
.cm-chat-form{display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--cm-border);background:var(--cm-surface)}
.cm-chat-form input{flex:1;min-width:0;border:1px solid var(--cm-border-strong);background:var(--cm-bg);color:var(--cm-text);border-radius:12px;padding:.65rem .8rem;font-size:16px;font-family:inherit}
.cm-chat-form input::placeholder{color:var(--cm-subtle)}
.cm-chat-form input:focus{outline:2px solid var(--cm-accent);outline-offset:0;border-color:transparent}
.cm-chat-send{flex:none;width:44px;border:0;border-radius:12px;background:var(--cm-btn);color:var(--cm-btn-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s,background-color .15s}
.cm-chat-send:hover{background:var(--cm-btn-hover)}.cm-chat-send:active{transform:scale(.94)}
.cm-chat-send svg{width:18px;height:18px}
.cm-chat-send:disabled{opacity:.5;cursor:default}
.cm-chat-note{font-size:.68rem;color:var(--cm-subtle);text-align:center;padding:0 .7rem .55rem;background:var(--cm-surface)}
@media (max-width:480px){.cm-chat{right:8px;left:8px;width:auto;bottom:156px;height:min(560px,calc(100vh - 176px));border-radius:18px}.cm-chat-btn{right:14px;bottom:84px;width:56px;height:56px}}
@media (prefers-reduced-motion:reduce){.cm-bot .cm-bot-eyes{transition:none}.cm-bot.cm-reading .cm-bot-eyes{animation:none}.cm-chat,.cm-msg{animation:none}.cm-chat-btn,.cm-chat-btn:hover{transition:none;transform:none}.cm-chat-log{scroll-behavior:auto}}