/* Remove borda/anel vermelho de validação nos campos Tipo de Pessoa e Nome (antes e depois do submit) */
.fi-customer-no-invalid-ring .fi-invalid,
.fi-customer-no-invalid-ring .ring-danger-600,
.fi-customer-no-invalid-ring.ring-danger-600,
.fi-customer-no-invalid-ring [class*="ring-danger"] {
  --tw-ring-color: rgb(0 0 0 / 0.1) !important;
}

.dark .fi-customer-no-invalid-ring .fi-invalid,
.dark .fi-customer-no-invalid-ring .ring-danger-500,
.dark .fi-customer-no-invalid-ring .ring-danger-600,
.dark .fi-customer-no-invalid-ring [class*="ring-danger"] {
  --tw-ring-color: rgb(255 255 255 / 0.2) !important;
}

.fi-customer-no-invalid-ring .fi-invalid.text-danger-600,
.fi-customer-no-invalid-ring .fi-invalid.dark\:text-danger-500 {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / 0.2) !important;
}

.dark .fi-customer-no-invalid-ring .fi-invalid.text-danger-600,
.dark .fi-customer-no-invalid-ring .fi-invalid.dark\:text-danger-500 {
  color: rgb(255 255 255 / 0.3) !important;
}

/* "Tipo de Contraparte": chips e o campo de busca (placeholder "Selecione
   uma opção") fluem juntos na mesma linha, da esquerda para a direita,
   quebrando para a linha de baixo apenas quando a linha enche — em vez de
   o placeholder cair para a linha de baixo assim que o 1º chip é adicionado. */
.fi-counterparty-types-tags .choices__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

/* Faz os chips serem itens flex diretos do .choices__inner, lado a lado
   com o input de busca. */
.fi-counterparty-types-tags .choices__list--multiple {
  display: contents;
}

.fi-counterparty-types-tags .choices__list--multiple .choices__item {
  white-space: nowrap;
  word-break: normal;
}

/* O input de busca ocupa o espaço restante à direita dos chips e só vai
   para a próxima linha quando não couber mais. */
.fi-counterparty-types-tags .choices__input--cloned {
  flex: 1 1 4rem;
  min-width: 4rem;
  margin: 0;
}