/* [project]/src/modules/genikos_nav/components/whatsapp-web.css [app-client] (css) */
[data-genikos-whatsapp-web] :is(button, a, label, [role="button"]):not(:disabled) {
  cursor: pointer;
}

[data-genikos-whatsapp-web] {
  --wa-panel: var(--card);
  --wa-header: var(--muted);
  --wa-thread: var(--background);
  --wa-incoming: var(--card);
  --wa-outgoing: color-mix(in oklch, var(--foreground) 14%, var(--card));
  --wa-accent: var(--foreground);
  --wa-badge: var(--foreground);
  --wa-badge-text: var(--background);
  --wa-tick: var(--foreground);
  --wa-muted: var(--muted-foreground);
  --wa-text: var(--foreground);
  --wa-selected: var(--muted);
  --wa-hover: var(--muted);
  --wa-chip: var(--muted);
  --wa-chip-active: var(--foreground);
  --wa-chip-active-text: var(--background);
  --wa-quote: color-mix(in oklch, var(--foreground) 8%, transparent);
}