/* AF CRM — foto do WhatsApp nos avatares + etiquetas nos cards do funil (24/09/2026) */
.afx-foto {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: transparent !important;
  text-shadow: none !important;
}

.afx-tags { display: flex; flex-wrap: wrap; gap: .25rem; margin: .45rem 0 0; }
.afx-tag {
  display: inline-flex; align-items: center; max-width: 100%;
  padding: .05rem .45rem; border-radius: 999px; border: 1px solid transparent;
  font-size: .68rem; font-weight: 600; line-height: 1.35rem; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.afx-t-quente { background: #fee2e2; color: #b91c1c; border-color: #fecaca; }
.afx-t-morno  { background: #ffedd5; color: #c2410c; border-color: #fed7aa; }
.afx-t-frio   { background: #dbeafe; color: #1d4ed8; border-color: #bfdbfe; }
.afx-t-crim   { background: #f1f5f9; color: #0f172a; border-color: #cbd5e1; }
.afx-t-ep     { background: #ede9fe; color: #6d28d9; border-color: #ddd6fe; }
.afx-t-fam    { background: #fce7f3; color: #be185d; border-color: #fbcfe8; }
.afx-t-banc   { background: #dcfce7; color: #15803d; border-color: #bbf7d0; }
.afx-t-cons   { background: #fef9c3; color: #a16207; border-color: #fef08a; }
.afx-t-civ    { background: #e0f2fe; color: #0369a1; border-color: #bae6fd; }
.afx-t-imob   { background: #f5f5f4; color: #57534e; border-color: #e7e5e4; }
.afx-t-trab   { background: #cffafe; color: #0e7490; border-color: #a5f3fc; }
.afx-t-prev   { background: #e0e7ff; color: #4338ca; border-color: #c7d2fe; }
.afx-t-outra  { background: hsl(var(--muted)); color: hsl(var(--foreground)); border-color: hsl(var(--border)); }

:is(.dark *) .afx-tag { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); }
:is(.dark *) .afx-t-quente { color: #fca5a5; }
:is(.dark *) .afx-t-morno  { color: #fdba74; }
:is(.dark *) .afx-t-frio   { color: #93c5fd; }
:is(.dark *) .afx-t-crim   { color: #e2e8f0; }
:is(.dark *) .afx-t-ep     { color: #c4b5fd; }
:is(.dark *) .afx-t-fam    { color: #f9a8d4; }
:is(.dark *) .afx-t-banc   { color: #86efac; }
:is(.dark *) .afx-t-cons   { color: #fde047; }
:is(.dark *) .afx-t-civ    { color: #7dd3fc; }
:is(.dark *) .afx-t-imob   { color: #d6d3d1; }
:is(.dark *) .afx-t-trab   { color: #67e8f9; }
:is(.dark *) .afx-t-prev   { color: #a5b4fc; }

/* foto ampliada (clique no avatar) */
.afx-foto { cursor: zoom-in; }
.afx-zoom {
  position: fixed; inset: 0; z-index: 10000; pointer-events: auto;
  display: flex; align-items: center; justify-content: center; padding: 16px;
  background: rgba(0, 0, 0, .72); animation: afx-entra .15s ease-out;
}
@keyframes afx-entra { from { opacity: 0; } to { opacity: 1; } }
.afx-zoom-caixa { margin: 0; display: flex; flex-direction: column; align-items: center; gap: .6rem; max-width: 100%; }
.afx-zoom-caixa img {
  display: block; max-width: min(520px, 90vw); max-height: 78vh; width: auto; height: auto;
  border-radius: 1rem; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); background: #111;
}
.afx-zoom-caixa figcaption { color: #fff; font-weight: 600; font-size: .95rem; text-align: center; }
.afx-zoom-x {
  position: absolute; top: 14px; right: 18px; width: 2.4rem; height: 2.4rem; border-radius: 999px;
  border: 0; background: rgba(255, 255, 255, .15); color: #fff; font-size: 1.5rem; line-height: 1; cursor: pointer;
}
.afx-zoom-x:hover { background: rgba(255, 255, 255, .28); }

/* selo de mensagem programada no card do funil (25/09/2026) */
.afx-ag { gap: .25rem; background: #fff7ed; color: #c2410c; border-color: #fdba74; }
.afx-ag svg { flex: 0 0 auto; }
.afx-ag-erro { background: #fef2f2; color: #b91c1c; border-color: #fca5a5; }
:is(.dark *) .afx-ag { color: #fdba74; border-color: rgba(251, 146, 60, .5); }
:is(.dark *) .afx-ag-erro { color: #fca5a5; border-color: rgba(248, 113, 113, .5); }