/* Fix Global para Choices.js - Input de busca sempre visível */

/* Esconder select original durante inicialização do Choices.js */
select[data-choices]:not(.choices__input--cloned) {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Fix para multi-selects: garantir que input de busca seja sempre visível */
.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;  /* ZERO gap entre os itens */
}

/* CRÍTICO: Input de busca ULTRA-COMPACTO (x colado ao texto) */
.choices[data-type*="select-multiple"] .choices__input,
.choices[data-type*="text"] .choices__input {
    flex: 0 0 auto !important;  /* Não cresce, não encolhe */
    min-width: 4.5ch !important;  /* 4.5 caracteres - reduzido ao limite seguro */
    width: auto !important;  /* Largura automática */
    max-width: 90px !important;    /* Limite ainda mais reduzido */
    background-color: transparent !important;
    padding: 4px 0 !important;  /* ZERO padding lateral */
    margin: 0 !important;  /* Sem margem */
    margin-right: -3px !important;  /* Margem negativa à direita */
    letter-spacing: 0 !important;  /* Sem espaçamento entre letras */
}

/* Container do input clonado com mesma configuração */
.choices[data-type*="select-multiple"] .choices__input--cloned,
.choices[data-type*="text"] .choices__input--cloned {
    width: auto !important;
    min-width: 4.5ch !important;
    max-width: 90px !important;
    flex: 0 0 auto !important;
    padding: 4px 0 !important;  /* ZERO padding lateral */
    margin: 0 !important;
    margin-right: -3px !important;
    letter-spacing: 0 !important;
}

/* Botão de limpar (x) MÁXIMO COLADO ao input */
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
    padding: 0 !important;  /* ZERO padding */
    margin-left: -8px !important;  /* Margem negativa MÁXIMA para colar */
    margin-right: 0 !important;
    position: relative !important;
    z-index: 1 !important;  /* Fica na frente do input */
}

/* Lista de múltiplos itens inline com flexbox */
.choices[data-type*="select-multiple"] .choices__list--multiple,
.choices[data-type*="text"] .choices__list--multiple {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ajustar margem dos itens selecionados */
.choices__list--multiple .choices__item {
    margin-bottom: 3.75px !important;
    margin-right: 3.75px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Botão 'x' dentro do item selecionado */
.choices__list--multiple .choices__item .choices__button {
    margin-left: 4px !important;
}