/* Skin WhatsApp para o Chatwoot (chat.leadsx.cloud)
   Injetado via nginx (chatwoot_skin). Editar aqui -> subir versao nova do config no stack. */

/* ===== Baloes de mensagem ===== */
/* Mensagens da equipe (enviadas): verde WhatsApp */
.right-bubble {
  background: #d9fdd3 !important;
  color: #111b21 !important;
  border-radius: 8px !important;
  border-bottom-right-radius: 2px !important;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
}
.right-bubble p,
.right-bubble span,
.right-bubble .message-content {
  color: #111b21 !important;
}
.right-bubble a {
  color: #027eb5 !important;
}

/* Mensagens do cliente (recebidas): branco */
.left-bubble {
  background: #ffffff !important;
  color: #111b21 !important;
  border-radius: 8px !important;
  border-bottom-left-radius: 2px !important;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
}

/* ===== Fundo da area de conversa: bege WhatsApp ===== */
.message-bubble-container,
[class*="conversation-panel"],
.messages-and-sidebar {
  background-color: #efeae2 !important;
}

/* ===== Esconder menus que a operacao nao usa =====
   (some para todos; admin acessa direto pela URL se precisar)
   href$= evita esconder links de contato dentro da conversa (/contacts/123) */
a[href$="/contacts"],
a[href*="/reports"],
a[href*="/overview"],
a[href*="/campaigns"],
a[href*="/portals"],
a[href*="/captain"],
a[href*="/calls"],
a[href*="/settings"],
a[href*="/help-center"] {
  display: none !important;
}

/* ===== Toques de cor WhatsApp ===== */
/* Botao primario (Responder/Enviar) em verde */
button[type="submit"].bg-n-brand,
.bg-n-brand {
  background-color: #00a884 !important;
}