/*
 * GOAT's external agent styling layer.
 * Voiceflow exposes these hooks for the web chat widget. The VG selectors
 * keep the same visual language when the active assistant is Convocore.
 */
:root {
  --goat-agent-green: #174c3b;
  --goat-agent-green-dark: #0d3026;
  --goat-agent-gold: #d4af37;
  --goat-agent-cream: #f4efe5;
}

.vfrc-launcher,
.vfrc-widget--launcher,
[data-testid="vf-launcher"] {
  background: var(--goat-agent-green) !important;
  border: 2px solid var(--goat-agent-gold) !important;
  box-shadow: 0 8px 24px rgba(13, 48, 38, 0.35) !important;
}

.vfrc-header,
.vfrc-chat__header,
[data-testid="vf-chat-header"] {
  background: var(--goat-agent-green-dark) !important;
  color: var(--goat-agent-cream) !important;
}

.vfrc-button,
.vfrc-message--extension button,
[data-testid="vf-chat"] button {
  background: var(--goat-agent-green) !important;
  border-color: var(--goat-agent-gold) !important;
}

[class*="vg-launcher"],
.voiceglow-launcher,
[class*="VG_"] button {
  background: var(--goat-agent-green) !important;
  border: 2px solid var(--goat-agent-gold) !important;
  color: var(--goat-agent-cream) !important;
  box-shadow: 0 8px 24px rgba(13, 48, 38, 0.35) !important;
}

@media (max-width: 640px) {
  .vfrc-widget,
  .vfrc-widget--chat,
  [data-testid="vf-chat"] {
    width: min(92vw, 380px) !important;
    max-height: min(78dvh, 680px) !important;
  }
}