/* "← Voltar ao Kanban" no cabeçalho da conversa (web/js/voltar-kanban.js) e o destaque
   do cartão quando a Gestão reabre no lugar de onde a conversa foi aberta. */
.botao-voltar-kanban {
  display: inline-flex; align-items: center; gap: 5px; font-size: 12px; padding: 3px 10px;
  border-radius: 999px; border: 1px solid var(--ouro); background: rgba(202, 164, 97, .12);
  color: var(--ouro); cursor: pointer; white-space: nowrap; line-height: 1.4; font-weight: 600;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.botao-voltar-kanban:hover, .botao-voltar-kanban:focus-visible { background: var(--ouro); color: var(--sobre-ouro, #1a1d21); }
.botao-voltar-kanban[hidden] { display: none; }
@media (max-width: 640px) {
  .botao-voltar-kanban { padding: 3px 8px; font-size: 11px; }
  .botao-voltar-kanban .rotulo-longo { display: none; }
}

.kb-cartao.kb-cartao-destaque {
  border-color: var(--ouro);
  box-shadow: 0 0 0 3px rgba(202, 164, 97, .45);
  animation: kb-destaque 1.5s ease-out forwards;
}
@keyframes kb-destaque {
  0% { box-shadow: 0 0 0 4px rgba(202, 164, 97, .65); }
  100% { box-shadow: 0 0 0 0 rgba(202, 164, 97, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .kb-cartao.kb-cartao-destaque { animation: none; }
}