/* AI-collega in WorkBrain: de kleuren van WorkBrain (indigo, zie workbrain src/app/globals.css)
   over de AIDG-huisstijl heen. Laadt na aidg.css. */
html, .dark {
  --surface-submit: #4338ca;
  --surface-submit-hover: #3730a3;
  --brand-purple: #4f46e5;
  --ring-primary: #4f46e5;
  --aidg-blauw: #312e81;
  --aidg-petrol: #4f46e5;
  --aidg-oranje: #818cf8;
}
.dark { --surface-submit: #6366f1; --surface-submit-hover: #4f46e5; }
.dark .text-green-500, .dark .text-green-600, .dark .text-green-700 { color: #a5b4fc !important; }

/* In WorkBrain (iframe) geen signaallijn: WorkBrain heeft zijn eigen kop. */
html.wb-ingebed body::before { display: none; }

/* Gedeelde instantie (docs/brains-ai-collega-uitrol.md): wb-app.js zet html.ai-collega-<kort> per
   host. Kleuren van de Brain (theme_color uit zijn manifest) over die van WorkBrain heen. */
html.ai-collega-bb, html.ai-collega-bb .dark {
  --surface-submit: #2563eb; --surface-submit-hover: #1d4ed8; --brand-purple: #2563eb; --ring-primary: #2563eb;
  --aidg-blauw: #1e3a8a; --aidg-petrol: #2563eb; --aidg-oranje: #60a5fa;
}
html.ai-collega-hb, html.ai-collega-hb .dark {
  --surface-submit: #0f172a; --surface-submit-hover: #1e293b; --brand-purple: #16a34a; --ring-primary: #16a34a;
  --aidg-blauw: #0f172a; --aidg-petrol: #16a34a; --aidg-oranje: #4ade80;
}
html.ai-collega-hb .dark { --surface-submit: #16a34a; --surface-submit-hover: #15803d; }
html.ai-collega-mb, html.ai-collega-mb .dark {
  --surface-submit: #0f766e; --surface-submit-hover: #115e59; --brand-purple: #14968a; --ring-primary: #14968a;
  --aidg-blauw: #0b5f58; --aidg-petrol: #14968a; --aidg-oranje: #fbbf24;
}

/* Van welk tegoed gaat dit gesprek (wb-app.js): smalle regel bovenin, klik = weg. */
.ai-collega-tegoed {
  position: fixed; top: 6px; left: 50%; transform: translateX(-50%); z-index: 60;
  max-width: calc(100% - 120px); padding: 3px 12px; border-radius: 999px;
  font: 500 12px/1.5 system-ui, -apple-system, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  background: rgba(15, 23, 42, 0.78); color: #fff; cursor: pointer; opacity: 0.92;
}
.ai-collega-tegoed[data-bron="eigen"] { background: rgba(71, 85, 105, 0.72); }
.ai-collega-tegoed-weg { display: none; }
@media (max-width: 640px) { .ai-collega-tegoed { top: auto; bottom: 88px; max-width: calc(100% - 32px); } }