/* =====================================================================================================================
   EQUIPE ESCREVE NA CONVERSA (Eric 07/10, 3.6.0) · protótipo aprovado: docs/studio/prototipos/equipe-escreve/
   Rodapé da conversa (assistente atendendo / campo da equipe / prazo de 24 h acabou), balão da equipe e, no celular,
   a conversa aberta em tela cheia com a faixa da etapa no topo. Só tokens da marca (marca.css + ficha.css).
   ===================================================================================================================== */
#s-conversas{--fx-eq:#141312;--fx-eq-tx:#F7F5F0;--tick-eq:rgba(247,245,240,.62);--tick-lido-eq:#53BDEB}
body:not(.light) #s-conversas{--fx-eq:#F4F1EA;--fx-eq-tx:#141312;--tick-eq:rgba(20,19,18,.5);--tick-lido-eq:#0B7FBF}

/* ---------------------------------------------------------------- balão da equipe (escuro, com o nome de quem mandou) */
#s-conversas .wa-msg.out.eq .wa-bubble{background:var(--fx-eq)!important;color:var(--fx-eq-tx)!important}
#s-conversas .wa-msg.out.eq .wa-time{color:color-mix(in srgb,var(--fx-eq-tx) 60%,transparent)!important}
#s-conversas .wa-msg.out.eq .bck{color:var(--tick-eq)}
#s-conversas .wa-msg.out.eq .bck.blue{color:var(--tick-lido-eq)}
#s-conversas .wa-msg.out.eq .wa-modelo{color:color-mix(in srgb,var(--fx-eq-tx) 65%,transparent)}
.eq-quem{display:block;font:600 12.5px/1.3 var(--fonte);color:color-mix(in srgb,currentColor 72%,transparent);margin-bottom:3px}
#s-conversas .wa-msg.eq-falha-l{margin-top:-2px}
#s-conversas .wa-msg.eq.eq-falhou .wa-bubble{opacity:.72}
.eq-falha{display:flex;align-items:center;gap:6px;font:500 12.5px var(--fonte);color:var(--erro);flex-wrap:wrap}
.eq-falha .ic{width:15px;height:15px}
.eq-falha-detalhe{flex:1 1 100%;font:400 11.5px var(--fonte);color:var(--tx-2);padding-left:21px;line-height:1.45}
#s-conversas .wa-sys.eq-evento{max-width:96%}
#s-conversas .wa-sys.eq-evento span{background:var(--cartao)!important;color:var(--tx-2)!important;box-shadow:inset 0 0 0 1px var(--linha)!important;font-weight:500}
.eq-doc{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:color-mix(in srgb,currentColor 9%,transparent);margin:2px 0 8px;min-width:0;color:inherit;text-decoration:none;max-width:300px}
.eq-doc:hover{background:color-mix(in srgb,currentColor 14%,transparent)}
.eq-doc-ic{width:40px;height:44px;border-radius:8px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,currentColor 12%,transparent)}
.eq-doc-ic .ic{width:24px;height:24px}
.eq-doc-tx{display:grid;gap:2px;min-width:0}
.eq-doc-tx b{font:600 13.5px var(--fonte);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-doc-tx small{font:400 12px var(--fonte);color:color-mix(in srgb,currentColor 62%,transparent)}
.last-who.eq-who{color:var(--tx-3)}

/* o aviso flutuante (#toast) escondido continuava por cima e engolia o toque no rodapé (no celular, o "Assumir a conversa") */
#toast:not(.show){pointer-events:none}
/* foto e vídeo nunca passam da largura do balão (antes a foto podia vazar do balão estreito) */
#s-conversas .wa-bubble .wa-img,#s-conversas .wa-bubble .wa-video{max-width:100%}

/* ---------------------------------------------------------------- foto de quem mandou (3.8.0) */
/* do lado de fora do balão, à direita, no último balão de cada sequência; a coluna fica reservada para o balão não pular */
#s-conversas .wa-msg.out{align-items:flex-end;gap:6px}
#s-conversas .wa-msg.out .wa-bubble{max-width:calc(68% - 34px);border-radius:18px 18px 6px 18px!important}
#s-conversas .wa-msg.out.eq-cont .wa-bubble{border-top-right-radius:6px!important}
/* áudio enviado: mantém a largura do player (menos a coluna da fotinha), senão o 1x cobre o fim da onda */
#s-conversas .wa-msg.out .wa-bubble:has(> .au){max-width:min(344px,calc(82% - 34px))}
#s-conversas .wa-msg.eq-cont{margin-top:-3px}
.eq-avq{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;font:600 11px/1 var(--fonte);letter-spacing:.02em;overflow:hidden;position:relative}
.eq-avq.oco{visibility:hidden}
.eq-avq img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.eq-avq.as{background:#FDE7DF;color:#8A2E17;font-size:12.5px}
body:not(.light) .eq-avq.as{background:var(--ponto-claro);color:var(--ponto-texto)}
.eq-avq.eq{background:var(--tinta);color:var(--papel)}
.eq-avq.cl{background:var(--cartao);color:var(--tx-2);box-shadow:inset 0 0 0 1px var(--linha);font-size:10.5px}
/* a foto de quem está logado (menu, topo do celular, lista da equipe) */
.v3-conta,.side-avatar,.us-av{position:relative;overflow:hidden}
/* no botão da conta (menu e topo do celular) a foto preenche o círculo inteiro, não só o lugar das iniciais */
.v3-conta-av img,.side-avatar img,.us-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.us-pessoa{display:flex;align-items:center;gap:12px;min-width:0}
/* celular: a sua foto no botão "Minha conta" da folha Mais (o topo do celular não tem o botão da conta) */
.ms-conta-av{width:24px;height:24px;border-radius:50%;background:var(--tinta);color:var(--papel);display:inline-grid;place-items:center;font:600 9.5px var(--fonte);letter-spacing:.02em;position:relative;overflow:hidden;flex:none;vertical-align:middle}
.ms-conta-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.us-av{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--tinta);color:var(--papel);font:600 11.5px var(--fonte)}
.us-pessoa>div{min-width:0}

/* ---------------------------------------------------------------- foto do perfil em Minha conta (3.8.0) */
.fp-linha{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid var(--linha)}
.fp-av{width:76px;height:76px;border-radius:50%;background:var(--tinta);color:var(--papel);display:grid;place-items:center;font:600 24px var(--fonte);letter-spacing:-.01em;overflow:hidden;flex:none;position:relative}
.fp-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fp-tx{flex:1 1 160px;min-width:0;display:grid;gap:4px}
.fp-tx b{font:600 15px var(--fonte);display:flex;align-items:center;gap:8px}
.fp-tx b .ajq{margin-left:0}
.fp-tx span{font:400 13.5px var(--fonte);color:var(--tx-3)}
.fp-ac{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fp-bt{display:inline-flex;align-items:center;gap:8px}
.fp-tirar{border:0;background:none;padding:10px 4px;font:600 14px var(--fonte);color:var(--erro);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px}
.fp-scrim{position:fixed;inset:0;z-index:300;background:rgba(20,19,18,.48);display:grid;place-items:center;padding:16px}
.fp-dlg{background:var(--cartao);color:var(--tinta);border-radius:24px;padding:24px;width:min(400px,100%);display:grid;gap:18px;box-shadow:var(--sombra-flutua)}
.fp-dlg h3{font:600 19px var(--fonte);letter-spacing:-.02em;margin:0}
.fp-recorte{width:240px;height:240px;border-radius:50%;overflow:hidden;margin:0 auto;position:relative;background:var(--nevoa);cursor:grab;touch-action:none;box-shadow:0 0 0 4px var(--nevoa)}
.fp-recorte:active{cursor:grabbing}
.fp-recorte img{position:absolute;left:50%;top:50%;max-width:none;user-select:none;pointer-events:none}
.fp-dica{font:400 13.5px var(--fonte);color:var(--tx-3);text-align:center;margin:0}
.fp-zoom{display:flex;align-items:center;gap:12px;color:var(--tx-3)}
.fp-zoom .ic{width:20px;height:20px;flex:none}
.fp-zoom input{flex:1;accent-color:var(--tinta);min-height:44px}
.fp-dlg-ac{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
@media (max-width:820px){.fp-scrim{place-items:end stretch;padding:0}.fp-dlg{width:100%;border-radius:26px 26px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom))}}

/* ---------------------------------------------------------------- rodapé */
.eq-rod{position:relative;flex:none;background:var(--cartao);border-top:1px solid var(--linha);padding:12px 16px 14px}
.eq-ver,.eq-atende{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.eq-ver{font:500 13px var(--fonte);color:var(--tx-3)}
.eq-ver .ic{width:16px;height:16px;color:var(--tx-2)}
.eq-at-tx{display:inline-flex;align-items:center;gap:9px;font:500 13.5px var(--fonte);color:var(--tx-2);min-width:0}
.eq-pto{width:8px;height:8px;border-radius:50%;background:var(--ponto);flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ponto) 22%,transparent)}
.eq-rod .ajq{margin-left:0}
.eq-rod .btn-save,.eq-rod .btn-ghost{display:inline-flex;align-items:center;gap:8px;min-height:40px}
.eq-assumir{margin-left:auto}
.eq-cx{display:grid;gap:8px;padding:10px 14px 14px}
.eq-linha{display:flex;align-items:center;gap:10px;min-height:34px}
.eq-info{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px}
.eq-prazo{display:inline-flex;align-items:center;gap:6px;font:500 12.5px/1.35 var(--fonte);color:var(--tx-3);min-width:0}
.eq-prazo .ic{width:15px;height:15px;flex:none}
.eq-prazo.aviso{color:var(--atencao)}
.eq-devolver{position:relative;margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linha);background:var(--cartao);color:var(--tinta);font:600 12.5px var(--fonte);border-radius:999px;padding:0 12px 0 10px;min-height:34px;cursor:pointer;white-space:nowrap}
.eq-devolver::after{content:"";position:absolute;inset:-5px 0}
.eq-devolver:hover{border-color:var(--tx-4)}
.eq-devolver .ic{width:16px;height:16px}
.eq-devolver .ic.viva{color:var(--ponto-texto)}
.eq-barra{display:flex;align-items:flex-end;gap:4px}
.eq-ic{width:44px;height:44px;border-radius:12px;border:0;background:transparent;color:var(--tx-3);display:grid;place-items:center;cursor:pointer;flex:none}
.eq-ic .ic{width:22px;height:22px}
.eq-ic:hover,.eq-ic[aria-expanded="true"]{background:var(--nevoa);color:var(--tinta)}
.eq-ic:disabled{opacity:.36;cursor:not-allowed;background:transparent}
.eq-campo{flex:1 1 auto;min-width:0;margin:0 2px}
.eq-campo textarea{display:block;width:100%;min-height:44px;max-height:160px;resize:none;font:400 15px/1.45 var(--fonte);color:var(--tinta);background:var(--nevoa);border:1px solid transparent;border-radius:14px;padding:11px 14px;outline:none;transition:border-color .2s,background .2s}
.eq-campo textarea::placeholder{color:var(--tx-4)}
.eq-campo textarea:focus{background:var(--cartao);border-color:var(--tinta);box-shadow:0 0 0 3px color-mix(in srgb,var(--tinta) 8%,transparent)}
.eq-campo textarea:focus-visible{outline:none!important}
.eq-env{width:44px;height:44px;border-radius:50%;border:0;background:var(--tinta);color:var(--papel);display:grid;place-items:center;cursor:pointer;flex:none;transition:transform .15s}
.eq-env:active{transform:scale(.94)}
.eq-env .ic{width:22px;height:22px}
.eq-env:disabled{opacity:.32;cursor:not-allowed}
/* anexo escolhido: a prévia fica em cima do campo, que vira a legenda */
.eq-bandeja{display:flex;align-items:center;gap:12px;background:var(--nevoa);border-radius:16px;padding:10px 6px 10px 10px;min-width:0}
.eq-bandeja.erro{box-shadow:inset 0 0 0 1.5px var(--erro)}
.eq-bj-foto{width:112px;height:84px;flex:none;border-radius:10px;overflow:hidden;background:var(--cartao)}
.eq-bj-foto img{width:100%;height:100%;object-fit:cover;display:block}
.eq-bj-ic{width:52px;height:56px;border-radius:12px;background:var(--cartao);display:grid;place-items:center;color:var(--tx-2);flex:none}
.eq-bj-ic .ic{width:26px;height:26px}
.eq-bj-ic.erro{color:var(--erro)}
.eq-bj-tx{flex:1 1 auto;min-width:0;display:grid;gap:3px}
.eq-bj-tx b{font:600 14px var(--fonte);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eq-bj-tx small{font:500 12.5px var(--fonte);color:var(--tx-3)}
.eq-bandeja.erro .eq-bj-tx small{color:var(--erro)}
/* gravando e ouvindo antes de mandar */
.eq-grav{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:9px;background:var(--nevoa);border-radius:14px;min-height:44px;padding:0 10px 0 12px;margin:0 2px}
.eq-rec{width:10px;height:10px;border-radius:50%;background:var(--tinta);flex:none;animation:eq-rec 1.2s ease-in-out infinite}
@keyframes eq-rec{50%{opacity:.2}}
.eq-g-lbl{font:600 13.5px var(--fonte);white-space:nowrap}
.eq-g-tempo{font:600 14px var(--fonte);font-variant-numeric:tabular-nums;white-space:nowrap}
.eq-g-tempo.aviso{color:var(--atencao)}
.eq-g-max{font:500 13px var(--fonte);color:var(--tx-4);font-variant-numeric:tabular-nums;white-space:nowrap}
.eq-onda{flex:1 1 auto;min-width:24px;height:26px;position:relative;overflow:hidden}
.eq-barras{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:2px}
.eq-barras i{flex:1 1 0;max-width:3px;min-width:2px;border-radius:2px;height:calc(var(--h) * 100%);background:color-mix(in srgb,var(--tinta) 40%,transparent)}
.eq-onda.vivo .eq-barras i{animation:eq-onda .9s ease-in-out infinite alternate;animation-delay:calc(var(--d) * -1s)}
@keyframes eq-onda{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
.eq-g-play{width:36px;height:36px;margin-left:-6px;border-radius:50%;border:0;background:transparent;color:var(--tinta);display:grid;place-items:center;cursor:pointer;flex:none}
.eq-g-play .ic{width:22px;height:22px}
.eq-g-audio{display:none}
/* alertas do campo: frase humana + o que fazer */
.eq-alerta{display:flex;align-items:flex-start;gap:10px;border-radius:14px;padding:10px 12px;flex-wrap:wrap}
.eq-alerta>.ic{width:18px;height:18px;flex:none;margin-top:2px}
.eq-alerta.erro{background:var(--erro-claro);color:var(--erro)}
.eq-alerta.atencao{background:var(--atencao-claro);color:var(--atencao)}
.eq-al-tx{flex:1 1 200px;min-width:0;font:500 13.5px/1.45 var(--fonte);color:var(--tinta)}
.eq-al-ac{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}
.eq-lk{border:0;background:none;padding:6px 0;font:600 13.5px var(--fonte);color:var(--tinta);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.eq-lk:hover{text-decoration-color:currentColor}
/* passou de 24 h: campo travado */
.eq-fechado{display:flex;align-items:center;gap:12px;background:var(--nevoa);border-radius:16px;padding:12px;flex-wrap:wrap}
.eq-fe-ic{width:40px;height:40px;border-radius:12px;background:var(--cartao);display:grid;place-items:center;color:var(--tx-3);flex:none}
.eq-fe-tx{flex:1 1 180px;min-width:0;display:grid;gap:2px}
.eq-fe-tx b{font:600 14.5px/1.35 var(--fonte)}
.eq-fe-tx span{font:400 13.5px/1.4 var(--fonte);color:var(--tx-3)}
.eq-escolher{flex:none}

/* janelinhas que abrem em cima do campo */
.eq-pop{position:absolute;left:12px;bottom:calc(100% + 8px);z-index:20;background:var(--cartao);border:1px solid var(--linha);border-radius:18px;box-shadow:var(--sombra-flutua);padding:12px}
.eq-pop-h{display:block;font:600 11px var(--fonte);letter-spacing:.1em;text-transform:uppercase;color:var(--tx-4);padding:2px 4px 8px}
.eq-pop-emoji{width:312px;max-width:calc(100% - 24px)}
.eq-emojis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}
.eq-emojis button{height:36px;border:0;background:transparent;border-radius:10px;font-size:20px;line-height:1;cursor:pointer;padding:0}
.eq-emojis button:hover{background:var(--nevoa)}
.eq-pop-anexo{left:58px;width:250px;max-width:calc(100% - 24px);padding:6px;display:grid;gap:2px}
.eq-pop-anexo [role=menuitem]{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 12px;border:0;background:transparent;border-radius:12px;font:500 14.5px var(--fonte);color:var(--tinta);cursor:pointer;text-align:left}
.eq-pop-anexo [role=menuitem]:hover{background:var(--nevoa)}
.eq-pop-anexo [role=menuitem] .ic{width:20px;height:20px;color:var(--tx-2)}
.eq-pop-pe{display:flex;align-items:center;gap:8px;border-top:1px solid var(--linha);margin-top:4px;padding:10px 12px 6px;font:500 12.5px var(--fonte);color:var(--tx-3)}
.eq-pop-prontas{left:12px;right:12px;padding:0;display:flex;flex-direction:column;max-height:min(470px,58dvh)}
.eq-pp-h{display:flex;align-items:center;gap:8px;padding:12px 8px 8px 16px}
.eq-pp-h b{font:600 16px var(--fonte);letter-spacing:-.01em}
.eq-pp-x{margin-left:auto}
.eq-pp-lista{display:grid;gap:8px;padding:4px 12px 12px;overflow-y:auto;min-height:0}
.eq-pp-it{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:12px 14px;border-radius:14px;background:var(--nevoa);border:1.5px solid transparent;cursor:pointer}
.eq-pp-it:hover{border-color:var(--linha)}
.eq-pp-it.on{background:var(--cartao);border-color:var(--tinta)}
.eq-pp-it input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.eq-pp-r{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--tx-4);margin-top:1px;display:grid;place-items:center;background:var(--cartao)}
.eq-pp-it.on .eq-pp-r{border-color:var(--tinta)}
.eq-pp-it.on .eq-pp-r::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--tinta)}
.eq-pp-it:has(input:focus-visible){outline:2px solid var(--tinta);outline-offset:2px}
.eq-pp-tx{display:grid;gap:4px;min-width:0}
.eq-pp-tx b{font:600 14px var(--fonte)}
.eq-pp-msg{font:400 14px/1.5 var(--fonte);color:var(--tx-2)}
.eq-pp-vazio{padding:8px 4px}
mark.eq-var{background:var(--ceu-claro);color:var(--tinta);border-radius:4px;padding:0 3px;font-weight:600}
.eq-pp-pe{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--linha);flex-wrap:wrap}

/* a faixa da etapa e o botão de voltar só existem no celular */
.eq-faixa,.eq-voltar{display:none}
.eq-det-m{display:none}

/* ---------------------------------------------------------------- celular: a conversa aberta ocupa a tela toda */
@media (max-width:820px){
  body.conv-mode.conv-aberta .mtop,body.conv-mode.conv-aberta .mnav{display:none!important}
  body.conv-mode.conv-aberta #s-conversas.active{top:env(safe-area-inset-top)!important;bottom:0!important;padding:0!important}
  body.conv-mode.conv-aberta #s-conversas .wa-shell.full,body.conv-mode.conv-aberta #s-conversas .wa-pane{border-radius:0!important}
  body.conv-mode.conv-aberta #s-conversas .wa-head{flex-wrap:nowrap;padding:8px 12px 8px 4px!important;gap:8px}
  body.conv-mode.conv-aberta #s-conversas .eq-voltar{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;border-radius:12px;color:var(--tinta);cursor:pointer;flex:none}
  body.conv-mode.conv-aberta #s-conversas .eq-voltar .ic{width:22px;height:22px}
  body.conv-mode.conv-aberta #s-conversas .side-toggle{background:var(--nevoa)!important;color:var(--tinta)!important}
  body.conv-mode.conv-aberta #s-conversas .side-toggle .eq-det-d{display:none}
  body.conv-mode.conv-aberta #s-conversas .side-toggle .eq-det-m{display:inline}
  /* a ficha fechada some (a etapa vai pra faixa do topo); aberta, sobe de baixo como antes, por cima de tudo */
  body.conv-mode.conv-aberta #s-conversas .wa-side.fx.closed{display:none!important}
  body.conv-mode.conv-aberta #s-conversas .wa-side.fx{top:env(safe-area-inset-top)!important;max-height:none!important;padding-bottom:env(safe-area-inset-bottom)!important;z-index:70}
  body.conv-mode.conv-aberta #s-conversas .wa-body{padding-bottom:16px!important}
  body.conv-mode.conv-aberta #s-conversas .eq-faixa:not([hidden]){position:relative;flex:none;display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid var(--linha);background:var(--cartao);padding:6px 14px 8px;min-height:44px;text-align:left;color:var(--tinta);cursor:pointer}
  .eq-fx-t{flex:1 1 auto;min-width:0;display:flex;gap:8px;align-items:baseline;font:600 13.5px var(--fonte);white-space:nowrap;overflow:hidden}
  .eq-fx-t span{color:var(--tx-3);font-weight:500;font-variant-numeric:tabular-nums}
  .eq-fx-b{width:78px;flex:none;display:block}
  .eq-faixa>.ic{width:16px;height:16px;color:var(--tx-4);flex:none}
  #s-conversas .wa-msg.out .wa-bubble{max-width:calc(86% - 34px)}
  #s-conversas .wa-msg.out .wa-bubble:has(> .au){width:300px;max-width:calc(86% - 34px)}
  .eq-so-pc,.eq-pop-emoji{display:none!important}
  .eq-rod{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .eq-cx{padding:8px 10px calc(12px + env(safe-area-inset-bottom))}
  .eq-devolver{padding:0 10px 0 8px}
  .eq-pop-anexo{left:8px}
  .eq-pop-prontas{left:8px;right:8px}
  .eq-escolher{width:100%;justify-content:center}
  .eq-atende .eq-assumir{margin-left:0;width:100%;justify-content:center}
  .eq-atende .eq-at-tx{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.eq-rec,.eq-onda.vivo .eq-barras i{animation:none}}

/* (08/10) mensagens prontas: busca e espaço para digitar (ex.: a data do prazo) */
.eq-pp-busca{position:relative;display:block;margin:0 16px 8px}
.eq-pp-busca .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--tx-3);pointer-events:none}
.eq-pp-busca input{width:100%;height:40px;box-sizing:border-box;padding:0 12px 0 38px;border-radius:10px;border:1px solid var(--linha);background:var(--cartao);color:var(--tinta);font:14px var(--fonte);-webkit-appearance:none;appearance:none}
.eq-pp-busca input::placeholder{color:var(--tx-4)}
.eq-pp-busca input:focus{outline:none;border-color:var(--tinta);box-shadow:0 0 0 3px color-mix(in srgb,var(--tinta) 12%,transparent)}
.eq-livre{display:inline-block;width:9em;max-width:100%;height:26px;margin:0 2px;padding:0 8px;border-radius:6px;border:1px dashed var(--tx-3);background:var(--cartao);color:var(--tinta);font:inherit;vertical-align:baseline;box-sizing:border-box}
.eq-livre:focus{outline:none;border-style:solid;border-color:var(--tinta)}

/* conversa com o DOUTOR em Conversas (Eric 19/10): o mesmo campo da equipe, sem o resto do rodapé da paciente */
.dr-rod{position:relative;flex:none;background:var(--cartao);border-top:1px solid var(--linha);padding:12px 16px 14px}
/* os botões que foram junto com a mensagem (Ver agenda, Confirmar), como o doutor vê no WhatsApp */
.dr-bts{display:block;margin-top:8px;padding-top:4px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.dr-bt{display:block;text-align:center;padding:6px 0;color:var(--tx-2);font:600 13px var(--fonte);cursor:default}