/* ═══════════════════════════════════════════════════════════════════════
   MYDESK COPILOT — o painel
   ═══════════════════════════════════════════════════════════════════════
   Duas regras deram a forma desta folha:

   · AS CORES SÃO AS DA MARCA (CORES.md): o azul da barra e o branco. O
     painel nasceu com índigo de biblioteca e cinza-ardósia, que não são de
     lugar nenhum do produto;
   · O QUE SE MEXE TEM MOTIVO. Cada animação aqui diz alguma coisa: o painel
     nasce do botão (de onde ele veio), a mensagem entra do lado de quem
     falou, o cartão de ação pulsa enquanto espera a decisão e sossega
     quando ela chega. Nada anima só para animar — e tudo para em
     `prefers-reduced-motion`.
   ═══════════════════════════════════════════════════════════════════════ */

#md-copilot,
#md-copilot-btn {
  --mdc-brand:        #2f7ff2;
  --mdc-brand-deep:   #1f68d5;
  --mdc-brand-dark:   #1454b5;
  --mdc-brand-soft:   #58a7f6;
  --mdc-neon:         #6ce8ff;
  --mdc-surface:      #0c1b33;
  --mdc-surface-2:    #12243f;
  --mdc-surface-3:    #162c4d;
  --mdc-line:         rgba(120,170,240,.22);
  --mdc-ink:          #eaf2ff;
  --mdc-muted:        #a8c0de;
  --mdc-ok:           #0b7f59;
  --mdc-erro:         #c2334a;
}
html[data-theme="light"] #md-copilot,
html[data-theme="light"] #md-copilot-btn {
  --mdc-surface:      #ffffff;
  --mdc-surface-2:    #f5f8fc;
  --mdc-surface-3:    #e8f1fe;
  --mdc-line:         #d8e3f0;
  --mdc-ink:          #0f2744;
  --mdc-muted:        #536b84;
}

/* ── O BOTÃO FLUTUANTE ────────────────────────────────────────────────
   Ele é a marca: o "M" do MyDesk com o halo que respira, como o letreiro
   da cena do quadro. */
#md-copilot-btn {
  position: fixed; right: 22px; bottom: 22px; z-index: 9000;
  display: flex; align-items: center; gap: 9px;
  border: 1px solid rgba(255,255,255,.34); border-radius: 999px;
  background: linear-gradient(135deg, var(--mdc-brand-dark), var(--mdc-brand) 62%, var(--mdc-brand-soft));
  color: #fff; padding: 9px 16px 9px 9px;
  box-shadow: 0 12px 30px rgba(20,84,181,.38), 0 0 0 0 rgba(108,232,255,.45);
  font: 750 13px Inter, system-ui, sans-serif; cursor: pointer;
  transition: transform .2s cubic-bezier(.2,.9,.3,1.2), box-shadow .2s ease, filter .2s ease;
  animation: mdc-respira 4.2s ease-in-out infinite;
}
#md-copilot-btn:hover { transform: translateY(-3px) scale(1.03); filter: saturate(1.08); }
#md-copilot-btn:active { transform: translateY(-1px) scale(.99); }
#md-copilot-btn.ativo { animation: none; box-shadow: 0 16px 40px rgba(20,84,181,.46); }
#md-copilot-btn[hidden] { display: none; }
@keyframes mdc-respira {
  0%, 100% { box-shadow: 0 12px 30px rgba(20,84,181,.38), 0 0 0 0 rgba(108,232,255,.5); }
  50%      { box-shadow: 0 14px 34px rgba(20,84,181,.44), 0 0 0 10px rgba(108,232,255,0); }
}

.mdc-spark {
  position: relative; display: grid; place-items: center;
  width: 32px; height: 32px; border-radius: 50%;
  /* Fundo ESCURO atrás da marca: o neon dela é azul, e azul sobre azul
     apaga o desenho. Sobre o escuro ele acende, como na arte original. */
  background: radial-gradient(circle at 50% 45%, #102a52, #061024 70%);
}
/* A marca é a arte de neon, sem fundo. */
.mdc-m { width: 27px; height: 27px; object-fit: contain; }
.mdc-spark .mdc-m {
  filter: drop-shadow(0 0 4px rgba(108,232,255,.55));
  animation: mdc-neon 3.4s ease-in-out infinite;
}
@keyframes mdc-neon {
  0%, 100% { filter: drop-shadow(0 0 3px rgba(108,232,255,.45)); }
  50%      { filter: drop-shadow(0 0 8px rgba(160,240,255,.85)); }
}
#md-copilot-btn > b {
  position: absolute; right: -3px; top: -5px;
  min-width: 18px; height: 18px; border-radius: 99px;
  background: var(--mdc-erro); border: 2px solid #fff; color: #fff;
  font: 800 9px/14px Inter, sans-serif; text-align: center;
}
#md-copilot-btn > b.pulando { animation: mdc-pop .42s cubic-bezier(.2,.9,.3,1.6); }
@keyframes mdc-pop { 0% { transform: scale(0); } 60% { transform: scale(1.35); } 100% { transform: scale(1); } }

/* ── O PAINEL ─────────────────────────────────────────────────────────── */
#md-copilot {
  position: fixed; right: 18px; bottom: 80px; z-index: 8999;
  width: min(400px, calc(100vw - 24px));
  height: min(660px, calc(100vh - 116px));
  display: flex; flex-direction: column; overflow: hidden;
  border: 1px solid var(--mdc-line); border-radius: 22px;
  background: var(--mdc-surface);
  box-shadow: 0 30px 80px rgba(8,26,54,.42), 0 2px 10px rgba(8,26,54,.24);
  font-family: Inter, system-ui, sans-serif; color: var(--mdc-ink);
  opacity: 0; pointer-events: none;
  transform: translateY(16px) scale(.96); transform-origin: bottom right;
  transition: opacity .2s ease, transform .2s ease;
}
#md-copilot.aberto {
  opacity: 1; pointer-events: auto; transform: none;
  /* Mola curta: o painel vem do botão e assenta. */
  animation: mdc-abrir .42s cubic-bezier(.22,1.15,.36,1) both;
}
@keyframes mdc-abrir {
  0%   { opacity: 0; transform: translateY(26px) scale(.9); }
  55%  { opacity: 1; transform: translateY(-4px) scale(1.015); }
  100% { opacity: 1; transform: none; }
}

/* O cabeçalho é a barra do MyDesk, com um brilho que passa devagar. */
.mdc-head {
  position: relative; display: flex; align-items: center; gap: 11px;
  padding: 14px 16px; color: #fff; overflow: hidden;
  background: linear-gradient(105deg, var(--mdc-brand-dark) 0%, var(--mdc-brand) 66%, var(--mdc-brand-soft) 100%);
}
.mdc-head::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.22) 50%, transparent 65%);
  transform: translateX(-120%);
  animation: mdc-brilho 6.5s ease-in-out infinite;
}
@keyframes mdc-brilho {
  0%, 62% { transform: translateX(-120%); }
  86%     { transform: translateX(120%); }
  100%    { transform: translateX(120%); }
}
.mdc-mark {
  display: grid; place-items: center; width: 38px; height: 38px;
  border-radius: 12px;
  background: radial-gradient(circle at 50% 40%, #102a52, #061024 72%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.mdc-mark .mdc-m {
  width: 31px; height: 31px;
  filter: drop-shadow(0 0 5px rgba(108,232,255,.5));
  animation: mdc-neon 3.4s ease-in-out infinite;
}
.mdc-titulo { display: grid; gap: 2px; }
.mdc-head strong { font-size: 14px; letter-spacing: .01em; }
.mdc-head span { font-size: 10px; color: rgba(255,255,255,.78); }
.mdc-head button[data-mdc-close] {
  position: relative; z-index: 1; margin-left: auto;
  border: 0; background: transparent; color: rgba(255,255,255,.82);
  width: 30px; height: 30px; border-radius: 9px;
  font-size: 24px; line-height: 1; cursor: pointer;
  transition: background .16s ease, transform .16s ease, color .16s ease;
}
.mdc-head button[data-mdc-close]:hover { background: rgba(255,255,255,.18); color: #fff; transform: rotate(90deg); }

.mdc-contexto {
  padding: 8px 16px; border-bottom: 1px solid var(--mdc-line);
  background: var(--mdc-surface-3); color: var(--mdc-muted);
  font: 600 10px Inter, sans-serif; letter-spacing: .02em;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ── AS MENSAGENS ─────────────────────────────────────────────────────── */
.mdc-mensagens {
  flex: 1; display: flex; flex-direction: column; gap: 10px;
  overflow: auto; padding: 16px; scroll-behavior: smooth;
  background:
    radial-gradient(120% 60% at 100% 0%, rgba(47,127,242,.08), transparent 60%),
    var(--mdc-surface);
}
.mdc-mensagens::-webkit-scrollbar { width: 8px; }
.mdc-mensagens::-webkit-scrollbar-thumb { background: var(--mdc-line); border-radius: 99px; }
.mdc-msg { display: flex; animation: mdc-msg-entra .3s cubic-bezier(.2,.9,.3,1.1) both; }
.mdc-msg.assistente { align-items: flex-end; gap: 7px; }
.mdc-msg.usuario { justify-content: flex-end; }
@keyframes mdc-msg-entra {
  from { opacity: 0; transform: translateY(8px) scale(.97); }
  to   { opacity: 1; transform: none; }
}
.mdc-balao {
  max-width: 86%; border: 1px solid var(--mdc-line);
  border-radius: 16px 16px 16px 5px; background: var(--mdc-surface-2);
  padding: 10px 13px; box-shadow: 0 4px 14px rgba(8,26,54,.12);
  color: var(--mdc-ink); font-size: 12px; line-height: 1.55; white-space: pre-wrap;
}
.mdc-msg.usuario .mdc-balao {
  border-color: transparent; border-radius: 16px 16px 5px 16px;
  /* Azul FUNDO, não o azul da marca: branco sobre #2f7ff2 mede 3,86 e o
     mínimo é 4,5. Medido na bancada, não deduzido. */
  background: linear-gradient(135deg, var(--mdc-brand-deep), var(--mdc-brand-dark));
  color: #fff; box-shadow: 0 6px 18px rgba(31,104,213,.32);
}
.mdc-avatar {
  position: relative; display: grid; place-items: center; flex: 0 0 24px;
  width: 24px; height: 24px; margin-bottom: 2px; border-radius: 9px;
  background: radial-gradient(circle at 50% 40%, #102a52, #061024 72%);
  box-shadow: 0 5px 13px rgba(8,26,54,.24), inset 0 0 0 1px rgba(108,232,255,.25);
  animation: mdc-avatar-chega .42s cubic-bezier(.2,.9,.3,1.35) both;
}
.mdc-avatar .mdc-m { width: 20px; height: 20px; animation: none; }
.mdc-avatar::after {
  content: ''; position: absolute; right: -2px; bottom: -2px;
  width: 7px; height: 7px; border-radius: 50%; background: #25d58a;
  border: 2px solid var(--mdc-surface); box-shadow: 0 0 0 2px rgba(37,213,138,.12);
}
@keyframes mdc-avatar-chega {
  from { opacity: 0; transform: scale(.55) translateY(5px); }
  to { opacity: 1; transform: none; }
}
.mdc-msg.assistente:not(.digitando) .mdc-balao {
  animation: mdc-resposta-chega .46s cubic-bezier(.2,.9,.3,1.08) both;
}
@keyframes mdc-resposta-chega {
  0% { opacity: 0; transform: translateY(7px) scale(.975); box-shadow: 0 0 0 rgba(47,127,242,0); }
  58% { opacity: 1; transform: translateY(-1px) scale(1.006); box-shadow: 0 8px 25px rgba(47,127,242,.16); }
  100% { transform: none; box-shadow: 0 4px 14px rgba(8,26,54,.12); }
}
.mdc-mark.respondendo { animation: mdc-marca-responde .68s cubic-bezier(.2,.9,.3,1.2); }
@keyframes mdc-marca-responde {
  0%, 100% { transform: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
  45% { transform: scale(1.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 0 0 8px rgba(108,232,255,.13); }
}
.mdc-digitando-wrap { display: flex; align-items: center; gap: 8px; min-width: 132px; }
.mdc-digitando-label { color: var(--mdc-muted); font-size: 9px; font-weight: 650; white-space: nowrap; }
.mdc-digitando { display: flex; gap: 4px; padding: 3px 1px; }
.mdc-digitando i {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--mdc-brand); animation: mdc-pulso 1s infinite;
}
.mdc-digitando i:nth-child(2) { animation-delay: .15s; }
.mdc-digitando i:nth-child(3) { animation-delay: .3s; }
@keyframes mdc-pulso { 50% { transform: translateY(-4px); opacity: .45; } }

/* ── O CARTÃO DE AÇÃO ─────────────────────────────────────────────────
   Enquanto espera a decisão, a borda anda: é o único elemento do painel
   que pede alguma coisa de quem está lendo. Confirmada, ela para e fica
   verde — o movimento acaba junto com a espera. */
.mdc-acao {
  position: relative; display: grid; gap: 7px; min-width: 214px;
  margin: -2px; padding: 11px 12px; border-radius: 13px;
  background: var(--mdc-surface-2);
  box-shadow: inset 0 0 0 1px var(--mdc-line);
  overflow: hidden;
}
.mdc-acao::before {
  content: ''; position: absolute; inset: 0; border-radius: 13px; padding: 1px;
  background: linear-gradient(115deg, var(--mdc-brand), var(--mdc-neon), var(--mdc-brand-deep), var(--mdc-brand));
  background-size: 300% 100%;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  animation: mdc-borda 3.4s linear infinite;
  pointer-events: none;
}
@keyframes mdc-borda { to { background-position: 300% 0; } }
.mdc-acao.pronto::before { animation: none; background: var(--mdc-ok); }
.mdc-acao strong {
  display: flex; align-items: center; gap: 7px;
  color: var(--mdc-ink); font-size: 12.5px;
}
.mdc-acao-ico {
  display: grid; place-items: center; width: 22px; height: 22px;
  border-radius: 7px; background: var(--mdc-surface-3); font-size: 12px;
}
.mdc-acao p { margin: 0; color: var(--mdc-muted); font-size: 10.5px; line-height: 1.45; }
.mdc-confirmar {
  position: relative; justify-self: start; overflow: hidden;
  border: 0; border-radius: 9px; padding: 8px 13px;
  background: linear-gradient(135deg, var(--mdc-brand-deep), var(--mdc-brand-dark));
  color: #fff; font: 700 10.5px Inter, sans-serif; cursor: pointer;
  box-shadow: 0 6px 16px rgba(31,104,213,.3);
  transition: transform .16s cubic-bezier(.2,.9,.3,1.3), box-shadow .16s ease, background .2s ease;
}
.mdc-confirmar:hover { transform: translateY(-1px); box-shadow: 0 9px 20px rgba(31,104,213,.4); }
.mdc-confirmar::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.4) 50%, transparent 70%);
  transform: translateX(-130%);
}
.mdc-confirmar:hover::after { animation: mdc-varre .7s ease; }
@keyframes mdc-varre { to { transform: translateX(130%); } }
.mdc-confirmar.rodando { animation: mdc-trabalhando 1.1s ease-in-out infinite; }
@keyframes mdc-trabalhando { 50% { opacity: .72; transform: scale(.985); } }
.mdc-confirmar.feito {
  background: var(--mdc-ok); box-shadow: 0 6px 16px rgba(11,127,89,.32);
  animation: mdc-pop .4s cubic-bezier(.2,.9,.3,1.6);
}
.mdc-confirmar.falhou { background: var(--mdc-erro); }
.mdc-confirmar:disabled { cursor: default; }

/* ── O CARTÃO DE APAGAR ───────────────────────────────────────────────
   Vermelho desde o primeiro quadro, e com uma lista de escolha no meio:
   apagar é o único lugar onde o Copilot pergunta "qual?" ANTES de pedir a
   confirmação. São duas perguntas, de propósito. */
.mdc-acao.mdc-perigo::before {
  background: linear-gradient(115deg, var(--mdc-erro), #f0879a, var(--mdc-erro));
  background-size: 300% 100%;
}
.mdc-escolhas { display: grid; gap: 5px; margin-top: 2px; }
.mdc-escolha {
  display: grid; gap: 1px; text-align: left;
  border: 1px solid var(--mdc-line); border-radius: 9px;
  background: var(--mdc-surface); padding: 7px 9px; cursor: pointer;
  transition: transform .14s cubic-bezier(.2,.9,.3,1.3), border-color .14s ease, background .14s ease;
  animation: mdc-ajuda-entra .26s ease both;
}
.mdc-escolha:hover { transform: translateX(2px); border-color: var(--mdc-erro); background: var(--mdc-surface-3); }
.mdc-escolha strong { color: var(--mdc-ink); font-size: 11.5px; }
.mdc-escolha span { color: var(--mdc-muted); font-size: 10px; }
.mdc-botoes { display: flex; align-items: center; gap: 8px; }
.mdc-botao-perigo {
  background: linear-gradient(135deg, #a32438, var(--mdc-erro));
  box-shadow: 0 6px 16px rgba(194,51,74,.3);
}
.mdc-botao-perigo:hover { box-shadow: 0 9px 20px rgba(194,51,74,.42); }
.mdc-cancelar {
  /* Tinta cheia, e não a apagada: medido na bancada, "Cancelar" em
     --mdc-muted dava 2,70 — e cancelar é a saída segura do cartão. */
  border: 1px solid var(--mdc-line); border-radius: 9px;
  background: transparent; color: var(--mdc-ink);
  padding: 7px 11px; font: 650 10.5px Inter, sans-serif; cursor: pointer;
  transition: border-color .14s ease, background .14s ease;
}
.mdc-cancelar:hover { border-color: var(--mdc-brand); background: var(--mdc-surface-3); }

/* ── O CARTÃO DE AJUDA ────────────────────────────────────────────────── */
.mdc-ajuda { display: grid; gap: 7px; min-width: 232px; }
.mdc-ajuda-intro { margin: 0; color: var(--mdc-ink); font-size: 11.5px; font-weight: 650; }
.mdc-ajuda-item {
  display: grid; gap: 2px; padding: 7px 9px; border-radius: 10px;
  background: var(--mdc-surface-3);
  animation: mdc-ajuda-entra .34s cubic-bezier(.2,.9,.3,1.1) both;
  animation-delay: calc(var(--ordem, 0) * 70ms);
}
@keyframes mdc-ajuda-entra {
  from { opacity: 0; transform: translateX(-8px); }
  to   { opacity: 1; transform: none; }
}
.mdc-ajuda-item strong {
  color: #9fd2ff; font-size: 10px; text-transform: uppercase; letter-spacing: .06em;
}
html[data-theme="light"] .mdc-ajuda-item strong { color: var(--mdc-brand-dark); }
.mdc-ajuda-item span { color: var(--mdc-ink); font-size: 11px; line-height: 1.45; }
.mdc-ajuda-dica { margin: 2px 0 0; color: var(--mdc-muted); font-size: 10px; line-height: 1.5; }

/* ── AS SUGESTÕES E O CAMPO ───────────────────────────────────────────── */
/* ── AS SUGESTÕES QUEBRAM LINHA ───────────────────────────────────────
   Elas rolavam de lado, e rolar de lado com mouse não existe: quem está no
   computador via três e não alcançava o resto. Agora elas se empilham, e a
   caixa rola para baixo — que é o gesto que a roda do mouse já faz. */
.mdc-sugestoes {
  display: flex; flex-wrap: wrap; gap: 6px;
  max-height: 70px; overflow-y: auto; overscroll-behavior: contain;
  padding: 9px 13px 6px;
  border-top: 1px solid var(--mdc-line); background: var(--mdc-surface);
}
.mdc-sugestoes::-webkit-scrollbar { width: 6px; }
.mdc-sugestoes::-webkit-scrollbar-thumb { background: var(--mdc-line); border-radius: 99px; }
.mdc-sugestoes button {
  flex: 0 0 auto; border: 1px solid var(--mdc-line); border-radius: 99px;
  background: var(--mdc-surface-3); color: #cfe4ff;
  padding: 7px 11px; font: 650 9.5px Inter, sans-serif; cursor: pointer;
  transition: transform .16s cubic-bezier(.2,.9,.3,1.3), background .16s ease, color .16s ease, border-color .16s ease;
  animation: mdc-chip-entra .34s ease both;
}
html[data-theme="light"] .mdc-sugestoes button { color: var(--mdc-brand-dark); }
.mdc-sugestoes button:nth-child(2) { animation-delay: .05s; }
.mdc-sugestoes button:nth-child(3) { animation-delay: .1s; }
.mdc-sugestoes button:nth-child(4) { animation-delay: .15s; }
.mdc-sugestoes button:nth-child(5) { animation-delay: .2s; }
.mdc-sugestoes button:nth-child(6) { animation-delay: .25s; }
.mdc-sugestoes button:nth-child(7) { animation-delay: .3s; }
@keyframes mdc-chip-entra { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.mdc-sugestoes button:hover {
  transform: translateY(-2px);
  background: var(--mdc-brand-deep); border-color: var(--mdc-brand-deep); color: #fff;
}
.mdc-form {
  display: flex; align-items: flex-end; gap: 8px;
  margin: 8px 12px 6px; padding: 7px 7px 7px 12px;
  border: 1px solid var(--mdc-line); border-radius: 15px;
  background: var(--mdc-surface-2);
  box-shadow: 0 4px 14px rgba(8,26,54,.1);
  transition: border-color .18s ease, box-shadow .18s ease;
}
.mdc-form:focus-within {
  border-color: var(--mdc-brand);
  box-shadow: 0 0 0 3px rgba(47,127,242,.18), 0 6px 18px rgba(8,26,54,.14);
}
.mdc-form textarea {
  flex: 1; max-height: 90px; resize: none; border: 0; outline: 0;
  background: transparent; color: var(--mdc-ink);
  font: 500 12px/1.45 Inter, sans-serif;
}
.mdc-form textarea::placeholder { color: var(--mdc-muted); }
.mdc-form button[type="submit"] {
  display: grid; place-items: center; width: 33px; height: 33px;
  border: 0; border-radius: 11px;
  background: linear-gradient(135deg, var(--mdc-brand-deep), var(--mdc-brand-dark));
  color: #fff; cursor: pointer;
  box-shadow: 0 5px 14px rgba(31,104,213,.32);
  transition: transform .16s cubic-bezier(.2,.9,.3,1.4), box-shadow .16s ease;
}
.mdc-form button[type="submit"]:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 8px 20px rgba(31,104,213,.42); }
.mdc-form button[type="submit"]:active { transform: scale(.94); }
.mdc-rodape {
  padding: 0 14px 10px; text-align: center;
  color: var(--mdc-muted); font-size: 8.5px; letter-spacing: .02em;
}

/* ── CELULAR ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  #md-copilot-btn { right: 14px; bottom: 76px; }
  #md-copilot {
    inset: 0; width: 100%; height: 100%; max-height: none;
    border: 0; border-radius: 0; transform: translateY(22px); z-index: 10010;
  }
  #md-copilot.aberto { transform: none; animation: mdc-abrir-cel .34s cubic-bezier(.22,1.1,.36,1) both; }
  @keyframes mdc-abrir-cel {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: none; }
  }
  .mdc-head { padding-top: max(14px, env(safe-area-inset-top)); }
  .mdc-rodape { padding-bottom: max(10px, env(safe-area-inset-bottom)); }
}

/* ── QUEM PEDIU PARA NADA SE MEXER ───────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  #md-copilot, #md-copilot.aberto, #md-copilot-btn,
  .mdc-msg, .mdc-acao::before, .mdc-ajuda-item, .mdc-sugestoes button,
  .mdc-m, .mdc-avatar, .mdc-mark.respondendo, .mdc-msg.assistente .mdc-balao,
  .mdc-confirmar, .mdc-confirmar.feito,
  #md-copilot-btn > b.pulando, .mdc-digitando i {
    animation: none !important;
    transition: none !important;
  }
  .mdc-head::after { display: none; }
}

/* ── LEITURA EM NOTEBOOK ────────────────────────────────────────────────
   O painel tinha textos entre 8,5px e 12px. Em monitor grande isso parece
   apenas compacto; numa tela física de notebook vira letra miúda. A faixa é
   deliberadamente posterior à regra de movimento reduzido e não alcança o
   layout de celular, que ocupa a tela inteira e tem tratamento próprio. */
@media (min-width:861px) and (max-width:1720px) and (max-height:920px){
  #md-copilot{width:min(440px,calc(100vw - 24px));}
  .mdc-head strong{font-size:17px;}
  .mdc-head span{font-size:12.5px;}
  .mdc-contexto{font-size:12px;}
  .mdc-balao{font-size:15px;line-height:1.58;}
  .mdc-digitando-label{font-size:11.5px;}
  .mdc-acao strong{font-size:15px;}
  .mdc-acao p{font-size:13px;}
  .mdc-confirmar,
  .mdc-cancelar{font-size:12.5px;}
  .mdc-escolha strong{font-size:13.5px;}
  .mdc-escolha span{font-size:12px;}
  .mdc-ajuda-intro{font-size:13.5px;}
  .mdc-ajuda-item strong{font-size:12px;}
  .mdc-ajuda-item span{font-size:13px;}
  .mdc-ajuda-dica{font-size:12px;}
  .mdc-sugestoes button{font-size:11.5px;}
  .mdc-form textarea{font-size:14.5px;}
  .mdc-rodape{font-size:10.5px;}
}