/* Cliup: bate-papo da equipe (js/bate-papo.js, fila item 105) */
.bp-caixa{display:grid;grid-template-columns:280px 1fr;background:#fff;border:1px solid var(--linha);border-radius:12px;overflow:hidden;height:calc(100vh - 170px);min-height:420px}
.bp-lista{border-right:1px solid var(--linha);overflow-y:auto;display:flex;flex-direction:column}
.bp-lista-cab{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--linha)}
.bp-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:0;background:none;text-align:left;cursor:pointer;border-bottom:1px solid var(--linha);font:inherit}
.bp-item:hover{background:var(--fundo)}
.bp-item.ativo{background:#EAF2FE}
.bp-item .av{width:36px;height:36px;border-radius:50%;background:#DCE6F2;color:#1F3B63;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex:none}
.bp-it-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.bp-it-tx b{font-size:14px;color:var(--titulo)}
.bp-it-tx small{color:var(--tinta-2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-nota{padding:12px 14px;margin-top:auto}
.bp-conv{display:flex;flex-direction:column;min-width:0}
.bp-conv-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--linha)}
.bp-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--fundo)}
.bp-vazio{margin:auto}
.bp-msg{align-self:flex-start;max-width:72%;background:#fff;border:1px solid var(--linha);border-radius:12px 12px 12px 4px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.bp-msg.minha{align-self:flex-end;background:#DCEBFF;border-color:#C5DBF8;border-radius:12px 12px 4px 12px}
.bp-msg b{font-size:12px;color:#1F3B63}
.bp-tx{white-space:pre-wrap;word-break:break-word;font-size:14px}
.bp-h{font-size:11px;color:var(--tinta-2);align-self:flex-end}
.bp-sis{align-self:center;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;font-size:13px;background:#fff;border:1px solid var(--linha);border-radius:999px;padding:5px 12px;text-align:center}
.bp-sis .ic{width:16px;height:16px}
.bp-atencao{border-color:#F4B400;background:#FFF6DB}
.bp-tv{border-color:#C5DBF8;background:#EAF2FE;border-radius:12px}
.bp-ajuda{align-self:stretch;background:var(--vermelho-suave);border:1px solid #F3C2C2;border-radius:12px;padding:10px 12px}
.bp-ajuda.fim{background:#fff;border-color:var(--linha)}
.bp-ajuda .ic{width:16px;height:16px;vertical-align:-3px;margin-right:4px;color:var(--vermelho)}
.bp-escrever{display:flex;gap:8px;padding:10px;border-top:1px solid var(--linha);background:#fff}
.bp-escrever textarea{flex:1;resize:none;border:1px solid var(--linha-2);border-radius:10px;padding:9px 12px;font:inherit;font-size:14px;max-height:120px}
.bp-escolha{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}
@media (max-width:760px){
  .bp-caixa{grid-template-columns:1fr;height:auto}
  .bp-lista{border-right:0;border-bottom:1px solid var(--linha);max-height:220px}
  .bp-msgs{min-height:320px;max-height:55vh}
  .bp-msg{max-width:88%}
}
/* 06/11 (Dr. marcou o topo da conversa): o nome sozinho em cima e os quatro botões numa linha leve, sem caixa */
.bp-acoes{display:flex;align-items:center;gap:2px;padding:4px 8px;border-bottom:1px solid var(--linha);overflow-x:auto;white-space:nowrap}
.bp-acoes .btn.link{color:#1F3B63}
.bp-acoes .btn.link:hover{background:var(--fundo)}
.bp-acoes [data-bp="tv"]{color:var(--azul);font-weight:600}
.bp-conv{container-type:inline-size}
@container (max-width:420px){ .bp-acoes .rot{display:none} }
/* aviso na tela de quem recebe (Dr., 06/11): cartão no canto, não tranca nada; some no "Visualizei" */
#bp-avisos{position:fixed;right:16px;bottom:16px;z-index:900;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 32px))}
.bp-aviso{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--linha);border-left:4px solid #C9A24B;border-radius:12px;padding:12px 14px;box-shadow:0 10px 30px -10px rgba(15,45,82,.35);animation:bpEntra .4s cubic-bezier(.22,1,.36,1)}
.bp-aviso small{display:block;color:var(--tinta-2);font-size:12px}
.bp-aviso b{display:block;font-size:15px;color:var(--titulo)}
.bp-aviso-sino{width:36px;height:36px;border-radius:50%;background:#C9A24B;color:#0A1F38;display:flex;align-items:center;justify-content:center;flex:none;animation:bpPisca 1s ease-in-out 3}
.bp-aviso-sino .ic{width:18px;height:18px}
@keyframes bpEntra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes bpPisca{0%,100%{box-shadow:0 0 0 0 rgba(232,200,119,0)}40%{box-shadow:0 0 0 8px rgba(232,200,119,.35)}}
@media (prefers-reduced-motion:reduce){.bp-aviso,.bp-aviso-sino{animation:none}}