/* Modo embed S4S — chrome-off do Chatwoot.
 *
 * Aplicado só quando o middleware (config/initializers/embed_s4s.rb) marcou
 * <html class="s4s-embed"> a partir do cookie s4s_embed=1. Esconde a navegação
 * primária pra o Chatwoot caber "limpo" no iframe do Portal Único.
 *
 * Seletor confirmado ao vivo no v4.13 (DevTools + Playwright, DEV 2026-05-31):
 * a SPA Vue do Chatwoot v4 NÃO usa classe semântica estável (`.app-sidebar`/
 * `.sidebar` não existem) — a sidebar primária é um <aside> (w-200, irmão do
 * <main>), com classes Tailwind voláteis. Ancoramos no <aside> que NÃO está
 * dentro do <main>: isso pega a navegação primária e preserva um eventual
 * painel de contato (que vive dentro do <main> na tela de conversa).
 *
 * O layout é flexbox (o <main> é flex-1 com margin/padding 0), então esconder
 * o <aside> já faz o conteúdo ocupar a largura toda — sem reset de margem.
 */

html.s4s-embed aside:not(main aside) {
  display: none !important;
}

/* ── Marca S4S (escopo embed) ─────────────────────────────────────
   Tokens espelhados de crm-s4s-web/src/styles/s4s-tokens.css (fonte única).
   NÃO redefinir cor aqui — atualizar lá primeiro.
   Fidelidade média/limitada (Community, sem tokens nativos): a fonte é o
   ganho garantido; cor é best-effort em elementos de classe estável. */

@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/nunito-400.woff2) format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts/nunito-600.woff2) format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/nunito-700.woff2) format('woff2'); }
@font-face { font-family: 'Nunito'; font-style: normal; font-weight: 800; font-display: swap; src: url(/fonts/nunito-800.woff2) format('woff2'); }

html.s4s-embed, html.s4s-embed body, html.s4s-embed button, html.s4s-embed input, html.s4s-embed textarea {
  font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}

/* Cor de marca — best-effort em botões primários do chat */
html.s4s-embed button.button--primary,
html.s4s-embed .button.primary,
html.s4s-embed [class*="bg-woot-"] {
  background-color: #4076BB !important;
}
