/* janelinha do "Achou um erro?" (contato.js) — mesmo visual do app: cartão branco, verde #00843D */
.contato-janela {
  --c-fundo: #ffffff; --c-texto: #1c2622; --c-suave: #5d6b64; --c-borda: #dde5e0;
  --c-verde: #00843D; --c-verde-escuro: #006b31; --c-campo: #f3f6f4;
  border: 0; padding: 0; border-radius: 18px; width: min(440px, calc(100vw - 32px));
  background: var(--c-fundo); color: var(--c-texto);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .22);
  font-family: inherit;
}
[data-tema="escuro"] .contato-janela {
  --c-fundo: #1b2420; --c-texto: #e8efeb; --c-suave: #a5b3ac; --c-borda: #33413a;
  --c-verde: #2fb36a; --c-verde-escuro: #46c47e; --c-campo: #24302a;
}
.contato-janela::backdrop { background: rgba(10, 20, 15, .45); }
.contato-caixa { position: relative; padding: 22px 20px 20px; margin: 0; }
.contato-caixa h2 { margin: 0 32px 6px 0; font-size: 1.15rem; font-weight: 800; }
.contato-dica { margin: 0 0 14px; color: var(--c-suave); font-size: .95rem; line-height: 1.45; }
.contato-fechar {
  position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 50%;
  border: 0; background: transparent; color: var(--c-suave); font-size: 1.5rem; line-height: 1; cursor: pointer;
}
.contato-fechar:hover, .contato-fechar:focus-visible { background: var(--c-campo); color: var(--c-texto); }
.contato-email {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  background: var(--c-campo); border: 1px solid var(--c-borda); border-radius: 12px; padding: 10px 10px 10px 14px;
}
.contato-end { flex: 1 1 180px; font-weight: 700; word-break: break-all; user-select: all; }
.contato-copiar {
  border: 1px solid var(--c-verde); background: transparent; color: var(--c-verde);
  border-radius: 999px; padding: 7px 14px; font: inherit; font-weight: 700; font-size: .9rem; cursor: pointer;
}
.contato-copiar:hover, .contato-copiar:focus-visible { background: var(--c-verde); color: #fff; }
.contato-copiado { min-height: 1.2em; margin: 6px 2px 10px; font-size: .88rem; color: var(--c-verde); }
.contato-opcoes { display: grid; gap: 8px; }
.contato-op {
  display: block; text-align: center; text-decoration: none; font-weight: 700;
  padding: 12px 14px; border-radius: 12px; border: 1px solid var(--c-borda); color: var(--c-texto);
}
.contato-op:first-child { background: var(--c-verde); border-color: var(--c-verde); color: #fff; }
.contato-op:hover, .contato-op:focus-visible { border-color: var(--c-verde); }
.contato-op:first-child:hover, .contato-op:first-child:focus-visible { background: var(--c-verde-escuro); }
@media (prefers-reduced-motion: no-preference) {
  .contato-janela[open] { animation: contato-entra .16s ease-out; }
  @keyframes contato-entra { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}