:root {
  --cc-rail-bg: #f7f5f2;
  --cc-rail-hover: #e9e5df;
  --cc-text: #111827;
  --cc-muted: #667781;
  --cc-chat-bg: #efeae2;
  --cc-in: #ffffff;
  --cc-out: #d9fdd3;
}

body.cw-chantal-wa {
  --chatwoot-primary-color: #00a884;
}

/* Mantem o espaco do menu original, mas esconde o conteudo dele */
body.cw-chantal-wa aside {
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  background: var(--cc-rail-bg) !important;
  border-right: 1px solid #e5e7eb !important;
  overflow: hidden !important;
}

body.cw-chantal-wa aside > * {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Rail novo, independente do DOM do Chatwoot */
body.cw-chantal-wa .cc-rail {
  position: fixed;
  inset: 0 auto 0 0;
  width: 52px;
  background: var(--cc-rail-bg);
  border-right: 1px solid #e5e7eb;
  z-index: 99990;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  box-sizing: border-box;
}

body.cw-chantal-wa .cc-rail-top,
body.cw-chantal-wa .cc-rail-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  width: 100%;
}

body.cw-chantal-wa .cc-rail-bottom {
  margin-top: auto;
}

body.cw-chantal-wa .cc-rail-btn {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--cc-text);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}

body.cw-chantal-wa .cc-rail-btn:hover,
body.cw-chantal-wa .cc-rail-btn.is-active {
  background: var(--cc-rail-hover);
}

body.cw-chantal-wa .cc-rail-btn svg {
  width: 21px;
  height: 21px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.cw-chantal-wa .cc-rail-btn:hover::after {
  content: attr(data-title);
  position: absolute;
  left: 46px;
  top: 50%;
  transform: translateY(-50%);
  background: #111827;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 7px 9px;
  border-radius: 6px;
  white-space: nowrap;
  pointer-events: none;
  z-index: 999999;
}

body.cw-chantal-wa .cc-user-dot {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #e9e5df;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111827;
  font-weight: 800;
  font-size: 14px;
}

/* Modal limpo */
body.cw-chantal-wa .cc-menu-modal {
  position: fixed;
  left: 58px;
  background: #fff;
  border: 1px solid rgba(17,24,39,.10);
  box-shadow: 0 18px 45px rgba(15,23,42,.18);
  border-radius: 12px;
  padding: 8px;
  z-index: 999999;
  min-width: 230px;
  max-width: 300px;
  color: var(--cc-text);
  font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

body.cw-chantal-wa .cc-menu-title {
  padding: 10px 12px;
  font-weight: 800;
  color: var(--cc-text);
  border-bottom: 1px solid rgba(17,24,39,.08);
  margin-bottom: 6px;
}

body.cw-chantal-wa .cc-menu-item {
  width: 100%;
  border: 0;
  background: #fff;
  color: var(--cc-text);
  min-height: 40px;
  padding: 10px 12px;
  border-radius: 8px;
  text-align: left;
  font-size: 14px;
  line-height: 1.25;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

body.cw-chantal-wa .cc-menu-item:hover {
  background: #f0f2f5;
}

/* Titulo da coluna */
body.cw-chantal-wa .cc-title-logo {
  height: 30px;
  max-width: 132px;
  object-fit: contain;
  display: block;
}

/* Busca nativa em cima dos filtros */
body.cw-chantal-wa .cc-search-slot {
  padding: 10px 12px 6px;
  background: #fff;
  border-bottom: 1px solid rgba(17,24,39,.06);
}

body.cw-chantal-wa .cc-search-slot input {
  display: block !important;
  width: 100% !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: var(--cc-text) !important;
  padding: 0 14px !important;
  outline: none !important;
  font-size: 14px !important;
}

/* Cores da conversa - restauradas */
body.cw-chantal-wa .cc-chat-bg {
  background-color: var(--cc-chat-bg) !important;
  background-image:
    radial-gradient(circle at 18px 18px, rgba(0,0,0,.035) 1px, transparent 1.5px),
    radial-gradient(circle at 58px 52px, rgba(0,0,0,.025) 1px, transparent 1.5px),
    linear-gradient(0deg, rgba(239,234,226,.96), rgba(239,234,226,.96)) !important;
  background-size: 84px 84px, 96px 96px, auto !important;
}

body.cw-chantal-wa .cc-bubble-in {
  background: var(--cc-in) !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-bubble-out {
  background: var(--cc-out) !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-composer {
  background: #fff !important;
  background-image: none !important;
}

body.cw-chantal-wa button {
  color: var(--cc-text);
}

/* Cores da conversa estilo WhatsApp Web - somente CSS, leve */
body.cw-chantal-wa .cc-chat-bg,
body.cw-chantal-wa main:has(textarea),
body.cw-chantal-wa main:has([contenteditable="true"]),
body.cw-chantal-wa section:has(textarea),
body.cw-chantal-wa section:has([contenteditable="true"]) {
  background-color: #efeae2 !important;
  background-image:
    radial-gradient(circle at 18px 18px, rgba(0,0,0,.035) 1px, transparent 1.5px),
    radial-gradient(circle at 58px 52px, rgba(0,0,0,.025) 1px, transparent 1.5px),
    linear-gradient(0deg, rgba(239,234,226,.96), rgba(239,234,226,.96)) !important;
  background-size: 84px 84px, 96px 96px, auto !important;
}

/* Recebidas: branco */
body.cw-chantal-wa .cc-bubble-in,
body.cw-chantal-wa main:has(textarea) [class*="justify-start"] [class*="rounded"],
body.cw-chantal-wa main:has([contenteditable="true"]) [class*="justify-start"] [class*="rounded"],
body.cw-chantal-wa section:has(textarea) [class*="justify-start"] [class*="rounded"],
body.cw-chantal-wa section:has([contenteditable="true"]) [class*="justify-start"] [class*="rounded"],
body.cw-chantal-wa main:has(textarea) [class*="items-start"] [class*="rounded"],
body.cw-chantal-wa main:has([contenteditable="true"]) [class*="items-start"] [class*="rounded"],
body.cw-chantal-wa section:has(textarea) [class*="items-start"] [class*="rounded"],
body.cw-chantal-wa section:has([contenteditable="true"]) [class*="items-start"] [class*="rounded"] {
  background: #ffffff !important;
  background-image: none !important;
}

/* Enviadas: verde */
body.cw-chantal-wa .cc-bubble-out,
body.cw-chantal-wa main:has(textarea) [class*="justify-end"] [class*="rounded"],
body.cw-chantal-wa main:has([contenteditable="true"]) [class*="justify-end"] [class*="rounded"],
body.cw-chantal-wa section:has(textarea) [class*="justify-end"] [class*="rounded"],
body.cw-chantal-wa section:has([contenteditable="true"]) [class*="justify-end"] [class*="rounded"],
body.cw-chantal-wa main:has(textarea) [class*="items-end"] [class*="rounded"],
body.cw-chantal-wa main:has([contenteditable="true"]) [class*="items-end"] [class*="rounded"],
body.cw-chantal-wa section:has(textarea) [class*="items-end"] [class*="rounded"],
body.cw-chantal-wa section:has([contenteditable="true"]) [class*="items-end"] [class*="rounded"] {
  background: #d9fdd3 !important;
  background-image: none !important;
}

/* Compositor sempre branco */
body.cw-chantal-wa .cc-composer,
body.cw-chantal-wa footer:has(textarea),
body.cw-chantal-wa footer:has([contenteditable="true"]),
body.cw-chantal-wa div:has(> textarea),
body.cw-chantal-wa div:has(> [contenteditable="true"]) {
  background: #ffffff !important;
  background-image: none !important;
}

/* Fundo definitivo da conversa estilo WhatsApp Web - somente CSS */
body.cw-chantal-wa .cc-chat-bg,
body.cw-chantal-wa main:has(textarea),
body.cw-chantal-wa main:has([contenteditable="true"]),
body.cw-chantal-wa section:has(textarea),
body.cw-chantal-wa section:has([contenteditable="true"]),
body.cw-chantal-wa div:has(> footer),
body.cw-chantal-wa div:has(textarea):not(.cc-composer),
body.cw-chantal-wa div:has([contenteditable="true"]):not(.cc-composer) {
  background-color: #efeae2 !important;
  background-image:
    radial-gradient(circle at 18px 18px, rgba(0,0,0,.032) 1px, transparent 1.5px),
    radial-gradient(circle at 58px 52px, rgba(0,0,0,.022) 1px, transparent 1.5px),
    linear-gradient(0deg, rgba(239,234,226,.965), rgba(239,234,226,.965)) !important;
  background-size: 84px 84px, 96px 96px, auto !important;
}

/* Mantem a area de escrever branca por cima do fundo */
body.cw-chantal-wa .cc-composer,
body.cw-chantal-wa footer:has(textarea),
body.cw-chantal-wa footer:has([contenteditable="true"]),
body.cw-chantal-wa div:has(> textarea),
body.cw-chantal-wa div:has(> [contenteditable="true"]) {
  background: #ffffff !important;
  background-image: none !important;
}

/* Botao Enviar no mesmo verde da mensagem enviada */
body.cw-chantal-wa button[type="submit"],
body.cw-chantal-wa button:has(svg):has(span),
body.cw-chantal-wa button {
  --cc-send-green: #d9fdd3;
}

body.cw-chantal-wa button[type="submit"]:not([disabled]),
body.cw-chantal-wa button:has(svg):has(span):not([disabled]) {
  background: #d9fdd3 !important;
  border-color: #d9fdd3 !important;
  color: #111827 !important;
}

body.cw-chantal-wa button[type="submit"]:not([disabled]) *,
body.cw-chantal-wa button:has(svg):has(span):not([disabled]) * {
  color: #111827 !important;
  stroke: #111827 !important;
}

/* Fundo real do corpo da conversa Chantal */
body.cw-chantal-wa .cc-chat-bg,
body.cw-chantal-wa .cc-chat-bg > div,
body.cw-chantal-wa main > div:nth-child(n+2),
body.cw-chantal-wa section > div:nth-child(n+2) {
  background-color: #EEE9E2 !important;
}

/* Garante que wrappers internos da lista de mensagens nao voltem para branco */
body.cw-chantal-wa .cc-chat-bg div:not(.cc-bubble-in):not(.cc-bubble-out):not(.cc-composer):not(:has(> textarea)):not(:has(> [contenteditable="true"])) {
  background-color: transparent !important;
}

/* Balões preservados */
body.cw-chantal-wa .cc-bubble-in {
  background: #ffffff !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-bubble-out {
  background: #d9fdd3 !important;
  background-image: none !important;
}

/* Area de digitação preservada em branco */
body.cw-chantal-wa .cc-composer,
body.cw-chantal-wa footer:has(textarea),
body.cw-chantal-wa footer:has([contenteditable="true"]),
body.cw-chantal-wa div:has(> textarea),
body.cw-chantal-wa div:has(> [contenteditable="true"]) {
  background: #ffffff !important;
  background-image: none !important;
}

/* Fundo do painel rolavel onde ficam os baloes */
body.cw-chantal-wa main:has(.cc-bubble-in) ,
body.cw-chantal-wa main:has(.cc-bubble-out),
body.cw-chantal-wa section:has(.cc-bubble-in),
body.cw-chantal-wa section:has(.cc-bubble-out),
body.cw-chantal-wa div:has(.cc-bubble-in):not(.cc-bubble-in):not(.cc-bubble-out):not(.cc-composer),
body.cw-chantal-wa div:has(.cc-bubble-out):not(.cc-bubble-in):not(.cc-bubble-out):not(.cc-composer) {
  background-color: #EEE9E2 !important;
}

/* Evita que containers brancos internos cubram o fundo da conversa */
body.cw-chantal-wa div:has(.cc-bubble-in) > div:not(.cc-bubble-in):not(.cc-bubble-out):not(.cc-composer):not(:has(> textarea)):not(:has(> [contenteditable="true"])),
body.cw-chantal-wa div:has(.cc-bubble-out) > div:not(.cc-bubble-in):not(.cc-bubble-out):not(.cc-composer):not(:has(> textarea)):not(:has(> [contenteditable="true"])) {
  background-color: transparent !important;
}

/* Preserva os baloes */
body.cw-chantal-wa .cc-bubble-in {
  background-color: #ffffff !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-bubble-out {
  background-color: #d9fdd3 !important;
  background-image: none !important;
}

/* Preserva compositor branco */
body.cw-chantal-wa .cc-composer,
body.cw-chantal-wa footer:has(textarea),
body.cw-chantal-wa footer:has([contenteditable="true"]),
body.cw-chantal-wa div:has(> textarea),
body.cw-chantal-wa div:has(> [contenteditable="true"]) {
  background: #ffffff !important;
  background-image: none !important;
}

/* Fundo definitivo do container real das mensagens */
body.cw-chantal-wa .cc-real-chat-bg,
body.cw-chantal-wa .cc-real-chat-bg > div,
body.cw-chantal-wa .cc-real-chat-scroll,
body.cw-chantal-wa .cc-real-chat-scroll > div {
  background-color: #EEE9E2 !important;
  background-image:
    radial-gradient(circle at 18px 18px, rgba(0,0,0,.028) 1px, transparent 1.5px),
    radial-gradient(circle at 58px 52px, rgba(0,0,0,.020) 1px, transparent 1.5px),
    linear-gradient(0deg, rgba(238,233,226,.965), rgba(238,233,226,.965)) !important;
  background-size: 84px 84px, 96px 96px, auto !important;
}

/* Preserva balões e compositor */
body.cw-chantal-wa .cc-bubble-in {
  background: #ffffff !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-bubble-out {
  background: #d9fdd3 !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-composer,
body.cw-chantal-wa .cc-composer *,
body.cw-chantal-wa footer:has(textarea),
body.cw-chantal-wa footer:has([contenteditable="true"]) {
  background: #ffffff !important;
  background-image: none !important;
}

/* Corrige faixas/marcacoes brancas internas: fundo so no balao, filhos transparentes */
body.cw-chantal-wa .cc-bubble-in *,
body.cw-chantal-wa .cc-bubble-out * {
  background-color: transparent !important;
  background-image: none !important;
}

/* Reaplica a cor apenas no container do balao */
body.cw-chantal-wa .cc-bubble-in {
  background-color: #ffffff !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-bubble-out {
  background-color: #d9fdd3 !important;
  background-image: none !important;
}

/* Nomes, horarios, status e textos nao devem criar retangulos */
body.cw-chantal-wa .cc-real-chat-bg span,
body.cw-chantal-wa .cc-real-chat-bg p,
body.cw-chantal-wa .cc-real-chat-bg small,
body.cw-chantal-wa .cc-real-chat-bg time,
body.cw-chantal-wa .cc-real-chat-bg strong,
body.cw-chantal-wa .cc-real-chat-bg a {
  background-color: transparent !important;
  background-image: none !important;
}

/* Preserva compositor branco sem pintar cada texto interno */
body.cw-chantal-wa .cc-composer {
  background: #ffffff !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-composer * {
  background-color: transparent !important;
  background-image: none !important;
}

/* Botao enviar continua verde */
body.cw-chantal-wa .cc-composer button[type="submit"],
body.cw-chantal-wa .cc-composer button:has(svg):has(span) {
  background-color: #d9fdd3 !important;
  color: #111827 !important;
}

/* Listagem de conversas sempre branca */
body.cw-chantal-wa main > div:first-child,
body.cw-chantal-wa section > div:first-child,
body.cw-chantal-wa div:has(> .cc-search-slot),
body.cw-chantal-wa div:has(> .cc-search-slot) *,
body.cw-chantal-wa div:has(.cc-search-slot) {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* A barra/lista de Minhas / Nao atribuidas / Todos fica branca */
body.cw-chantal-wa div:has(> button):has(+ div) {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Area de digitacao sempre branca */
body.cw-chantal-wa .cc-composer,
body.cw-chantal-wa .cc-composer *,
body.cw-chantal-wa footer,
body.cw-chantal-wa footer *,
body.cw-chantal-wa div:has(> textarea),
body.cw-chantal-wa div:has(> [contenteditable="true"]),
body.cw-chantal-wa div:has(> textarea) *,
body.cw-chantal-wa div:has(> [contenteditable="true"]) * {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Reforca o fundo apenas no corpo real da conversa */
body.cw-chantal-wa .cc-real-chat-scroll,
body.cw-chantal-wa .cc-real-chat-scroll > div {
  background-color: #EEE9E2 !important;
}

/* Preserva baloes */
body.cw-chantal-wa .cc-bubble-in {
  background-color: #ffffff !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-bubble-out {
  background-color: #d9fdd3 !important;
  background-image: none !important;
}

/* Botao enviar continua verde */
body.cw-chantal-wa .cc-composer button[type="submit"],
body.cw-chantal-wa .cc-composer button:has(svg):has(span),
body.cw-chantal-wa footer button[type="submit"],
body.cw-chantal-wa footer button:has(svg):has(span) {
  background-color: #d9fdd3 !important;
  border-color: #d9fdd3 !important;
  color: #111827 !important;
}

/* Ajuste pontual: remove marcacoes brancas indevidas */

/* Fundo dos menus laterais/rail volta ao tom correto */
body.cw-chantal-wa .cc-rail,
body.cw-chantal-wa .cc-rail *,
body.cw-chantal-wa aside,
body.cw-chantal-wa aside * {
  background-color: transparent !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-rail,
body.cw-chantal-wa aside {
  background-color: #f7f5f2 !important;
}

/* Botões do rail continuam com hover correto */
body.cw-chantal-wa .cc-rail-btn:hover,
body.cw-chantal-wa .cc-rail-btn.is-active {
  background-color: #e9e5df !important;
}

/* Nome do contato sem marca branca */
body.cw-chantal-wa header span,
body.cw-chantal-wa header strong,
body.cw-chantal-wa header p,
body.cw-chantal-wa header a,
body.cw-chantal-wa header div:not(:has(button)):not(:has(svg)) {
  background-color: transparent !important;
  background-image: none !important;
}

/* Texto do botão Resolver sem marca branca */
body.cw-chantal-wa button,
body.cw-chantal-wa button span,
body.cw-chantal-wa button strong,
body.cw-chantal-wa button p {
  background-image: none !important;
}

body.cw-chantal-wa button span,
body.cw-chantal-wa button strong,
body.cw-chantal-wa button p {
  background-color: transparent !important;
}

/* Preserva o fundo verde do botão Resolver */
body.cw-chantal-wa button:has(span):not(.cc-rail-btn):not(.cc-menu-item) {
  color: #111827 !important;
}

/* Ícones do compositor visíveis */
body.cw-chantal-wa .cc-composer button,
body.cw-chantal-wa footer button,
body.cw-chantal-wa div:has(> textarea) button,
body.cw-chantal-wa div:has(> [contenteditable="true"]) button {
  background-color: #f0f2f5 !important;
  background-image: none !important;
  color: #111827 !important;
  border-color: transparent !important;
}

body.cw-chantal-wa .cc-composer button svg,
body.cw-chantal-wa footer button svg,
body.cw-chantal-wa div:has(> textarea) button svg,
body.cw-chantal-wa div:has(> [contenteditable="true"]) button svg,
body.cw-chantal-wa .cc-composer button i,
body.cw-chantal-wa footer button i {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111827 !important;
  stroke: #111827 !important;
  fill: none !important;
}

/* Botão enviar continua verde */
body.cw-chantal-wa .cc-composer button[type="submit"],
body.cw-chantal-wa footer button[type="submit"] {
  background-color: #d9fdd3 !important;
  color: #111827 !important;
}

/* Ajuste pontual de leitura: controles e menus */

/* Remove marca branca atras de textos em botoes/dropdowns */
body.cw-chantal-wa button span,
body.cw-chantal-wa button p,
body.cw-chantal-wa button strong,
body.cw-chantal-wa [role="menu"] span,
body.cw-chantal-wa [role="menu"] p,
body.cw-chantal-wa [role="menu"] strong,
body.cw-chantal-wa [data-radix-popper-content-wrapper] span,
body.cw-chantal-wa [data-radix-popper-content-wrapper] p,
body.cw-chantal-wa [data-radix-popper-content-wrapper] strong {
  background-color: transparent !important;
  background-image: none !important;
  color: #111827 !important;
}

/* Menu Resolver / Adiar / Deixar pendente: texto e icones escuros */
body.cw-chantal-wa [role="menu"],
body.cw-chantal-wa [data-radix-popper-content-wrapper],
body.cw-chantal-wa [role="menu"] *,
body.cw-chantal-wa [data-radix-popper-content-wrapper] * {
  color: #111827 !important;
}

body.cw-chantal-wa [role="menu"] svg,
body.cw-chantal-wa [data-radix-popper-content-wrapper] svg {
  color: #111827 !important;
  stroke: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Icones do compositor: emoji, anexo, audio etc */
body.cw-chantal-wa .cc-composer button,
body.cw-chantal-wa footer button,
body.cw-chantal-wa div:has(> textarea) button,
body.cw-chantal-wa div:has(> [contenteditable="true"]) button {
  background-color: #f0f2f5 !important;
  color: #111827 !important;
}

body.cw-chantal-wa .cc-composer button *,
body.cw-chantal-wa footer button *,
body.cw-chantal-wa div:has(> textarea) button *,
body.cw-chantal-wa div:has(> [contenteditable="true"]) button * {
  color: #111827 !important;
  stroke: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Botoes pequenos do topo da lista, como filtro/ordenacao */
body.cw-chantal-wa main button,
body.cw-chantal-wa section button {
  color: #111827 !important;
}

body.cw-chantal-wa main button svg,
body.cw-chantal-wa section button svg {
  color: #111827 !important;
  stroke: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Mantem botao Enviar e Resolver verdes com texto escuro */
body.cw-chantal-wa button[type="submit"],
body.cw-chantal-wa button:has(span):not(.cc-rail-btn):not(.cc-menu-item) {
  color: #111827 !important;
}

body.cw-chantal-wa button[type="submit"] *,
body.cw-chantal-wa button:has(span):not(.cc-rail-btn):not(.cc-menu-item) * {
  color: #111827 !important;
  stroke: #111827 !important;
}

/* Remove definitivamente fundo branco atras de textos em botoes, menus e baloes */
body.cw-chantal-wa button span,
body.cw-chantal-wa button p,
body.cw-chantal-wa button strong,
body.cw-chantal-wa button time,
body.cw-chantal-wa button div,
body.cw-chantal-wa [role="menu"] span,
body.cw-chantal-wa [role="menu"] p,
body.cw-chantal-wa [role="menu"] strong,
body.cw-chantal-wa [role="menu"] div,
body.cw-chantal-wa [data-radix-popper-content-wrapper] span,
body.cw-chantal-wa [data-radix-popper-content-wrapper] p,
body.cw-chantal-wa [data-radix-popper-content-wrapper] strong,
body.cw-chantal-wa [data-radix-popper-content-wrapper] div,
body.cw-chantal-wa .cc-bubble-in span,
body.cw-chantal-wa .cc-bubble-in p,
body.cw-chantal-wa .cc-bubble-in strong,
body.cw-chantal-wa .cc-bubble-in time,
body.cw-chantal-wa .cc-bubble-in div,
body.cw-chantal-wa .cc-bubble-out span,
body.cw-chantal-wa .cc-bubble-out p,
body.cw-chantal-wa .cc-bubble-out strong,
body.cw-chantal-wa .cc-bubble-out time,
body.cw-chantal-wa .cc-bubble-out div {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #111827 !important;
}

/* Mantem a cor apenas no container real dos baloes */
body.cw-chantal-wa .cc-bubble-in {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-bubble-out {
  background: #d9fdd3 !important;
  background-color: #d9fdd3 !important;
  background-image: none !important;
}

/* Dropdown Resolver/Adiar/Deixar pendente: texto e icones pretos */
body.cw-chantal-wa [role="menu"],
body.cw-chantal-wa [data-radix-popper-content-wrapper] {
  color: #111827 !important;
}

body.cw-chantal-wa [role="menu"] *,
body.cw-chantal-wa [data-radix-popper-content-wrapper] * {
  color: #111827 !important;
  stroke: #111827 !important;
  fill: none !important;
}

/* Botoes verdes continuam verdes, mas sem tarja branca no texto */
body.cw-chantal-wa button:has(span):not(.cc-rail-btn):not(.cc-menu-item),
body.cw-chantal-wa button[type="submit"] {
  color: #111827 !important;
}

body.cw-chantal-wa button:has(span):not(.cc-rail-btn):not(.cc-menu-item) *,
body.cw-chantal-wa button[type="submit"] * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #111827 !important;
  stroke: #111827 !important;
}

/* Remove definitivamente fundo branco atras de textos em botoes, menus e baloes */
body.cw-chantal-wa button span,
body.cw-chantal-wa button p,
body.cw-chantal-wa button strong,
body.cw-chantal-wa button time,
body.cw-chantal-wa button div,
body.cw-chantal-wa [role="menu"] span,
body.cw-chantal-wa [role="menu"] p,
body.cw-chantal-wa [role="menu"] strong,
body.cw-chantal-wa [role="menu"] div,
body.cw-chantal-wa [data-radix-popper-content-wrapper] span,
body.cw-chantal-wa [data-radix-popper-content-wrapper] p,
body.cw-chantal-wa [data-radix-popper-content-wrapper] strong,
body.cw-chantal-wa [data-radix-popper-content-wrapper] div,
body.cw-chantal-wa .cc-bubble-in span,
body.cw-chantal-wa .cc-bubble-in p,
body.cw-chantal-wa .cc-bubble-in strong,
body.cw-chantal-wa .cc-bubble-in time,
body.cw-chantal-wa .cc-bubble-in div,
body.cw-chantal-wa .cc-bubble-out span,
body.cw-chantal-wa .cc-bubble-out p,
body.cw-chantal-wa .cc-bubble-out strong,
body.cw-chantal-wa .cc-bubble-out time,
body.cw-chantal-wa .cc-bubble-out div {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #111827 !important;
}

/* Mantem a cor apenas no container real dos baloes */
body.cw-chantal-wa .cc-bubble-in {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

body.cw-chantal-wa .cc-bubble-out {
  background: #d9fdd3 !important;
  background-color: #d9fdd3 !important;
  background-image: none !important;
}

/* Dropdown Resolver/Adiar/Deixar pendente: texto e icones pretos */
body.cw-chantal-wa [role="menu"],
body.cw-chantal-wa [data-radix-popper-content-wrapper] {
  color: #111827 !important;
}

body.cw-chantal-wa [role="menu"] *,
body.cw-chantal-wa [data-radix-popper-content-wrapper] * {
  color: #111827 !important;
  stroke: #111827 !important;
  fill: none !important;
}

/* Botoes verdes continuam verdes, mas sem tarja branca no texto */
body.cw-chantal-wa button:has(span):not(.cc-rail-btn):not(.cc-menu-item),
body.cw-chantal-wa button[type="submit"] {
  color: #111827 !important;
}

body.cw-chantal-wa button:has(span):not(.cc-rail-btn):not(.cc-menu-item) *,
body.cw-chantal-wa button[type="submit"] * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #111827 !important;
  stroke: #111827 !important;
}

/* Ícones de botões pequenos: compositor, ordenar, filtros etc em preto */
body.cw-chantal-wa button svg,
body.cw-chantal-wa button i,
body.cw-chantal-wa button [class*="icon"],
body.cw-chantal-wa button [class*="Icon"] {
  color: #111827 !important;
  stroke: #111827 !important;
  fill: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Alguns icones usam paths internos */
body.cw-chantal-wa button svg *,
body.cw-chantal-wa button [class*="icon"] *,
body.cw-chantal-wa button [class*="Icon"] * {
  color: #111827 !important;
  stroke: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Botões pequenos claros mantêm fundo claro e ícone preto */
body.cw-chantal-wa button:not(.cc-rail-btn):not(.cc-menu-item) {
  color: #111827 !important;
}

body.cw-chantal-wa button:not(.cc-rail-btn):not(.cc-menu-item)[title],
body.cw-chantal-wa button:not(.cc-rail-btn):not(.cc-menu-item)[aria-label] {
  color: #111827 !important;
}

/* Botões do compositor especificamente */
body.cw-chantal-wa .cc-composer button,
body.cw-chantal-wa footer button,
body.cw-chantal-wa div:has(> textarea) button,
body.cw-chantal-wa div:has(> [contenteditable="true"]) button {
  color: #111827 !important;
}

body.cw-chantal-wa .cc-composer button svg,
body.cw-chantal-wa footer button svg,
body.cw-chantal-wa div:has(> textarea) button svg,
body.cw-chantal-wa div:has(> [contenteditable="true"]) button svg {
  color: #111827 !important;
  stroke: #111827 !important;
  opacity: 1 !important;
}

/* Ícones específicos que vêm brancos no Chatwoot */
body.cw-chantal-wa [class*="i-ph-"],
body.cw-chantal-wa [class*="i-lucide-"],
body.cw-chantal-wa span[class*="i-ph-"],
body.cw-chantal-wa span[class*="i-lucide-"],
body.cw-chantal-wa i[class*="i-ph-"],
body.cw-chantal-wa i[class*="i-lucide-"] {
  color: #111827 !important;
  background-color: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Mantem o fundo do botão claro, não do ícone */
body.cw-chantal-wa button [class*="i-ph-"],
body.cw-chantal-wa button [class*="i-lucide-"] {
  color: #111827 !important;
  background-color: #111827 !important;
}

/* Se o ícone usa máscara CSS, precisa de background-color */
body.cw-chantal-wa [class*="i-ph-"]::before,
body.cw-chantal-wa [class*="i-ph-"]::after,
body.cw-chantal-wa [class*="i-lucide-"]::before,
body.cw-chantal-wa [class*="i-lucide-"]::after {
  background-color: #111827 !important;
  color: #111827 !important;
  opacity: 1 !important;
}

/* Força botões pequenos com ícones para preto */
body.cw-chantal-wa button[class*="text-n-slate"],
body.cw-chantal-wa button[class*="text-slate"],
body.cw-chantal-wa button[class*="text-gray"],
body.cw-chantal-wa button[class*="hover:text"] {
  color: #111827 !important;
}

/* Ícones internos desses botões */
body.cw-chantal-wa button[class*="text-n-slate"] span,
body.cw-chantal-wa button[class*="text-slate"] span,
body.cw-chantal-wa button[class*="text-gray"] span,
body.cw-chantal-wa button[class*="hover:text"] span,
body.cw-chantal-wa button[class*="text-n-slate"] i,
body.cw-chantal-wa button[class*="text-slate"] i,
body.cw-chantal-wa button[class*="text-gray"] i,
body.cw-chantal-wa button[class*="hover:text"] i {
  color: #111827 !important;
  background-color: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Classes exatas vistas no inspect */
body.cw-chantal-wa .i-ph-quotes,
body.cw-chantal-wa .i-ph-list,
body.cw-chantal-wa .i-ph-list-bullets,
body.cw-chantal-wa .i-ph-list-numbers,
body.cw-chantal-wa .i-lucide-arrow-up-down,
body.cw-chantal-wa .i-lucide-arrow-down-up {
  color: #111827 !important;
  background-color: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Para ícones por mask/pseudo */
body.cw-chantal-wa .i-ph-quotes::before,
body.cw-chantal-wa .i-ph-quotes::after,
body.cw-chantal-wa .i-ph-list::before,
body.cw-chantal-wa .i-ph-list::after,
body.cw-chantal-wa .i-ph-list-bullets::before,
body.cw-chantal-wa .i-ph-list-bullets::after,
body.cw-chantal-wa .i-ph-list-numbers::before,
body.cw-chantal-wa .i-ph-list-numbers::after,
body.cw-chantal-wa .i-lucide-arrow-up-down::before,
body.cw-chantal-wa .i-lucide-arrow-up-down::after,
body.cw-chantal-wa .i-lucide-arrow-down-up::before,
body.cw-chantal-wa .i-lucide-arrow-down-up::after {
  color: #111827 !important;
  background-color: #111827 !important;
  opacity: 1 !important;
}

/* UX premium para botões do compositor e controles da lista - somente visual */

/* Botões do compositor: emoji, anexo, microfone, resposta pronta, assinatura */
body.cw-chantal-wa .left-wrap button,
body.cw-chantal-wa .left-wrap .file-uploads button,
body.cw-chantal-wa .cc-composer .left-wrap button,
body.cw-chantal-wa footer .left-wrap button {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 10px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  color: #111827 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05) !important;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .12s ease !important;
}

body.cw-chantal-wa .left-wrap button:hover,
body.cw-chantal-wa .left-wrap .file-uploads button:hover,
body.cw-chantal-wa .cc-composer .left-wrap button:hover,
body.cw-chantal-wa footer .left-wrap button:hover {
  background: #e7f8e3 !important;
  border-color: rgba(0, 168, 132, .32) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .10) !important;
  transform: translateY(-1px) !important;
}

body.cw-chantal-wa .left-wrap button:active,
body.cw-chantal-wa .left-wrap .file-uploads button:active {
  transform: translateY(0) scale(.98) !important;
}

/* Ícones Phosphor do compositor */
body.cw-chantal-wa .left-wrap [class*="i-ph-"],
body.cw-chantal-wa .cc-composer [class*="i-ph-"],
body.cw-chantal-wa footer [class*="i-ph-"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  color: #111827 !important;
  background-color: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Corrige máscara CSS dos ícones Phosphor */
body.cw-chantal-wa .left-wrap [class*="i-ph-"]::before,
body.cw-chantal-wa .left-wrap [class*="i-ph-"]::after,
body.cw-chantal-wa .cc-composer [class*="i-ph-"]::before,
body.cw-chantal-wa .cc-composer [class*="i-ph-"]::after,
body.cw-chantal-wa footer [class*="i-ph-"]::before,
body.cw-chantal-wa footer [class*="i-ph-"]::after {
  background-color: #111827 !important;
  color: #111827 !important;
  opacity: 1 !important;
}

/* Botões pequenos do topo: filtrar, ordenar e recolher */
body.cw-chantal-wa #toggleConversationFilterButton,
body.cw-chantal-wa #toggleConversationFilterButton ~ *,
body.cw-chantal-wa button:has(.i-lucide-list-filter),
body.cw-chantal-wa button:has(.i-lucide-arrow-up-down),
body.cw-chantal-wa button:has(.i-lucide-arrow-left-to-line) {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 9px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  color: #111827 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05) !important;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .12s ease !important;
}

body.cw-chantal-wa #toggleConversationFilterButton:hover,
body.cw-chantal-wa button:has(.i-lucide-list-filter):hover,
body.cw-chantal-wa button:has(.i-lucide-arrow-up-down):hover,
body.cw-chantal-wa button:has(.i-lucide-arrow-left-to-line):hover {
  background: #e7f8e3 !important;
  border-color: rgba(0, 168, 132, .32) !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .10) !important;
  transform: translateY(-1px) !important;
}

/* Ícones Lucide desses botões */
body.cw-chantal-wa .i-lucide-list-filter,
body.cw-chantal-wa .i-lucide-arrow-up-down,
body.cw-chantal-wa .i-lucide-arrow-left-to-line,
body.cw-chantal-wa button:has(.i-lucide-list-filter) span,
body.cw-chantal-wa button:has(.i-lucide-arrow-up-down) span,
body.cw-chantal-wa button:has(.i-lucide-arrow-left-to-line) span {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  color: #111827 !important;
  background-color: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Corrige máscara CSS dos ícones Lucide */
body.cw-chantal-wa .i-lucide-list-filter::before,
body.cw-chantal-wa .i-lucide-list-filter::after,
body.cw-chantal-wa .i-lucide-arrow-up-down::before,
body.cw-chantal-wa .i-lucide-arrow-up-down::after,
body.cw-chantal-wa .i-lucide-arrow-left-to-line::before,
body.cw-chantal-wa .i-lucide-arrow-left-to-line::after {
  background-color: #111827 !important;
  color: #111827 !important;
  opacity: 1 !important;
}

/* Evita tarjas/fundos em textos internos dos botões */
body.cw-chantal-wa .left-wrap button *,
body.cw-chantal-wa #toggleConversationFilterButton *,
body.cw-chantal-wa button:has(.i-lucide-list-filter) *,
body.cw-chantal-wa button:has(.i-lucide-arrow-up-down) *,
body.cw-chantal-wa button:has(.i-lucide-arrow-left-to-line) * {
  box-shadow: none !important;
}

/* Overlay de arrastar anexo: leitura melhor */
body.cw-chantal-wa .bg-modal-backdrop-light,
body.cw-chantal-wa .bg-modal-backdrop-dark {
  color: #111827 !important;
}

body.cw-chantal-wa .bg-modal-backdrop-light svg,
body.cw-chantal-wa .bg-modal-backdrop-dark svg {
  color: #111827 !important;
  opacity: .9 !important;
}

/* Correção: botões do compositor sem quebrar layout */
body.cw-chantal-wa .left-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

body.cw-chantal-wa .left-wrap button,
body.cw-chantal-wa .left-wrap .file-uploads button,
body.cw-chantal-wa .cc-composer .left-wrap button,
body.cw-chantal-wa footer .left-wrap button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17,24,39,.08) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Correção: botões do topo sem quebrar linha */
body.cw-chantal-wa button:has(.i-lucide-list-filter),
body.cw-chantal-wa button:has(.i-lucide-arrow-up-down),
body.cw-chantal-wa button:has(.i-lucide-arrow-left-to-line) {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  padding: 0 !important;
  border-radius: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 24px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17,24,39,.06) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Ícones Phosphor/Lucide renderizados por mask: força aparecer preto */
body.cw-chantal-wa .left-wrap button > span[class*="i-ph-"],
body.cw-chantal-wa .left-wrap button > span[class*="i-lucide-"],
body.cw-chantal-wa .cc-composer button > span[class*="i-ph-"],
body.cw-chantal-wa footer button > span[class*="i-ph-"],
body.cw-chantal-wa button > span.i-lucide-list-filter,
body.cw-chantal-wa button > span.i-lucide-arrow-up-down,
body.cw-chantal-wa button > span.i-lucide-arrow-left-to-line {
  display: inline-block !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  max-width: 17px !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111827 !important;
  background: #111827 !important;
  background-color: #111827 !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

/* Remove qualquer regra anterior que tenha escondido filhos do botão */
body.cw-chantal-wa .left-wrap button > span[class*="i-"],
body.cw-chantal-wa button:has(.i-lucide-list-filter) > span,
body.cw-chantal-wa button:has(.i-lucide-arrow-up-down) > span,
body.cw-chantal-wa button:has(.i-lucide-arrow-left-to-line) > span {
  font-size: 17px !important;
  line-height: 17px !important;
  flex-shrink: 0 !important;
}

/* Hover sem alterar tamanho/posição */
body.cw-chantal-wa .left-wrap button:hover,
body.cw-chantal-wa button:has(.i-lucide-list-filter):hover,
body.cw-chantal-wa button:has(.i-lucide-arrow-up-down):hover,
body.cw-chantal-wa button:has(.i-lucide-arrow-left-to-line):hover {
  background: #e7f8e3 !important;
  border-color: rgba(0,168,132,.28) !important;
  transform: none !important;
}

/* Topo da lista: filtro, ordenar e recolher - mesmo padrão corrigido */
body.cw-chantal-wa #toggleConversationFilterButton,
body.cw-chantal-wa button:has(> span.i-lucide-list-filter),
body.cw-chantal-wa button:has(> span.i-lucide-arrow-up-down),
body.cw-chantal-wa button:has(> span.i-lucide-arrow-left-to-line) {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  padding: 0 !important;
  border-radius: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 24px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17,24,39,.06) !important;
  box-shadow: none !important;
  transform: none !important;
  color: #111827 !important;
}

/* Ícones Lucide do topo renderizados por mask */
body.cw-chantal-wa #toggleConversationFilterButton > span.i-lucide-list-filter,
body.cw-chantal-wa button > span.i-lucide-list-filter,
body.cw-chantal-wa button > span.i-lucide-arrow-up-down,
body.cw-chantal-wa button > span.i-lucide-arrow-left-to-line {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111827 !important;
  background: #111827 !important;
  background-color: #111827 !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  font-size: 16px !important;
  line-height: 16px !important;
  flex-shrink: 0 !important;
}

/* Hover sem deslocar/quebrar layout */
body.cw-chantal-wa #toggleConversationFilterButton:hover,
body.cw-chantal-wa button:has(> span.i-lucide-list-filter):hover,
body.cw-chantal-wa button:has(> span.i-lucide-arrow-up-down):hover,
body.cw-chantal-wa button:has(> span.i-lucide-arrow-left-to-line):hover {
  background: #e7f8e3 !important;
  border-color: rgba(0,168,132,.28) !important;
  transform: none !important;
}

/* Alvo do filtro: garante que dropdown continue acima e legível */
body.cw-chantal-wa #conversationFilterTeleportTarget {
  z-index: 999999 !important;
}

/* Avatar/círculo de perfil nas conversas */
body.cw-chantal-wa .avatar-container.user-thumbnail,
body.cw-chantal-wa .user-thumbnail.thumbnail-rounded,
body.cw-chantal-wa .avatar-container.thumbnail-rounded {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
  color: #2563eb !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(37,99,235,.12) !important;
}

/* Se tiver imagem real dentro, ela preenche o círculo */
body.cw-chantal-wa .avatar-container.user-thumbnail img,
body.cw-chantal-wa .user-thumbnail.thumbnail-rounded img,
body.cw-chantal-wa .avatar-container.thumbnail-rounded img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 999px !important;
}

/* Ajuste cirurgico: remove alvo vazio do filtro */
body.cw-chantal-wa #conversationFilterTeleportTarget {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Nao exibir foto quebrada/vazia do cliente: usar circulo com inicial */
body.cw-chantal-wa img.user-thumbnail.thumbnail-rounded {
  display: none !important;
  visibility: hidden !important;
}

body.cw-chantal-wa .cc-initial-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
  color: #2563eb !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  overflow: hidden !important;
}

/* Ajuste fino: manter apenas um circulo de inicial por cliente */
body.cw-chantal-wa .cc-initial-avatar + .avatar-container.user-thumbnail,
body.cw-chantal-wa .cc-initial-avatar + .user-thumbnail.thumbnail-rounded,
body.cw-chantal-wa .cc-initial-avatar ~ .avatar-container.user-thumbnail,
body.cw-chantal-wa .cc-initial-avatar ~ .user-thumbnail.thumbnail-rounded {
  display: none !important;
  visibility: hidden !important;
}

/* Busca nativa reposicionada no topo da lista de conversas */
body.cw-chantal-wa .cc-search-slot {
  width: calc(100% - 20px) !important;
  margin: 8px 10px 6px 10px !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  z-index: 5 !important;
}

body.cw-chantal-wa .cc-native-search-wrap {
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17,24,39,.06) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.cw-chantal-wa .cc-native-search-wrap input {
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 36px !important;
  box-shadow: none !important;
}

body.cw-chantal-wa .cc-native-search-wrap input::placeholder {
  color: #667781 !important;
  opacity: 1 !important;
}

body.cw-chantal-wa .cc-native-search-wrap svg,
body.cw-chantal-wa .cc-native-search-wrap [class*="i-lucide-search"],
body.cw-chantal-wa .cc-native-search-wrap [class*="i-ph-magnifying-glass"] {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  color: #54656f !important;
  background-color: #54656f !important;
  opacity: 1 !important;
}

/* Oculta botoes extras que vinham grudados na busca original, mantendo o input nativo */
body.cw-chantal-wa .cc-native-search-wrap button:not(:has(input)) {
  display: none !important;
}

/* Campo de busca no slot correto */
body.cw-chantal-wa .cc-search-slot {
  width: calc(100% - 16px) !important;
  margin: 8px 8px 7px 8px !important;
  display: block !important;
  min-height: 38px !important;
}

body.cw-chantal-wa .cc-search-shell {
  width: 100% !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17,24,39,.06) !important;
  box-shadow: none !important;
}

body.cw-chantal-wa .cc-search-icon {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  color: #54656f !important;
}

body.cw-chantal-wa .cc-search-input {
  width: 100% !important;
  height: 36px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 36px !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.cw-chantal-wa .cc-search-input::placeholder {
  color: #667781 !important;
  opacity: 1 !important;
}

/* Busca visivel no slot oficial do tema Chantal */
body.cw-chantal-wa .cc-search-slot {
  display: block !important;
  width: calc(100% - 16px) !important;
  min-height: 38px !important;
  height: 38px !important;
  margin: 8px 8px 7px 8px !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 20 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.cw-chantal-wa .cc-search-slot .cc-force-search {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  height: 38px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17,24,39,.06) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.cw-chantal-wa .cc-search-slot .cc-force-search svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  color: #54656f !important;
}

body.cw-chantal-wa .cc-search-slot .cc-force-search input {
  display: block !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 36px !important;
  box-shadow: none !important;
}

body.cw-chantal-wa .cc-search-slot .cc-force-search input::placeholder {
  color: #667781 !important;
  opacity: 1 !important;
}

/* Busca Chantal: campo editavel, acima das camadas do Chatwoot */
body.cw-chantal-wa .cc-search-slot,
body.cw-chantal-wa .cc-force-search {
  pointer-events: auto !important;
  user-select: auto !important;
  -webkit-user-select: auto !important;
  touch-action: manipulation !important;
}

body.cw-chantal-wa .cc-search-slot {
  position: relative !important;
  z-index: 99999 !important;
}

body.cw-chantal-wa .cc-force-search-input {
  pointer-events: auto !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  cursor: text !important;
  position: relative !important;
  z-index: 100000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  caret-color: #111827 !important;
  color: #111827 !important;
  background: transparent !important;
}

/* Remove qualquer camada invisivel em cima da busca */
body.cw-chantal-wa .cc-search-slot::before,
body.cw-chantal-wa .cc-search-slot::after,
body.cw-chantal-wa .cc-force-search::before,
body.cw-chantal-wa .cc-force-search::after {
  display: none !important;
  content: none !important;
  pointer-events: none !important;
}

/* Busca Chantal editavel de verdade */
body.cw-chantal-wa .cc-force-search-input {
  display: none !important;
}

body.cw-chantal-wa .cc-force-search-editable {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: text !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  caret-color: #111827 !important;
  pointer-events: auto !important;
}

body.cw-chantal-wa .cc-force-search-editable:empty::before {
  content: attr(data-placeholder);
  color: #667781;
  opacity: 1;
  pointer-events: none;
}

body.cw-chantal-wa .cc-force-search,
body.cw-chantal-wa .cc-force-search * {
  pointer-events: auto !important;
}

/* Busca real montada fora das camadas internas do Chatwoot */
body.cw-chantal-wa .cc-force-search {
  visibility: hidden !important;
}

body.cw-chantal-wa .cc-body-search {
  position: fixed !important;
  z-index: 2147483647 !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17,24,39,.06) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.cw-chantal-wa .cc-body-search svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  color: #54656f !important;
}

body.cw-chantal-wa .cc-body-search-input {
  display: block !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 36px !important;
  box-shadow: none !important;
  pointer-events: auto !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  cursor: text !important;
  caret-color: #111827 !important;
}

body.cw-chantal-wa .cc-body-search-input::placeholder {
  color: #667781 !important;
  opacity: 1 !important;
}

/* Busca real montada fora das camadas internas do Chatwoot */
body.cw-chantal-wa .cc-force-search {
  visibility: hidden !important;
}

body.cw-chantal-wa .cc-body-search {
  position: fixed !important;
  z-index: 2147483647 !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17,24,39,.06) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.cw-chantal-wa .cc-body-search svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  color: #54656f !important;
}

body.cw-chantal-wa .cc-body-search-input {
  display: block !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 36px !important;
  box-shadow: none !important;
  pointer-events: auto !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  cursor: text !important;
  caret-color: #111827 !important;
}

body.cw-chantal-wa .cc-body-search-input::placeholder {
  color: #667781 !important;
  opacity: 1 !important;
}

/* Reforca fundo WhatsApp somente no corpo da conversa */
body.cw-chantal-wa .cc-real-chat-bg,
body.cw-chantal-wa .cc-real-chat-scroll,
body.cw-chantal-wa [class*="conversation"] .cc-real-chat-bg,
body.cw-chantal-wa [class*="conversation"] .cc-real-chat-scroll {
  background-color: #EEE9E2 !important;
  background-image:
    radial-gradient(circle at 18px 18px, rgba(0,0,0,.028) 1px, transparent 1.5px),
    radial-gradient(circle at 58px 52px, rgba(0,0,0,.02) 1px, transparent 1.5px),
    linear-gradient(0deg, rgba(238,233,226,.98), rgba(238,233,226,.98)) !important;
  background-size: 84px 84px, 96px 96px, auto !important;
}

/* Nao deixar a busca criar um vao grande antes da lista */
body.cw-chantal-wa .cc-search-slot {
  margin-bottom: 2px !important;
}

body.cw-chantal-wa .cc-body-search {
  height: 36px !important;
}

body.cw-chantal-wa .cc-body-search-input {
  height: 34px !important;
  min-height: 34px !important;
  line-height: 34px !important;
}

/* Fundo WhatsApp real apenas na area das mensagens */
body.cw-chantal-wa .cc-wa-message-surface {
  background-color: #EEE9E2 !important;
  background-image:
    radial-gradient(circle at 18px 18px, rgba(0,0,0,.028) 1px, transparent 1.5px),
    radial-gradient(circle at 58px 52px, rgba(0,0,0,.02) 1px, transparent 1.5px),
    linear-gradient(0deg, rgba(238,233,226,.98), rgba(238,233,226,.98)) !important;
  background-size: 84px 84px, 96px 96px, auto !important;
}

body.cw-chantal-wa .cc-wa-message-surface > div,
body.cw-chantal-wa .cc-wa-message-surface > section,
body.cw-chantal-wa .cc-wa-message-surface > main {
  background-color: transparent !important;
}

/* A area de digitacao continua branca */
body.cw-chantal-wa .cc-wa-composer,
body.cw-chantal-wa .cc-wa-composer *,
body.cw-chantal-wa .cc-composer,
body.cw-chantal-wa .cc-composer * {
  background-color: #fff !important;
}

/* Busca sem vao entre campo e resultados */
body.cw-chantal-wa .cc-search-slot {
  height: 36px !important;
  min-height: 36px !important;
  margin: 6px 8px 2px 8px !important;
}

body.cw-chantal-wa .cc-body-search {
  height: 36px !important;
}

body.cw-chantal-wa .cc-body-search-input {
  height: 34px !important;
  min-height: 34px !important;
  line-height: 34px !important;
}

/* Resultados compactos da busca Chantal */
body.cw-chantal-wa .cc-search-results {
  display: none;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 106px !important;
  z-index: 30 !important;
  background: #fff !important;
  border-top: 1px solid rgba(17,24,39,.06) !important;
  max-height: calc(100vh - 122px) !important;
  overflow-y: auto !important;
}

body.cw-chantal-wa .cc-search-results.is-active {
  display: block !important;
}

body.cw-chantal-wa .cc-search-result-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 64px !important;
  padding: 9px 12px !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(17,24,39,.07) !important;
  cursor: pointer !important;
}

body.cw-chantal-wa .cc-search-result-row:hover {
  background: #f0f2f5 !important;
}

body.cw-chantal-wa .cc-search-result-avatar {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
  color: #2563eb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-search-result-text {
  min-width: 0 !important;
  flex: 1 !important;
}

body.cw-chantal-wa .cc-search-result-name {
  color: #111827 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cw-chantal-wa .cc-search-result-preview {
  color: #667781 !important;
  font-size: 13px !important;
  line-height: 17px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Fundo WhatsApp: seletor exato do corpo das mensagens */
body.cw-chantal-wa ul.conversation-panel {
  background-color: #EEE9E2 !important;
  background-image:
    radial-gradient(circle at 18px 18px, rgba(0,0,0,.028) 1px, transparent 1.5px),
    radial-gradient(circle at 58px 52px, rgba(0,0,0,.02) 1px, transparent 1.5px),
    linear-gradient(0deg, rgba(238,233,226,.98), rgba(238,233,226,.98)) !important;
  background-size: 84px 84px, 96px 96px, auto !important;
}

/* Area de digitacao permanece branca */
body.cw-chantal-wa div:has(> .left-wrap),
body.cw-chantal-wa .cc-wa-composer,
body.cw-chantal-wa .cc-composer {
  background: #fff !important;
}

/* Pesquisa: resultados proprios, sem buraco do virtual scroller */
body.cw-chantal-wa .cc-search-results {
  display: none !important;
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-top: 1px solid rgba(17,24,39,.06) !important;
}

body.cw-chantal-wa .cc-search-results.is-active {
  display: block !important;
}

body.cw-chantal-wa .cc-searching .vue-recycle-scroller__item-wrapper {
  display: none !important;
}

body.cw-chantal-wa .cc-search-result-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 64px !important;
  padding: 9px 12px !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(17,24,39,.07) !important;
  cursor: pointer !important;
}

body.cw-chantal-wa .cc-search-result-row:hover {
  background: #f0f2f5 !important;
}

body.cw-chantal-wa .cc-search-result-avatar {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
  color: #2563eb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-search-result-text {
  min-width: 0 !important;
  flex: 1 !important;
}

body.cw-chantal-wa .cc-search-result-name {
  color: #111827 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cw-chantal-wa .cc-search-result-preview {
  color: #667781 !important;
  font-size: 13px !important;
  line-height: 17px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Busca: durante filtro, esconder o virtual scroller inteiro para nao deixar buracos */
body.cw-chantal-wa.cc-clean-search-active .vue-recycle-scroller.ready.direction-vertical {
  display: none !important;
}

/* Lista limpa de resultados da busca */
body.cw-chantal-wa .cc-clean-search-results {
  display: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-top: 1px solid rgba(17,24,39,.06) !important;
}

body.cw-chantal-wa.cc-clean-search-active .cc-clean-search-results {
  display: block !important;
}

body.cw-chantal-wa .cc-clean-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 64px !important;
  padding: 9px 12px !important;
  background: #fff !important;
  border-bottom: 1px solid rgba(17,24,39,.07) !important;
  cursor: pointer !important;
}

body.cw-chantal-wa .cc-clean-search-row:hover {
  background: #f0f2f5 !important;
}

body.cw-chantal-wa .cc-clean-search-avatar {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
  color: #2563eb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-clean-search-text {
  min-width: 0 !important;
  flex: 1 !important;
}

body.cw-chantal-wa .cc-clean-search-name {
  color: #111827 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.cw-chantal-wa .cc-clean-search-preview {
  color: #667781 !important;
  font-size: 13px !important;
  line-height: 17px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Chantal: somente troca do fundo da area da conversa para o wallpaper original WhatsApp */
body.cw-chantal-wa ul.conversation-panel {
  background-color: #EEE9E2 !important;
  background-image: url('https://app.performax.com.br/v1/painel/chantal/assets/bg.jpg') !important;
  background-repeat: repeat !important;
  background-position: center !important;
  background-attachment: fixed !important;
  background-size: auto !important;
}

/* Chantal: cache bust do wallpaper WhatsApp */
body.cw-chantal-wa ul.conversation-panel {
  background-image: url('https://app.performax.com.br/v1/painel/chantal/assets/bg.jpg?v=20260701162540') !important;
}

/* Chantal: ajuste visual cirurgico do topo da conversa estilo WhatsApp */
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) {
  min-height: 56px !important;
  height: 56px !important;
  padding: 8px 16px !important;
  background: #f0f2f5 !important;
  border-bottom: 1px solid rgba(17,24,39,.08) !important;
  flex-direction: row !important;
  gap: 12px !important;
  align-items: center !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .user-thumbnail-box.is-rounded {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  overflow: hidden !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .cc-initial-avatar {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  border-radius: 999px !important;
  background: #dbeafe !important;
  color: #2563eb !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) img.user-thumbnail,
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .avatar-container.user-thumbnail {
  display: none !important;
  visibility: hidden !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) span.text-sm.font-medium {
  color: #111b21 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .conversation--header--actions::before {
  content: "visto por ultimo hoje" !important;
  color: #667781 !important;
  font-size: 12px !important;
  line-height: 16px !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .header-actions-wrap {
  width: auto !important;
  margin-left: auto !important;
  justify-content: flex-end !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .actions--container {
  gap: 14px !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .resolve-actions > .rounded-lg {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .resolve-actions button:first-child {
  display: none !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .resolve-actions button:last-child,
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .group > button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 999px !important;
  color: #111b21 !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .resolve-actions button:last-child:hover,
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .group > button:hover {
  background: rgba(17,27,33,.08) !important;
}

/* Chantal: tornar icones Lucide pretos/visiveis */
body.cw-chantal-wa span.i-lucide-chevron-down,
body.cw-chantal-wa span.i-lucide-more-vertical,
body.cw-chantal-wa span.i-lucide-volume-off,
body.cw-chantal-wa span.i-lucide-share,
body.cw-chantal-wa span.i-lucide-arrow-up-down,
body.cw-chantal-wa span.i-lucide-arrow-right-to-line {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111b21 !important;
  background: #111b21 !important;
  background-color: #111b21 !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  flex-shrink: 0 !important;
}

body.cw-chantal-wa span.i-lucide-chevron-down,
body.cw-chantal-wa span.i-lucide-more-vertical,
body.cw-chantal-wa span.i-lucide-arrow-up-down,
body.cw-chantal-wa span.i-lucide-arrow-right-to-line {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
}

body.cw-chantal-wa span.i-lucide-volume-off,
body.cw-chantal-wa span.i-lucide-share {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
}

/* Chantal: refinamento do topo da conversa - barra branca e botoes preservados */
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) {
  min-height: 56px !important;
  height: 56px !important;
  padding: 8px 16px !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(17,24,39,.08) !important;
  flex-direction: row !important;
  gap: 12px !important;
  align-items: center !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .header-actions-wrap {
  display: flex !important;
  width: auto !important;
  margin-left: auto !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .actions--container,
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .resolve-actions {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .resolve-actions > .rounded-lg {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #ffffff !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  box-shadow: 0 1px 2px rgba(17,24,39,.08) !important;
  outline: 0 !important;
  border-radius: 8px !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .resolve-actions button:first-child {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 72px !important;
  height: 32px !important;
  padding: 0 12px !important;
  color: #111b21 !important;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .resolve-actions button:first-child span {
  color: #111b21 !important;
  background: transparent !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .resolve-actions button:last-child {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  color: #111b21 !important;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .group > button {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  color: #111b21 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 999px !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .resolve-actions button:hover,
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .group > button:hover {
  background: rgba(17,27,33,.08) !important;
}

/* Header da conversa: fundo branco sem alterar comportamento */
body.cw-chantal-wa div.flex.flex-col.gap-3.items-center.justify-between.flex-1.w-full.min-w-0.xl\:flex-row.px-3.py-2.border-b.bg-n-background.border-n-weak.h-24.xl\:h-12 {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* Botao Resolver verde, preservando dropdown e acoes */
body.cw-chantal-wa .resolve-actions > .rounded-lg {
  background: #d9fdd3 !important;
  background-color: #d9fdd3 !important;
  border: 1px solid rgba(0,168,132,.18) !important;
  box-shadow: 0 1px 2px rgba(17,24,39,.08) !important;
  border-radius: 8px !important;
  overflow: visible !important;
}

body.cw-chantal-wa .resolve-actions > .rounded-lg > button {
  background: #d9fdd3 !important;
  background-color: #d9fdd3 !important;
  color: #111b21 !important;
}

body.cw-chantal-wa .resolve-actions > .rounded-lg > button span {
  color: #111b21 !important;
}

/* Dropdown Resolver: textos completos e legiveis */
body.cw-chantal-wa .resolve-actions .dropdown,
body.cw-chantal-wa .resolve-actions .dropdown.menu,
body.cw-chantal-wa .resolve-actions .dropdown-menu__item,
body.cw-chantal-wa .resolve-actions .dropdown-menu__item button {
  color: #111b21 !important;
}

body.cw-chantal-wa .resolve-actions .dropdown-menu__item button span.min-w-0.truncate {
  color: #111b21 !important;
  background: transparent !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: none !important;
  width: auto !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.cw-chantal-wa .resolve-actions .border.rounded-lg.shadow-lg,
body.cw-chantal-wa .resolve-actions .border.rounded-lg.shadow-lg * {
  color: #111b21 !important;
}

body.cw-chantal-wa .resolve-actions .border.rounded-lg.shadow-lg {
  background: #ffffff !important;
  background-color: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Menu dos tres pontos: textos legiveis */
body.cw-chantal-wa .actions--container .group .border.rounded-lg.shadow-lg,
body.cw-chantal-wa .actions--container .group .border.rounded-lg.shadow-lg * {
  color: #111b21 !important;
}

body.cw-chantal-wa .actions--container .group .border.rounded-lg.shadow-lg {
  background: #ffffff !important;
  background-color: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Icones especificos pretos/visiveis */
body.cw-chantal-wa span.i-lucide-chevron-down,
body.cw-chantal-wa span.i-lucide-more-vertical,
body.cw-chantal-wa span.i-lucide-alarm-clock-minus,
body.cw-chantal-wa span.i-lucide-circle-dot-dashed {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111b21 !important;
  background: #111b21 !important;
  background-color: #111b21 !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  flex-shrink: 0 !important;
}

body.cw-chantal-wa span.i-lucide-chevron-down,
body.cw-chantal-wa span.i-lucide-more-vertical {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
}

body.cw-chantal-wa span.i-lucide-alarm-clock-minus,
body.cw-chantal-wa span.i-lucide-circle-dot-dashed {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
}

/* Mesmo metodo do toggleConversationFilterButton: botoes Lucide visiveis */
body.cw-chantal-wa button:has(> span.i-lucide-arrow-up-down),
body.cw-chantal-wa button:has(> span.i-lucide-arrow-right-to-line),
body.cw-chantal-wa button:has(> span.i-lucide-chevron-down),
body.cw-chantal-wa button:has(> span.i-lucide-more-vertical),
body.cw-chantal-wa button:has(> span.i-lucide-x) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #111b21 !important;
  flex-shrink: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Botoes pequenos do topo da lista */
body.cw-chantal-wa button:has(> span.i-lucide-arrow-up-down),
body.cw-chantal-wa button:has(> span.i-lucide-arrow-right-to-line) {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  border-radius: 7px !important;
  background: #f0f2f5 !important;
  border: 1px solid rgba(17,24,39,.06) !important;
}

/* Botoes do header da conversa */
body.cw-chantal-wa button:has(> span.i-lucide-chevron-down),
body.cw-chantal-wa button:has(> span.i-lucide-more-vertical),
body.cw-chantal-wa button:has(> span.i-lucide-x) {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

/* Hover preservando layout */
body.cw-chantal-wa button:has(> span.i-lucide-arrow-up-down):hover,
body.cw-chantal-wa button:has(> span.i-lucide-arrow-right-to-line):hover,
body.cw-chantal-wa button:has(> span.i-lucide-chevron-down):hover,
body.cw-chantal-wa button:has(> span.i-lucide-more-vertical):hover,
body.cw-chantal-wa button:has(> span.i-lucide-x):hover {
  background: rgba(17,27,33,.08) !important;
  transform: none !important;
}

/* Spans Lucide renderizados por mask: preto e visivel */
body.cw-chantal-wa span.i-lucide-arrow-up-down,
body.cw-chantal-wa span.i-lucide-arrow-right-to-line,
body.cw-chantal-wa span.i-lucide-chevron-down,
body.cw-chantal-wa span.i-lucide-more-vertical,
body.cw-chantal-wa span.i-lucide-x {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111b21 !important;
  background: #111b21 !important;
  background-color: #111b21 !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}

/* Tamanhos dos icones */
body.cw-chantal-wa span.i-lucide-arrow-up-down,
body.cw-chantal-wa span.i-lucide-arrow-right-to-line {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  font-size: 16px !important;
}

body.cw-chantal-wa span.i-lucide-chevron-down,
body.cw-chantal-wa span.i-lucide-more-vertical,
body.cw-chantal-wa span.i-lucide-x {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  font-size: 20px !important;
}

/* Chantal: correcao global de icones invisiveis em botoes/menus */
body.cw-chantal-wa button span[class*="i-lucide-"],
body.cw-chantal-wa button span[class*="i-ph-"],
body.cw-chantal-wa [role="button"] span[class*="i-lucide-"],
body.cw-chantal-wa [role="button"] span[class*="i-ph-"],
body.cw-chantal-wa .dropdown-menu__item span[class*="i-lucide-"],
body.cw-chantal-wa .dropdown-menu__item span[class*="i-ph-"],
body.cw-chantal-wa .v-popper--has-tooltip span[class*="i-lucide-"],
body.cw-chantal-wa .v-popper--has-tooltip span[class*="i-ph-"] {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #111b21 !important;
  background: #111b21 !important;
  background-color: #111b21 !important;
  fill: #111b21 !important;
  stroke: #111b21 !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  font-size: 18px !important;
  line-height: 18px !important;
  flex: 0 0 18px !important;
  flex-shrink: 0 !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

/* Botoes pequenos do topo/lista continuam proporcionais */
body.cw-chantal-wa button.h-6 span[class*="i-lucide-"],
body.cw-chantal-wa button.h-6 span[class*="i-ph-"],
body.cw-chantal-wa button.text-xs span[class*="i-lucide-"],
body.cw-chantal-wa button.text-xs span[class*="i-ph-"] {
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  max-width: 15px !important;
  font-size: 15px !important;
  line-height: 15px !important;
  flex-basis: 15px !important;
}

/* Botoes maiores do header/conversa */
body.cw-chantal-wa button.h-8 span[class*="i-lucide-"],
body.cw-chantal-wa button.h-8 span[class*="i-ph-"],
body.cw-chantal-wa button.text-sm span[class*="i-lucide-"],
body.cw-chantal-wa button.text-sm span[class*="i-ph-"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  font-size: 18px !important;
  line-height: 18px !important;
  flex-basis: 18px !important;
}

/* Garante contraste tambem quando o botao esta com hover/focus/estado ativo */
body.cw-chantal-wa button:hover span[class*="i-lucide-"],
body.cw-chantal-wa button:hover span[class*="i-ph-"],
body.cw-chantal-wa button:focus span[class*="i-lucide-"],
body.cw-chantal-wa button:focus span[class*="i-ph-"],
body.cw-chantal-wa button:focus-visible span[class*="i-lucide-"],
body.cw-chantal-wa button:focus-visible span[class*="i-ph-"] {
  color: #111b21 !important;
  background: #111b21 !important;
  background-color: #111b21 !important;
}

/* Mantem os textos dos botoes/dropdowns pretos e sem tarja branca */
body.cw-chantal-wa button span:not([class*="i-lucide-"]):not([class*="i-ph-"]),
body.cw-chantal-wa .dropdown-menu__item button span:not([class*="i-lucide-"]):not([class*="i-ph-"]) {
  color: #111b21 !important;
  background: transparent !important;
}

/* Chantal: icones de botoes sempre visiveis, sem depender de hover */
body.cw-chantal-wa button span[class*="i-lucide-"],
body.cw-chantal-wa button span[class*="i-ph-"],
body.cw-chantal-wa [role="button"] span[class*="i-lucide-"],
body.cw-chantal-wa [role="button"] span[class*="i-ph-"],
body.cw-chantal-wa .v-popper--has-tooltip span[class*="i-lucide-"],
body.cw-chantal-wa .v-popper--has-tooltip span[class*="i-ph-"],
body.cw-chantal-wa .dropdown-menu__item span[class*="i-lucide-"],
body.cw-chantal-wa .dropdown-menu__item span[class*="i-ph-"],
body.cw-chantal-wa span[class*="i-lucide-"],
body.cw-chantal-wa span[class*="i-ph-"] {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
  color: #111b21 !important;
  background: #111b21 !important;
  background-color: #111b21 !important;
  fill: #111b21 !important;
  stroke: #111b21 !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  filter: none !important;
}

/* Remove estados apagados/transparentes herdados antes do hover */
body.cw-chantal-wa button,
body.cw-chantal-wa [role="button"],
body.cw-chantal-wa .v-popper--has-tooltip {
  color: #111b21 !important;
}

body.cw-chantal-wa button:not(:hover) span[class*="i-lucide-"],
body.cw-chantal-wa button:not(:hover) span[class*="i-ph-"],
body.cw-chantal-wa [role="button"]:not(:hover) span[class*="i-lucide-"],
body.cw-chantal-wa [role="button"]:not(:hover) span[class*="i-ph-"] {
  opacity: 1 !important;
  visibility: visible !important;
  color: #111b21 !important;
  background: #111b21 !important;
  background-color: #111b21 !important;
}

/* Chantal: botoes com texto curto devem mostrar a palavra inteira */
body.cw-chantal-wa button span.min-w-0.truncate {
  min-width: max-content !important;
  max-width: none !important;
  width: auto !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

body.cw-chantal-wa button:has(> span.min-w-0.truncate) {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Chantal: permite avatar real do Chatwoot na listagem quando existir imagem */
body.cw-chantal-wa .user-thumbnail-box img.user-thumbnail[src]:not([src=""]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 999px !important;
}

body.cw-chantal-wa .user-thumbnail-box:has(img.user-thumbnail[src]:not([src=""])) .cc-initial-avatar,
body.cw-chantal-wa .user-thumbnail-box:has(img.user-thumbnail[src]:not([src=""])) .avatar-container {
  display: none !important;
  visibility: hidden !important;
}

/* Chantal: avatar real também no topo da conversa aberta */
body.cw-chantal-wa .conversation--header .user-thumbnail-box,
body.cw-chantal-wa .header-actions-wrap ~ .user-thumbnail-box,
body.cw-chantal-wa .user-thumbnail-box.is-rounded {
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #d8f7ef !important;
}

body.cw-chantal-wa .user-thumbnail-box.is-rounded img.user-thumbnail[src]:not([src=""]) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  border-radius: 999px !important;
}

body.cw-chantal-wa .user-thumbnail-box.is-rounded:has(img.user-thumbnail[src]:not([src=""])) .cc-initial-avatar,
body.cw-chantal-wa .user-thumbnail-box.is-rounded:has(img.user-thumbnail[src]:not([src=""])) .avatar-container {
  display: none !important;
  visibility: hidden !important;
}

/* Chantal: força imagem real no avatar do topo da conversa aberta */
body.cw-chantal-wa .user-thumbnail-box.is-rounded {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #d8f7ef !important;
}

body.cw-chantal-wa .user-thumbnail-box.is-rounded > img.user-thumbnail[src^="http"],
body.cw-chantal-wa .user-thumbnail-box.is-rounded > img.user-thumbnail[src*="/rails/active_storage/"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.cw-chantal-wa .user-thumbnail-box.is-rounded:has(> img.user-thumbnail[src^="http"]) .cc-initial-avatar,
body.cw-chantal-wa .user-thumbnail-box.is-rounded:has(> img.user-thumbnail[src*="/rails/active_storage/"]) .cc-initial-avatar,
body.cw-chantal-wa .user-thumbnail-box.is-rounded:has(> img.user-thumbnail[src^="http"]) .avatar-container,
body.cw-chantal-wa .user-thumbnail-box.is-rounded:has(> img.user-thumbnail[src*="/rails/active_storage/"]) .avatar-container {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Chantal: avatar real no topo da conversa aberta deve vencer o fallback de iniciais */
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .user-thumbnail-box.is-rounded > img.user-thumbnail[src^="http"],
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .user-thumbnail-box.is-rounded > img.user-thumbnail[src*="/rails/active_storage/"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 9 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  border-radius: 999px !important;
  background: transparent !important;
}

body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .user-thumbnail-box.is-rounded:has(> img.user-thumbnail[src^="http"]) .cc-initial-avatar,
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .user-thumbnail-box.is-rounded:has(> img.user-thumbnail[src*="/rails/active_storage/"]) .cc-initial-avatar,
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .user-thumbnail-box.is-rounded:has(> img.user-thumbnail[src^="http"]) .avatar-container,
body.cw-chantal-wa div:has(> .flex.items-center.justify-start.w-full.xl\:w-auto) .user-thumbnail-box.is-rounded:has(> img.user-thumbnail[src*="/rails/active_storage/"]) .avatar-container {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Chantal: atalhos admin seguros no menu compacto */
body.cw-chantal-wa .cw-admin-safe-rail {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  width: 44px !important;
  padding: 8px 0 !important;
  border-top: 1px solid #e5e7eb !important;
  margin-top: 8px !important;
}

body.cw-chantal-wa .cw-admin-safe-link {
  width: 36px !important;
  height: 36px !important;
  border-radius: 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #111827 !important;
  background: transparent !important;
  text-decoration: none !important;
  position: relative !important;
}

body.cw-chantal-wa .cw-admin-safe-link:hover {
  background: #f0f2f5 !important;
}

body.cw-chantal-wa .cw-admin-safe-link svg {
  width: 19px !important;
  height: 19px !important;
  stroke: #111827 !important;
  color: #111827 !important;
  opacity: 1 !important;
}

body.cw-chantal-wa .cw-admin-safe-link::after {
  content: attr(data-label);
  position: absolute;
  left: 44px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  display: none;
  white-space: nowrap;
  background: #111827;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 7px 9px;
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .18);
}

body.cw-chantal-wa .cw-admin-safe-link:hover::after {
  display: block;
}

/* Chantal admin compact menu - safe add-on */
.cw-admin-menu-button {
  position: fixed;
  left: 8px;
  bottom: 92px;
  z-index: 9998;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 999px;
  background: #f0f2f5;
  color: #111b21;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0,0,0,.10);
}

.cw-admin-menu-button svg {
  width: 18px;
  height: 18px;
  stroke: #111b21;
}

.cw-admin-menu-button:hover {
  background: #e9edef;
}

.cw-admin-menu-modal {
  position: fixed;
  left: 52px;
  bottom: 78px;
  z-index: 9999;
  width: 248px;
  max-height: 78vh;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #e9edef;
  border-radius: 12px;
  box-shadow: 0 8px 28px rgba(17,27,33,.18);
  padding: 8px;
  display: none;
}

.cw-admin-menu-modal.is-open {
  display: block;
}

.cw-admin-menu-title {
  font-weight: 700;
  font-size: 13px;
  color: #111b21;
  padding: 8px 10px 10px;
  border-bottom: 1px solid #eef0f2;
  margin-bottom: 6px;
}

.cw-admin-menu-link {
  width: 100%;
  height: 36px;
  border: 0;
  background: transparent;
  border-radius: 9px;
  color: #111b21;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}

.cw-admin-menu-link:hover {
  background: #f0f2f5;
}

.cw-admin-menu-link svg {
  width: 16px;
  height: 16px;
  stroke: #111b21;
  flex: 0 0 auto;
}


/* Chantal admin menu definitivo */
.cw-admin-def-button {
  position: fixed !important;
  left: 8px !important;
  bottom: 138px !important;
  z-index: 2147483000 !important;
  width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 1px 3px rgba(17,27,33,.16) !important;
}

.cw-admin-def-button svg,
.cw-admin-def-modal svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #111b21 !important;
  color: #111b21 !important;
  fill: none !important;
}

.cw-admin-def-button:hover {
  background: #e9edef !important;
}

.cw-admin-def-modal {
  position: fixed !important;
  left: 54px !important;
  bottom: 78px !important;
  z-index: 2147483001 !important;
  width: 272px !important;
  max-height: 82vh !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  border: 1px solid #e9edef !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 32px rgba(17,27,33,.22) !important;
  padding: 8px !important;
  display: none !important;
}

.cw-admin-def-modal.is-open {
  display: block !important;
}

.cw-admin-def-title {
  padding: 9px 10px 11px !important;
  margin: 0 0 6px !important;
  border-bottom: 1px solid #eef0f2 !important;
  color: #111b21 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.cw-admin-def-link {
  width: 100% !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #111b21 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  text-align: left !important;
  cursor: pointer !important;
}

.cw-admin-def-link:hover {
  background: #f0f2f5 !important;
}

.cw-admin-def-link span {
  color: #111b21 !important;
  white-space: nowrap !important;
}

/* Chantal WhatsApp chat wallpaper restore */
body.cw-chantal-wa ul.conversation-panel,
body.cw-chantal-wa .conversation-panel,
body.cw-chantal-wa .cc-real-chat-bg,
body.cw-chantal-wa .cc-wa-message-surface {
  background-color: #EEE9E2 !important;
  background-image: url('https://app.performax.com.br/v1/painel/chantal/assets/bg.jpg') !important;
  background-repeat: repeat !important;
  background-position: center !important;
  background-size: auto !important;
}

/* Chantal WhatsApp wallpaper restore only */
body.cw-chantal-wa ul.conversation-panel,
body.cw-chantal-wa .conversation-panel,
body.cw-chantal-wa .cc-real-chat-bg,
body.cw-chantal-wa .cc-wa-message-surface {
  background-color: #EEE9E2 !important;
  background-image: url('https://app.performax.com.br/v1/painel/chantal/assets/bg.jpg?v=20260705-3') !important;
  background-repeat: repeat !important;
  background-position: center !important;
  background-size: auto !important;
}

/* RESTORE WhatsApp wallpaper - only chat message area */
html body ul.conversation-panel {
  background-color: #EEE9E2 !important;
  background-image: url('https://app.performax.com.br/v1/painel/chantal/assets/bg.jpg?v=20260705-restore') !important;
  background-repeat: repeat !important;
  background-position: center !important;
  background-size: auto !important;
}

html body ul.conversation-panel > li,
html body ul.conversation-panel [class*="message"] {
  background-image: none;
}

/* Chantal stable chat wallpaper - bg.jpg only in message body */
body.cw-chantal-wa .conversation-panel,
body.cw-chantal-wa ul.conversation-panel,
body.cw-chantal-wa [class*="conversation-panel"] {
  background-color: #EEE9E2 !important;
  background-image: url("https://app.performax.com.br/v1/painel/chantal/assets/bg.jpg?v=20260705-stable") !important;
  background-repeat: repeat !important;
  background-position: center !important;
  background-size: auto !important;
}

/* Chantal definitive WhatsApp wallpaper - message area only */
body.cw-chantal-wa .conversation-panel,
body.cw-chantal-wa ul.conversation-panel,
body.cw-chantal-wa .conversation-panel.flex-shrink-0,
body.cw-chantal-wa .vue-recycle-scroller:has(ul.conversation-panel),
body.cw-chantal-wa main:has(ul.conversation-panel) {
  background-color: #EEE9E2 !important;
  background-image: url("https://app.performax.com.br/v1/painel/chantal/assets/bg.jpg") !important;
  background-repeat: repeat !important;
  background-position: center center !important;
  background-size: auto !important;
}

body.cw-chantal-wa .conversation-panel > *,
body.cw-chantal-wa ul.conversation-panel > *,
body.cw-chantal-wa .conversation-panel .vue-recycle-scroller__item-wrapper,
body.cw-chantal-wa .conversation-panel .vue-recycle-scroller__item-view {
  background-color: transparent !important;
}

/* Chantal safe native search style */
body.cw-chantal-wa .cc-safe-search-slot {
  padding: 8px 10px 6px !important;
  background: #fff !important;
}

body.cw-chantal-wa .cc-safe-search-slot input {
  width: 100% !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  font-size: 13px !important;
  padding: 0 14px !important;
  outline: none !important;
}

/* Chantal search restore style */
body.cw-chantal-wa .cc-search-restore-slot {
  display: block !important;
  padding: 8px 10px 6px !important;
  background: #fff !important;
}

body.cw-chantal-wa .cc-search-restore-slot input {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  font-size: 13px !important;
  padding: 0 14px !important;
  outline: none !important;
  pointer-events: auto !important;
}

/* Chantal safe search panel */
body.cw-chantal-wa .cc-safe-search-panel-slot {
  padding: 8px 10px 6px !important;
  background: #fff !important;
  position: relative !important;
  z-index: 4 !important;
}

body.cw-chantal-wa .cc-safe-search-panel-field {
  height: 34px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
  color: #54656f !important;
}

body.cw-chantal-wa .cc-safe-search-panel-field svg {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 auto !important;
}

body.cw-chantal-wa .cc-safe-search-panel-field input {
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  color: #111b21 !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 13px !important;
  min-width: 0 !important;
}

body.cw-chantal-wa .cc-search-panel-results {
  display: none;
  position: absolute !important;
  top: 46px !important;
  left: 10px !important;
  right: 10px !important;
  z-index: 20 !important;
  background: #fff !important;
  border: 1px solid #e9edef !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 26px rgba(11, 20, 26, .14) !important;
  overflow: hidden !important;
}

body.cw-chantal-wa .cc-search-result {
  width: 100% !important;
  border: 0 !important;
  background: #fff !important;
  padding: 10px 12px !important;
  text-align: left !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  cursor: pointer !important;
}

body.cw-chantal-wa .cc-search-result:hover {
  background: #f5f6f6 !important;
}

body.cw-chantal-wa .cc-search-result-name {
  color: #111b21 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.cw-chantal-wa .cc-search-result-msg,
body.cw-chantal-wa .cc-search-empty {
  color: #667781 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-search-empty {
  padding: 12px !important;
}

/* Chantal search exactly before tabs */
body.cw-chantal-wa .cc-tabs-search-slot {
  position: relative !important;
  padding: 8px 10px 6px !important;
  background: #fff !important;
  z-index: 8 !important;
}

body.cw-chantal-wa .cc-tabs-search-field {
  height: 34px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 13px !important;
  color: #54656f !important;
}

body.cw-chantal-wa .cc-tabs-search-field svg {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 auto !important;
}

body.cw-chantal-wa .cc-tabs-search-field input {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #111b21 !important;
  font-size: 13px !important;
  min-width: 0 !important;
}

body.cw-chantal-wa .cc-tabs-search-results {
  display: none;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  top: 46px !important;
  z-index: 30 !important;
  background: #fff !important;
  border: 1px solid #e9edef !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(11,20,26,.14) !important;
  overflow: hidden !important;
}

body.cw-chantal-wa .cc-tabs-search-result {
  width: 100% !important;
  border: 0 !important;
  background: #fff !important;
  padding: 10px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.cw-chantal-wa .cc-tabs-search-result:hover {
  background: #f5f6f6 !important;
}

body.cw-chantal-wa .cc-tabs-search-result strong {
  color: #111b21 !important;
  font-size: 13px !important;
}

body.cw-chantal-wa .cc-tabs-search-result span,
body.cw-chantal-wa .cc-tabs-search-empty {
  color: #667781 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-tabs-search-empty {
  padding: 12px !important;
}

/* Chantal menu search */
body.cw-chantal-wa .cc-menu-search-open {
  width: calc(100% - 12px) !important;
  margin: 6px !important;
  padding: 9px 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  text-align: left !important;
}

body.cw-chantal-wa .cc-menu-search-open:hover {
  background: #e9edef !important;
}

body.cw-chantal-wa .cc-menu-search-open span {
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: #00a884 !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
}

body.cw-chantal-wa .cc-menu-search-open strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #111b21 !important;
}

body.cw-chantal-wa .cc-menu-search-modal {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: rgba(11, 20, 26, .38) !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 72px 0 0 58px !important;
}

body.cw-chantal-wa .cc-menu-search-modal.is-open {
  display: flex !important;
}

body.cw-chantal-wa .cc-menu-search-card {
  width: 330px !important;
  max-width: calc(100vw - 80px) !important;
  max-height: calc(100vh - 96px) !important;
  background: #fff !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 44px rgba(11,20,26,.24) !important;
  overflow: hidden !important;
  border: 1px solid #e9edef !important;
}

body.cw-chantal-wa .cc-menu-search-head {
  height: 48px !important;
  padding: 0 12px 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid #e9edef !important;
}

body.cw-chantal-wa .cc-menu-search-head strong {
  color: #111b21 !important;
  font-size: 15px !important;
}

body.cw-chantal-wa .cc-menu-search-close {
  border: 0 !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  font-size: 20px !important;
  cursor: pointer !important;
}

body.cw-chantal-wa .cc-menu-search-field {
  margin: 10px 12px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 13px !important;
  color: #54656f !important;
}

body.cw-chantal-wa .cc-menu-search-field svg {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 auto !important;
}

body.cw-chantal-wa .cc-menu-search-field input {
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  color: #111b21 !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 13px !important;
}

body.cw-chantal-wa .cc-menu-search-results {
  max-height: calc(100vh - 210px) !important;
  overflow: auto !important;
  padding-bottom: 8px !important;
}

body.cw-chantal-wa .cc-menu-search-result {
  width: 100% !important;
  border: 0 !important;
  background: #fff !important;
  padding: 10px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  text-align: left !important;
  cursor: pointer !important;
}

body.cw-chantal-wa .cc-menu-search-result:hover {
  background: #f5f6f6 !important;
}

body.cw-chantal-wa .cc-menu-search-name {
  color: #111b21 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.cw-chantal-wa .cc-menu-search-msg,
body.cw-chantal-wa .cc-menu-search-result small,
body.cw-chantal-wa .cc-menu-search-hint,
body.cw-chantal-wa .cc-menu-search-empty {
  color: #667781 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-menu-search-hint,
body.cw-chantal-wa .cc-menu-search-empty {
  padding: 12px 14px !important;
}


/* Chantal robust search access styles */
body.cw-chantal-wa .cc-robust-search-rail {
  width: 32px !important;
  height: 32px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 8px auto !important;
  cursor: pointer !important;
  font-size: 18px !important;
}

body.cw-chantal-wa .cc-robust-search-rail:hover {
  background: #e9edef !important;
}

body.cw-chantal-wa .cc-robust-search-menu {
  width: 100% !important;
  min-height: 36px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  margin: 2px 0 8px !important;
  cursor: pointer !important;
}

body.cw-chantal-wa .cc-robust-search-menu strong {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111b21 !important;
}

body.cw-chantal-wa .cc-robust-search-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  background: rgba(17, 27, 33, .32) !important;
  display: none !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 76px !important;
}

body.cw-chantal-wa .cc-robust-search-modal.is-open {
  display: flex !important;
}

body.cw-chantal-wa .cc-robust-search-card {
  width: min(420px, calc(100vw - 28px)) !important;
  max-height: min(640px, calc(100vh - 110px)) !important;
  background: #fff !important;
  border: 1px solid #e9edef !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 50px rgba(17, 27, 33, .22) !important;
  overflow: hidden !important;
}

body.cw-chantal-wa .cc-robust-search-head {
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 14px !important;
  border-bottom: 1px solid #e9edef !important;
}

body.cw-chantal-wa .cc-robust-search-head strong {
  color: #111b21 !important;
  font-size: 15px !important;
}

body.cw-chantal-wa .cc-robust-search-close {
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  cursor: pointer !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

body.cw-chantal-wa .cc-robust-search-field {
  margin: 12px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #667781 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
}

body.cw-chantal-wa .cc-robust-search-field input {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #111b21 !important;
  width: 100% !important;
  height: 100% !important;
  font-size: 14px !important;
}

body.cw-chantal-wa .cc-robust-search-results {
  max-height: 470px !important;
  overflow: auto !important;
  padding: 4px 8px 12px !important;
}

body.cw-chantal-wa .cc-robust-search-result {
  width: 100% !important;
  border: 0 !important;
  background: #fff !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
  cursor: pointer !important;
  text-align: left !important;
}

body.cw-chantal-wa .cc-robust-search-result:hover {
  background: #f0f2f5 !important;
}

body.cw-chantal-wa .cc-robust-search-result strong {
  color: #111b21 !important;
  font-size: 14px !important;
}

body.cw-chantal-wa .cc-robust-search-result span,
body.cw-chantal-wa .cc-robust-search-hint,
body.cw-chantal-wa .cc-robust-search-empty {
  color: #667781 !important;
  font-size: 13px !important;
}

body.cw-chantal-wa .cc-robust-search-hint,
body.cw-chantal-wa .cc-robust-search-empty {
  padding: 18px 14px !important;
}


/* Chantal transfer conversation action styles */
body.cw-chantal-wa .cc-transfer-action {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 3px rgba(17, 27, 33, .14) !important;
  overflow: hidden !important;
  border: 1px solid #c9f7c7 !important;
}

body.cw-chantal-wa .cc-transfer-action-main,
body.cw-chantal-wa .cc-transfer-action-caret {
  height: 32px !important;
  border: 0 !important;
  background: #d9ffd7 !important;
  color: #111b21 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.cw-chantal-wa .cc-transfer-action-main {
  padding: 0 12px !important;
}

body.cw-chantal-wa .cc-transfer-action-caret {
  width: 32px !important;
  border-left: 1px solid rgba(17, 27, 33, .08) !important;
}

body.cw-chantal-wa .cc-transfer-action:hover button {
  background: #c9f7c7 !important;
}

body.cw-chantal-wa .cc-transfer-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: none !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  padding: 58px 18px 18px !important;
  background: rgba(17, 27, 33, .22) !important;
}

body.cw-chantal-wa .cc-transfer-modal.is-open {
  display: flex !important;
}

body.cw-chantal-wa .cc-transfer-card {
  width: min(380px, calc(100vw - 28px)) !important;
  max-height: min(620px, calc(100vh - 84px)) !important;
  background: #fff !important;
  color: #111b21 !important;
  border: 1px solid #e9edef !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 50px rgba(17, 27, 33, .22) !important;
  overflow: hidden !important;
}

body.cw-chantal-wa .cc-transfer-head {
  height: 48px !important;
  padding: 0 14px !important;
  border-bottom: 1px solid #e9edef !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

body.cw-chantal-wa .cc-transfer-head strong {
  font-size: 15px !important;
  color: #111b21 !important;
}

body.cw-chantal-wa .cc-transfer-close {
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  cursor: pointer !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

body.cw-chantal-wa .cc-transfer-search {
  margin: 12px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #667781 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
}

body.cw-chantal-wa .cc-transfer-search input {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #111b21 !important;
  font-size: 14px !important;
}

body.cw-chantal-wa .cc-transfer-status {
  min-height: 18px !important;
  padding: 0 14px 8px !important;
  color: #667781 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-transfer-status.is-error {
  color: #d93025 !important;
}

body.cw-chantal-wa .cc-transfer-list {
  max-height: 478px !important;
  overflow: auto !important;
  padding: 0 8px 12px !important;
}

body.cw-chantal-wa .cc-transfer-group-title {
  padding: 12px 8px 6px !important;
  color: #008069 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

body.cw-chantal-wa .cc-transfer-user {
  width: 100% !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 10px !important;
  cursor: pointer !important;
  text-align: left !important;
}

body.cw-chantal-wa .cc-transfer-user:hover {
  background: #f0f2f5 !important;
}

body.cw-chantal-wa .cc-transfer-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #ccf3ea !important;
  color: #008573 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
}

body.cw-chantal-wa .cc-transfer-user-text {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

body.cw-chantal-wa .cc-resolved-reopen-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: none !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  padding: 58px 18px 18px !important;
  background: rgba(17, 27, 33, .22) !important;
}

body.cw-chantal-wa .cc-resolved-reopen-modal.is-open {
  display: flex !important;
}

body.cw-chantal-wa .cc-resolved-reopen-card {
  width: min(380px, calc(100vw - 28px)) !important;
  background: #fff !important;
  color: #111b21 !important;
  border: 1px solid #e9edef !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 50px rgba(17, 27, 33, .22) !important;
  overflow: hidden !important;
}

body.cw-chantal-wa .cc-resolved-reopen-head {
  height: 48px !important;
  padding: 0 14px !important;
  border-bottom: 1px solid #e9edef !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

body.cw-chantal-wa .cc-resolved-reopen-head strong {
  font-size: 15px !important;
  color: #111b21 !important;
}

body.cw-chantal-wa .cc-resolved-reopen-close {
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  cursor: pointer !important;
  font-size: 20px !important;
  line-height: 1 !important;
}

body.cw-chantal-wa .cc-resolved-reopen-body {
  padding: 14px 16px 4px !important;
  color: #111b21 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.cw-chantal-wa .cc-resolved-reopen-body p {
  margin: 0 0 10px !important;
}

body.cw-chantal-wa .cc-resolved-reopen-body strong {
  color: #008069 !important;
  font-weight: 700 !important;
}

body.cw-chantal-wa .cc-resolved-reopen-actions {
  padding: 8px 14px 14px !important;
  display: flex !important;
  justify-content: flex-end !important;
}

body.cw-chantal-wa .cc-resolved-reopen-ok {
  height: 34px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #008069 !important;
  color: #fff !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.cw-chantal-wa .cc-transfer-user-text strong {
  color: #111b21 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.cw-chantal-wa .cc-transfer-user-text small,
body.cw-chantal-wa .cc-transfer-empty {
  color: #667781 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-transfer-empty {
  padding: 10px 8px !important;
}

body.cw-chantal-wa .cc-ai-mute-action {
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-shrink: 0 !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  border: 1px solid #d9dee3 !important;
  background: #ffffff !important;
  color: #111b21 !important;
  box-shadow: 0 1px 3px rgba(17, 27, 33, .10) !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

body.cw-chantal-wa .cc-ai-mute-action:hover {
  background: #f0f2f5 !important;
  border-color: #c7cdd3 !important;
}

body.cw-chantal-wa .cc-ai-mute-action.is-muted {
  background: #fff4e5 !important;
  border-color: #ffcf8a !important;
  color: #7a3e00 !important;
}

body.cw-chantal-wa .cc-ai-mute-action.is-loading {
  opacity: .68 !important;
  cursor: wait !important;
}

body.cw-chantal-wa .cc-ai-mute-dot {
  width: 24px !important;
  height: 20px !important;
  min-width: 24px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #eef2f6 !important;
  color: #111b21 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.cw-chantal-wa .cc-ai-mute-action.is-muted .cc-ai-mute-dot {
  background: #ffcf8a !important;
  color: #4a2500 !important;
}

body.cw-chantal-wa .cc-ai-mute-text {
  white-space: nowrap !important;
  line-height: 1 !important;
}


/* Chantal extra search slot styles */
body.cw-chantal-wa .cc-extra-search-slot {
  position: relative !important;
  padding: 7px 10px 6px !important;
  background: #fff !important;
  border-bottom: 1px solid #f0f2f5 !important;
}

body.cw-chantal-wa .cc-extra-search-field {
  height: 36px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #667781 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
}

body.cw-chantal-wa .cc-extra-search-icon {
  color: #667781 !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

body.cw-chantal-wa .cc-extra-search-field input {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #111b21 !important;
  font-size: 13px !important;
}

body.cw-chantal-wa .cc-extra-search-results {
  position: absolute !important;
  z-index: 40 !important;
  left: 10px !important;
  right: 10px !important;
  top: 48px !important;
  max-height: 360px !important;
  overflow: auto !important;
  background: #fff !important;
  border: 1px solid #e9edef !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(17, 27, 33, .16) !important;
  padding: 6px !important;
}

body.cw-chantal-wa .cc-extra-search-result {
  width: 100% !important;
  border: 0 !important;
  background: #fff !important;
  border-radius: 9px !important;
  padding: 9px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
  cursor: pointer !important;
  text-align: left !important;
}

body.cw-chantal-wa .cc-extra-search-result:hover {
  background: #f0f2f5 !important;
}

body.cw-chantal-wa .cc-extra-search-section {
  color: #667781 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  padding: 7px 10px 5px !important;
}

body.cw-chantal-wa .cc-extra-search-result strong {
  color: #111b21 !important;
  font-size: 13px !important;
}

body.cw-chantal-wa .cc-extra-search-result span,
body.cw-chantal-wa .cc-extra-search-empty {
  color: #667781 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-extra-search-empty {
  padding: 14px 10px !important;
}


/* Chantal extra search transfer fixes */
body.cw-chantal-wa .cc-extra-search-parent {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

body.cw-chantal-wa .cc-extra-search-parent > .cc-extra-search-slot {
  flex: 0 0 100% !important;
  width: 100% !important;
  order: -1 !important;
}

body.cw-chantal-wa .cc-extra-search-parent > ul {
  flex: 0 0 100% !important;
  width: 100% !important;
}

body.cw-chantal-wa .cc-transfer-action-caret span,
body.cw-chantal-wa .cc-transfer-search span,
body.cw-chantal-wa .cc-extra-search-icon {
  color: #111b21 !important;
  font-family: Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

body.cw-chantal-wa .cc-transfer-close {
  font-family: Arial, sans-serif !important;
  font-weight: 700 !important;
}


/* Chantal search visual microfix */
body.cw-chantal-wa .cc-extra-search-field {
  line-height: 36px !important;
}

body.cw-chantal-wa .cc-extra-search-field input {
  display: flex !important;
  align-items: center !important;
  line-height: 36px !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.cw-chantal-wa .cc-extra-search-results:empty {
  display: none !important;
}

/* Chantal internal chat: visually split received/sent bubbles without changing message logic */
body.cw-chantal-wa .message-bubble-container.cc-internal-incoming-message {
  justify-content: flex-start !important;
}

body.cw-chantal-wa .message-bubble-container.cc-internal-incoming-message > div.gap-x-2 {
  grid-template-areas:
    "bubble"
    "meta" !important;
  grid-template-columns: minmax(0, max-content) !important;
}

body.cw-chantal-wa .message-bubble-container.cc-internal-incoming-message [class*="grid-area:avatar"] {
  display: none !important;
}

body.cw-chantal-wa .message-bubble-container.cc-internal-incoming-message [class*="grid-area:bubble"] {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 2rem !important;
}

body.cw-chantal-wa .message-bubble-container.cc-internal-incoming-message .right-bubble,
body.cw-chantal-wa .message-bubble-container.cc-internal-incoming-message [class*="right-bubble"],
body.cw-chantal-wa .message-bubble-container.cc-internal-incoming-message [data-bubble-name],
body.cw-chantal-wa .message-bubble-container.cc-internal-incoming-message .bg-n-solid-blue,
body.cw-chantal-wa .message-bubble-container.cc-internal-incoming-message [class*="bg-n-solid-blue"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

body.cw-chantal-wa .message-bubble-container.cc-internal-outgoing-message .right-bubble,
body.cw-chantal-wa .message-bubble-container.cc-internal-outgoing-message [class*="right-bubble"] {
  background: #d9fdd3 !important;
  background-color: #d9fdd3 !important;
  background-image: none !important;
}


/* Chantal new conversation action */
body.cw-chantal-wa .cc-new-conversation-button {
  width: 26px !important;
  height: 26px !important;
  margin-left: 6px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  box-shadow: inset 0 0 0 1px rgba(17, 27, 33, .08) !important;
}

body.cw-chantal-wa .cc-new-conversation-button:hover {
  background: #e9edef !important;
}

body.cw-chantal-wa .cc-new-conversation-button svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

body.cw-chantal-wa .cc-new-conversation-modal {
  position: fixed !important;
  top: 58px !important;
  right: auto !important;
  bottom: auto !important;
  left: 58px !important;
  z-index: 100000 !important;
  background: transparent !important;
  display: none !important;
  padding: 0 !important;
}

body.cw-chantal-wa .cc-new-conversation-modal.is-open {
  display: block !important;
}

body.cw-chantal-wa .cc-new-conversation-card {
  width: min(430px, calc(100vw - 80px)) !important;
  max-height: calc(100vh - 76px) !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 18px 46px rgba(17, 27, 33, .22) !important;
  border: 1px solid #e9edef !important;
  display: flex !important;
  flex-direction: column !important;
}

body.cw-chantal-wa .cc-new-head {
  min-height: 48px !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid #e9edef !important;
}

body.cw-chantal-wa .cc-new-head strong {
  color: #111b21 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

body.cw-chantal-wa .cc-new-close {
  width: 30px !important;
  height: 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #111b21 !important;
  font-family: Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

body.cw-chantal-wa .cc-new-channel-wrap {
  padding: 10px 14px 0 !important;
}

body.cw-chantal-wa .cc-new-channel-wrap label {
  display: block !important;
  margin-bottom: 4px !important;
  color: #667781 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

body.cw-chantal-wa .cc-new-channel {
  width: 100% !important;
  height: 36px !important;
  border: 1px solid #d1d7db !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #111b21 !important;
  padding: 0 10px !important;
  font-size: 13px !important;
}

body.cw-chantal-wa .cc-new-search {
  height: 38px !important;
  margin: 12px 14px 8px !important;
  border-radius: 999px !important;
  background: #f0f2f5 !important;
  color: #667781 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
}

body.cw-chantal-wa .cc-new-search input {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #111b21 !important;
  font-size: 13px !important;
}

body.cw-chantal-wa .cc-new-message-wrap {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
  gap: 8px !important;
  padding: 0 0 10px !important;
}

body.cw-chantal-wa .cc-new-message {
  width: 100% !important;
  min-height: 62px !important;
  max-height: 112px !important;
  border: 1px solid #d1d7db !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #111b21 !important;
  padding: 9px 11px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  outline: 0 !important;
  resize: vertical !important;
}

body.cw-chantal-wa .cc-new-send {
  min-width: 84px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #00a884 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(0, 168, 132, .20) !important;
}

body.cw-chantal-wa .cc-new-send:hover {
  background: #008f72 !important;
}

body.cw-chantal-wa .cc-new-status {
  min-height: 18px !important;
  padding: 0 14px 6px !important;
  color: #667781 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-new-status.is-error,
body.cw-chantal-wa .cc-new-empty.is-error {
  color: #d93025 !important;
}

body.cw-chantal-wa .cc-new-results {
  overflow: auto !important;
  max-height: 280px !important;
  padding: 0 8px 8px !important;
}

body.cw-chantal-wa .cc-new-contact {
  width: 100% !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 10px !important;
  cursor: pointer !important;
  text-align: left !important;
}

body.cw-chantal-wa .cc-new-contact:hover {
  background: #f0f2f5 !important;
}

body.cw-chantal-wa .cc-new-contact.is-selected {
  background: #e7f7f1 !important;
  box-shadow: inset 0 0 0 1px rgba(0, 168, 132, .28) !important;
}

body.cw-chantal-wa .cc-new-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #ccf3ea !important;
  color: #008573 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
}

body.cw-chantal-wa .cc-new-contact span:last-child {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

body.cw-chantal-wa .cc-new-contact strong {
  color: #111b21 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

body.cw-chantal-wa .cc-new-contact small,
body.cw-chantal-wa .cc-new-empty {
  color: #667781 !important;
  font-size: 12px !important;
}

body.cw-chantal-wa .cc-new-empty {
  padding: 12px 10px !important;
}

body.cw-chantal-wa .cc-new-create {
  border-top: 1px solid #e9edef !important;
  padding: 10px 14px 14px !important;
}

body.cw-chantal-wa .cc-new-create-toggle,
body.cw-chantal-wa .cc-new-save {
  width: 100% !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #d9fdd3 !important;
  color: #111b21 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

body.cw-chantal-wa .cc-new-create-form {
  display: none !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

body.cw-chantal-wa .cc-new-conversation-modal.is-creating .cc-new-create-form {
  display: grid !important;
}

body.cw-chantal-wa .cc-new-name,
body.cw-chantal-wa .cc-new-phone {
  height: 38px !important;
  border: 1px solid #d1d7db !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #111b21 !important;
  padding: 0 11px !important;
  font-size: 13px !important;
  outline: 0 !important;
}

/* Chantal reply box visual fill - keeps the chat wallpaper untouched */
body.cw-chantal-wa .reply-box,
body.cw-chantal-wa .reply-box > div,
body.cw-chantal-wa .reply-box [popout-reply-box],
body.cw-chantal-wa .reply-box div:has(> textarea),
body.cw-chantal-wa .reply-box div:has(> [contenteditable="true"]),
body.cw-chantal-wa .reply-box [contenteditable="true"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

body.cw-chantal-wa .reply-box {
  overflow: hidden !important;
}

/* Visual only: Chatwoot can briefly keep the pending clock even after our webhook delivered the WhatsApp message. */
body.cw-chantal-wa .i-lucide-clock-8,
body.cw-chantal-wa [class*="i-lucide-clock"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.cw-chantal-wa .i-lucide-check-check[data-cc-visual-sent="1"] {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #667781 !important;
}