/* Contador ancorado ao ícone, sem ocupar outra posição na barra. */
#chatInternoAbrir .default-header-count { position: absolute; top: 0; right: -3px; min-width: 18px; min-height: 18px; padding: 2px 4px; border: 2px solid #fff; background: var(--ui-color-primary); color: #fff; font-size: 10px; pointer-events: none; }
/* Conteúdo do chat; estrutura lateral usa o componente visual global. */
body.chat-interno-aberto { overflow: hidden; }
.chat-interno-painel .ui-painel-lateral { --ui-painel-lateral-largura: 800px; top: 0; max-width: 100vw; }
.chat-interno-painel .ui-painel-lateral__cabecalho { min-height: 76px; padding: 14px 18px; background: linear-gradient(135deg, #fbf8fd, #fff 70%); }
.chat-interno-marca, .chat-interno-acoes { display: flex; align-items: center; gap: 12px; min-width: 0; }
.chat-interno-marca > div { min-width: 0; }
.chat-interno-painel #chatInternoTitulo { color: var(--ui-color-text); font-size: 17px; line-height: 1.3; }
.chat-interno-marca small { margin-top: 3px; font-size: 11px; }
.chat-interno-icone { display: flex; align-items: center; justify-content: center; flex: 0 0 40px; height: 40px; border-radius: 10px; background: var(--ui-color-primary); color: #fff; font-size: 20px; box-shadow: 0 4px 12px rgba(111, 0, 200, .18); }
.chat-interno-painel #chatInternoConexao { display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 20px; background: var(--ui-color-surface-soft); font-size: 10px; white-space: nowrap; }
#chatInternoConexao::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #929baa; flex-shrink: 0; }
#chatInternoConexao[data-conectado="true"]::before { background: #31956c; }
.chat-interno-painel .ui-painel-lateral__corpo { overflow: hidden; padding: 0; }
.chat-interno-corpo { height: 100%; margin: 0; }
.chat-interno-listas,
.chat-interno-conversa { height: 100%; padding: 0; display: flex; flex-direction: column; min-height: 0; }
.chat-interno-listas { border-right: 1px solid var(--ui-color-border); background: #fff; }
.chat-interno-pesquisa { margin: 16px 12px 8px; position: relative; flex-shrink: 0; }
.chat-interno-pesquisa > i { position: absolute; left: 12px; top: 12px; color: var(--ui-color-text-muted); font-size: 12px; pointer-events: none; }
.chat-interno-pesquisa input { height: 38px; padding-left: 32px; border-radius: 9px; background: var(--ui-color-surface-soft); font-size: 12px; }
.chat-interno-listas-scroll { overflow-y: auto; flex: 1; padding: 0 8px 12px; overscroll-behavior: contain; }
.chat-interno-secao { display: block; padding: 16px 8px 8px; color: var(--ui-color-text-muted); font-size: 11px; }
.chat-interno-pessoa { border: 0; background: transparent; width: 100%; display: flex; align-items: center; gap: 11px; text-align: left; padding: 11px 9px; margin: 2px 0; border-radius: 10px; color: var(--ui-color-text); }
.chat-interno-pessoa:hover { background: var(--ui-color-surface-soft); }
.chat-interno-pessoa:focus-visible { outline: 2px solid var(--ui-color-primary); outline-offset: -2px; }
.chat-interno-pessoa.is-ativa { background: var(--ui-color-primary-soft); box-shadow: inset 3px 0 var(--ui-color-primary); }
.chat-interno-avatar { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; overflow: hidden; border-radius: 50%; background: var(--ui-color-primary-soft); color: var(--ui-color-primary); font-size: 13px; font-weight: 700; }
.chat-interno-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #fff; }
.chat-interno-identidade { min-width: 0; flex: 1; }
.chat-interno-identidade strong, .chat-interno-identidade small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.chat-interno-identidade strong { font-size: 12px; line-height: 1.4; }
.chat-interno-identidade small { margin-top: 3px; color: var(--ui-color-text-muted); font-size: 11px; line-height: 1.4; }
.chat-interno-pessoa b { background: var(--ui-color-primary); color: #fff; border-radius: 12px; padding: 2px 7px; font-size: 11px; }
.chat-interno-destinatario { display: flex; gap: 11px; align-items: center; min-height: 76px; padding: 12px 18px; border-bottom: 1px solid var(--ui-color-border); background: #fff; flex-shrink: 0; }
.chat-interno-destinatario strong { font-size: 14px; }
.chat-interno-mensagens { flex: 1; overflow-y: auto; min-height: 0; background: #f7f9fb; padding: 18px; overscroll-behavior: contain; }
.chat-interno-boas-vindas { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 200px; }
.chat-interno-boas-vindas .ui-empty-state { width: 100%; }
.chat-interno-vazio { color: var(--ui-color-text-muted); text-align: center; padding: 24px 12px; font-size: 11px; }
.chat-interno-balao { margin: 12px 0; display: flex; flex-direction: column; align-items: flex-start; }
.chat-interno-balao.is-minha { align-items: flex-end; }
.chat-interno-balao p { background: #fff; color: var(--ui-color-text); border-radius: 14px 14px 14px 4px; padding: 11px 14px; max-width: 90%; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.5; box-shadow: 0 1px 3px rgba(34,45,57,.07); }
.chat-interno-balao.is-minha p { background: var(--ui-color-primary-soft); border-radius: 14px 14px 4px 14px; }
.chat-interno-balao small { color: var(--ui-color-text-muted); font-size: 10px; margin: 4px 3px 0; }
.chat-interno-balao small.is-lida { color: #3468a3; }
.chat-interno-compositor { padding: 12px 16px 10px; flex-shrink: 0; border-top: 1px solid var(--ui-color-border); background: #fff; }
.chat-interno-escrita { display: flex; align-items: center; gap: 10px; }
.chat-interno-escrita textarea { resize: none; min-width: 0; flex: 1; border-radius: 10px; padding: 10px 12px; font-size: 12px; line-height: 1.5; background: #f7f9fb; }
.chat-interno-escrita button { flex: 0 0 38px; width: 38px; height: 38px; margin: 0; }
.chat-interno-escrita button:disabled { opacity: .45; cursor: default; }
.chat-interno-compositor > small { display: block; margin-top: 7px; color: var(--ui-color-text-muted); font-size: 10px; }
#chatInternoErro { margin: 0; padding: 8px 16px; flex-shrink: 0; }
@media (max-width: 767px) {
  .chat-interno-painel .chat-interno-conversa { display: none; }
  .chat-interno-painel.is-conversa .chat-interno-listas { display: none; }
  .chat-interno-painel.is-conversa .chat-interno-conversa { display: flex; }
  .chat-interno-listas { border-right: 0; }
  .chat-interno-painel .ui-painel-lateral__cabecalho { padding: 12px; gap: 8px; }
  .chat-interno-marca small { display: none; }
  .chat-interno-marca, .chat-interno-acoes { gap: 8px; }
  .chat-interno-painel #chatInternoTitulo { font-size: 15px; }
  .chat-interno-painel #chatInternoConexao { max-width: 120px; white-space: normal; }
}