/* AYA UNIFICADA (25/09/2026) — especialista de tráfego DENTRO do painel da Aya. Os cards são os mesmos do Tráfego IA
   (vi-aya-cards.js) e usam as variáveis de lá: aqui elas apontam para o tema do Reith (claro/escuro). */
#vi-aya .vi-aya-growth, #vi-aya-gdock {
  --s1: var(--bg2); --s2: var(--bg3, var(--bg2)); --b1: var(--border); --b2: var(--border2, var(--border));
  --t1: var(--text); --t2: var(--text2); --t3: var(--text3); --gold: var(--gold, var(--accent2)); --green: var(--green); --red: var(--red);
}
#vi-aya .vi-aya-growth { display: flex; flex-direction: column; gap: 10px; }
#vi-aya .vi-aya-gtext { white-space: pre-wrap; word-break: break-word; }
#vi-aya .vi-aya-gcards { display: flex; flex-direction: column; gap: 10px; }
#vi-aya .vi-aya-gcards:empty { display: none; }
#vi-aya .vi-aya-gcards button { font-family: inherit; }
#vi-aya .vi-aya-gcards input, #vi-aya .vi-aya-gcards select, #vi-aya .vi-aya-gcards textarea { font-size: 16px; }   /* iOS: sem zoom */
#vi-aya .vi-aya-ctx { display: inline-block; margin-top: 4px; font-size: 11px; color: var(--text3); border: 1px solid var(--border); border-radius: 999px; padding: 1px 8px; }
#vi-aya .vi-aya-err { color: var(--red); }
#vi-aya-gdock #dash-creative-chip { position: fixed; right: 16px; bottom: 96px; z-index: 9100; display: flex; align-items: center; gap: 10px; max-width: min(420px, calc(100vw - 32px));
  background: var(--bg2); border: 1px solid var(--border); border-radius: 12px; padding: 8px 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); font-size: 12px; color: var(--text); }
#vi-aya-gdock #dash-creative-thumb { width: 36px; height: 36px; border-radius: 8px; overflow: hidden; background: var(--bg3, var(--bg)); flex-shrink: 0; }
#vi-aya-gdock .vi-aya-gchip-txt { display: flex; flex-direction: column; min-width: 0; }
#vi-aya-gdock .vi-aya-gchip-txt b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#vi-aya-gdock .vi-aya-gchip-txt span { color: var(--text3); }
#vi-aya-gdock #vi-aya-gtoast { position: fixed; right: 16px; bottom: 150px; z-index: 9100; background: var(--bg2); border: 1px solid var(--border); border-radius: 10px;
  padding: 8px 12px; font-size: 12px; color: var(--text); max-width: min(420px, calc(100vw - 32px)); }
@media (max-width: 600px) { #vi-aya-gdock #dash-creative-chip { right: 12px; left: 12px; bottom: calc(84px + env(safe-area-inset-bottom)); } }