/* ============================================
   ProspectAI — patch-crm.css
   Adicione ao final do style.css do ProspectAI
   OU inclua no <head> do index.html:
   <link rel="stylesheet" href="patch-crm.css" />
============================================ */

/* Botão Enviar para CRM */
.crm-btn {
  background: rgba(167, 139, 250, 0.12);
  color: #a78bfa;
  border: 1px solid rgba(167, 139, 250, 0.25);
  border-radius: 8px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  font-family: 'IBM Plex Sans', sans-serif;
  cursor: pointer;
  transition: background .15s, color .15s, transform .1s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.crm-btn:hover:not(:disabled) {
  background: rgba(167, 139, 250, 0.22);
  transform: translateY(-1px);
}

.crm-btn:disabled { cursor: not-allowed; opacity: .75; }

.crm-btn--done {
  background: rgba(34, 197, 94, 0.12) !important;
  color: #22c55e !important;
  border-color: rgba(34, 197, 94, 0.25) !important;
}

.crm-btn--error {
  background: rgba(248, 113, 113, 0.12) !important;
  color: #f87171 !important;
  border-color: rgba(248, 113, 113, 0.25) !important;
}
