/* AF CRM — abas das fichas de etapa (modal do funil) com a aba aberta em destaque (24/09/2026)
   O .afe-aba do add-on de atendimentos avulsos (seletor segmentado) também casava aqui e
   deixava a aba aberta quase igual às outras. Escopo em .afl-caixa para não mexer lá. */
.afl-caixa .afe-abas {
  gap: .4rem;
  padding: .8rem 1.25rem .75rem;
  border-bottom: 1px solid hsl(var(--border));
  background: transparent;
}
.afl-caixa .afe-abas .afe-aba {
  padding: .35rem .8rem;
  border-radius: 999px;
  border: 1px solid hsl(var(--border));
  background: transparent;
  box-shadow: none;
  color: hsl(var(--muted-foreground));
  font-size: .8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color .15s, color .15s, border-color .15s, box-shadow .15s;
}
.afl-caixa .afe-abas .afe-aba:hover { background: hsl(var(--muted)); color: hsl(var(--foreground)); filter: none; }
.afl-caixa .afe-abas .afe-aba-cheia { color: hsl(var(--foreground)); }

/* etapa em que o lead está no funil (quando não é a aba aberta): contorno tracejado laranja */
.afl-caixa .afe-abas .afe-aba-atual {
  border-style: dashed;
  border-color: #ea580c;
  color: #c2410c;
}

/* aba aberta: laranja cheio da marca */
.afl-caixa .afe-abas .afe-aba.afe-aba-on,
.afl-caixa .afe-abas .afe-aba.afe-aba-on:hover {
  background: #ea580c;
  border: 1px solid #ea580c;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 2px 10px rgba(234, 88, 12, .35);
}

:is(.dark *).afl-caixa .afe-abas .afe-aba-atual,
:is(.dark *) .afl-caixa .afe-abas .afe-aba-atual { border-color: #fb923c; color: #fdba74; }
:is(.dark *).afl-caixa .afe-abas .afe-aba.afe-aba-on,
:is(.dark *) .afl-caixa .afe-abas .afe-aba.afe-aba-on {
  background: #ea580c; border-color: #ea580c; color: #fff; box-shadow: 0 2px 12px rgba(234, 88, 12, .45);
}

/* 24/09 (b): com a gaveta do lead aberta o Radix põe pointer-events:none no body e o modal das fichas
   herdava isso — o 1º clique atravessava o modal, caía no fundo escuro da gaveta e a fechava. */
.afl-fundo { pointer-events: auto; }