/* Patch Electa: embed do Chatwoot dentro do chassi Tomic via iframe.
   Ativado só quando a URL leva ?embed=1 (ver script em vueapp.html.erb que
   adiciona a classe .tomic-embed no <html> antes do primeiro paint).
   Mesmo padrão do embed do Odoo — ver skill odoototomic. */

/* Esconde a barra de ícones própria do Chatwoot (único <aside> do dashboard,
   componentes-next/sidebar/Sidebar.vue) — o Tomic já tem a navegação dele. */
html.tomic-embed aside {
  display: none !important;
}

/* Skin estilo WhatsApp (referência do usuário): fundo bege na conversa,
   bolha verde pra quem envia (agente/bot), bolha branca pra quem recebe
   (cliente). Classes .conversation-panel/.right-bubble/.left-bubble são
   nomes literais do Vue (não utility do Tailwind), estáveis entre builds. */
html.tomic-embed .conversation-panel {
  background-color: #e5ddd5 !important;
}

html.tomic-embed .right-bubble {
  background-color: #d9fdd3 !important;
  color: #111b21 !important;
}

html.tomic-embed .left-bubble {
  background-color: #ffffff !important;
  color: #111b21 !important;
}

/* Modo "solo" (?embed=1&solo=1): usado no split-screen CRM+conversa do
   Tomic, onde só cabe a conversa em si — some com a coluna de lista de
   conversas (.conversations-list-wrap, nome literal do Vue), diferente da
   aba "Conversas" cheia do Tomic, que continua mostrando a lista normal. */
html.tomic-embed-solo .conversations-list-wrap {
  display: none !important;
}