/* Findy · três temperamentos sobre o mesmo desenho (findy-moods.js).
 * Só o painel do Findy muda: a cor ao redor do personagem, a aura, as bolhas e
 * os botões da conversa. O roxo do Findy, da marca e do restante do site fica. */
.findy-panel, .findy-option { --findy-purple: #6f5bd3; --findy-purple-soft: rgba(111, 91, 211, .22); --findy-radius: 12px; }
[data-findy-mode="amigavel"], .findy-option[data-mode="amigavel"] {
  --findy: #3f83de; --findy-strong: #2a62ad; --findy-soft: #eaf3ff; --findy-line: #c6dbf6;
  --findy-glow: rgba(63, 131, 222, .42); --findy-on: #fff; --findy-radius: 18px;
}
[data-findy-mode="moderado"], .findy-option[data-mode="moderado"] {
  --findy: #e3aa24; --findy-strong: #8f660a; --findy-soft: #fff7d8; --findy-line: #efd98f;
  --findy-glow: rgba(227, 170, 36, .45); --findy-on: #3a2a05; --findy-radius: 12px;
}
[data-findy-mode="rigido"], .findy-option[data-mode="rigido"] {
  --findy: #d1343f; --findy-strong: #9a1f2a; --findy-soft: #fdeced; --findy-line: #f1c0c4;
  --findy-glow: rgba(209, 52, 63, .5); --findy-on: #fff; --findy-radius: 6px;
}

/* O painel inteiro ganha uma faixa fina da cor do modo; o resto continua papel. */
.findy-panel { border-top: 3px solid var(--findy); transition: border-color .25s; }

/* Seletor dos três Findys */
.findy-picker { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 14px 17px 0; }
.findy-option {
  display: flex; align-items: center; gap: 9px; min-height: 58px; padding: 7px 10px 7px 8px; text-align: left;
  color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: var(--findy-radius);
  transition: border-color .18s, background .18s, box-shadow .18s;
}
.findy-option:hover { border-color: var(--findy-line); background: var(--findy-soft); }
.findy-option[aria-pressed="true"] { border-color: var(--findy); background: var(--findy-soft); box-shadow: inset 0 0 0 1px var(--findy), 0 0 0 3px var(--findy-purple-soft); }
.findy-option[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.findy-option__art { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle, var(--findy-glow), transparent 72%); }
.findy-option__art img { width: 38px; height: 40px; object-fit: contain; display: block; }
.findy-option__copy { display: grid; gap: 1px; min-width: 0; }
.findy-option__copy strong { font-size: 13px; font-weight: 650; line-height: 1.2; color: var(--ink); }
.findy-option__copy small { font-size: 11px; line-height: 1.35; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.findy-option[aria-pressed="true"] .findy-option__copy strong { color: var(--findy-strong); }

/* Faixa de apresentação: fundo claro do modo, texto escuro como no restante do site */
.findy-panel .ai-hero { margin-top: 14px; color: var(--ink); background: linear-gradient(135deg, var(--findy-soft), var(--paper) 78%); border-bottom: 1px solid var(--findy-line); }
.findy-panel .ai-hero small { color: var(--findy-strong); }
.findy-panel .ai-hero p { color: var(--muted); }
.findy-panel[data-findy-mode="rigido"] .ai-hero h2 { font-weight: 650; letter-spacing: -.01em; }
.findy-panel[data-findy-mode="amigavel"] .ai-hero h2 { font-weight: 500; }

/* Aura do personagem: a cor do modo ao redor, um anel roxo fino por dentro */
.findy-mascot--agent { overflow: visible; }
.findy-mascot--agent img { position: relative; z-index: 1; }
.findy-mascot--agent .thinking-needle { z-index: 2; }
.findy-aura { position: absolute; inset: -10% -14% 0; border-radius: 50%; background: radial-gradient(circle at 50% 42%, var(--findy-glow) 0%, transparent 62%); animation: findy-breathe 4s ease-in-out infinite; transform-origin: 50% 45%; }
.findy-aura::after { content: ''; position: absolute; inset: 16% 18% 14%; border-radius: 50%; border: 2px solid var(--findy); opacity: .32; box-shadow: inset 0 0 0 3px var(--findy-purple-soft); }
[data-findy-mode="moderado"] .findy-aura { animation-duration: 3s; }
[data-findy-mode="rigido"] .findy-aura { animation: findy-pulse 1.1s ease-in-out infinite; }
[data-findy-mode="rigido"] .findy-aura::after { opacity: .5; border-width: 3px; }
.findy-mascot--agent.is-thinking .findy-aura { animation-duration: 1.4s; }
.findy-thinking .findy-mascot--agent .findy-aura { inset: -8% -12% 0; }
@keyframes findy-breathe { 0%, 100% { transform: scale(.94); opacity: .78; } 50% { transform: scale(1.05); opacity: 1; } }
@keyframes findy-pulse { 0%, 100% { transform: scale(.96); opacity: .7; } 45% { transform: scale(1.06); opacity: 1; } 60% { transform: scale(1.02); opacity: .85; } }

/* Conversa */
.findy-panel .message { border-radius: var(--findy-radius); }
.findy-panel .message.bot { background: var(--findy-soft); color: var(--ink); border-left: 3px solid var(--findy); border-bottom-left-radius: 4px; }
.findy-panel .message.bot[data-mode="amigavel"] { --findy: #3f83de; --findy-soft: #eaf3ff; }
.findy-panel .message.bot[data-mode="moderado"] { --findy: #e3aa24; --findy-soft: #fff7d8; }
.findy-panel .message.bot[data-mode="rigido"] { --findy: #d1343f; --findy-soft: #fdeced; }
.findy-panel[data-findy-mode="rigido"] .message.bot { font-weight: 500; }
.findy-panel .message.user { border-bottom-right-radius: 4px; }
.findy-note { align-self: center; margin: 2px 0; padding: 4px 10px; font-size: 11px; color: var(--muted); background: var(--bg); border: 1px solid var(--line); border-radius: 999px; }
.findy-panel .findy-thinking { background: var(--findy-soft); color: var(--findy-strong); border-radius: var(--findy-radius); }
.findy-panel .quick-prompts button { color: var(--findy-strong); background: var(--findy-soft); border: 1px solid var(--findy-line); border-radius: var(--findy-radius); }
.findy-panel .quick-prompts button:hover { border-color: var(--findy); }
.findy-panel .chat-form input:focus { border-color: var(--findy); outline-color: var(--findy); }
.findy-panel .chat-form button { color: var(--findy-on); background: var(--findy); border-radius: var(--findy-radius); }
.findy-panel .chat-form button:hover { background: var(--findy-strong); color: #fff; }
.findy-panel[data-findy-mode="amigavel"] .chat-form input { border-radius: 14px; }
.findy-panel[data-findy-mode="rigido"] .chat-form input { border-radius: 6px; }

@media (max-width: 560px) {
  .findy-picker { gap: 6px; padding: 12px 12px 0; }
  .findy-option { flex-direction: column; align-items: flex-start; gap: 6px; padding: 8px; }
  .findy-option__copy small { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .findy-aura, [data-findy-mode="rigido"] .findy-aura { animation: none; }
}

/* Nota de uso do serviço e atalhos abaixo da conversa */
.findy-panel .findy-privacy { margin: 10px 17px 0; font-size: 10.5px; line-height: 1.5; color: var(--muted); }
.findy-panel .findy-links { display: flex; justify-content: flex-end; margin: 8px 17px 14px; }