/* =============================================================================
 * easy-filter-chosen.css
 *
 * Estilos para o <select> de filtro legado quando renderizado via Chosen
 * (classe .Easy-filter-select aplicada por HtmlExtentions.getFilterControl).
 *
 * Foco principal: nome dos GRUPOS (optgroup) em azul, mesma cor do botao
 * "Filtrar" da CnFiltroBar Vue 3 (#3b82f6 — Tailwind blue-500). Isso garante
 * coerencia visual entre os filtros legado e os filtros Vue 3.
 *
 * Tambem ajustes pontuais no painel do Chosen pros filtros: campo de busca
 * visivel ate mesmo com poucos itens (search_threshold) e espacamento entre
 * grupos pra melhor legibilidade.
 * ============================================================================= */

/* Label do grupo (optgroup) dentro do painel do Chosen */
.chosen-container .chosen-results li.group-result {
    color: #3b82f6;                     /* azul do cn-btn-primary */
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding-top: 10px;
    padding-bottom: 4px;
    border-top: 1px solid #e5e7eb;
    cursor: default;
}

/* Primeiro grupo nao precisa de borda/padding superior */
.chosen-container .chosen-results li.group-result:first-child {
    border-top: none;
    padding-top: 6px;
}

/* Itens "filhos" do grupo: leve indent visual */
.chosen-container .chosen-results li.group-option {
    padding-left: 18px;
}

/* Campo de busca no topo do dropdown — destaque sutil */
.Easy-filter-select + .chosen-container .chosen-search input[type="text"] {
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 4px 8px;
}

/* Garante que o trigger do Chosen no filtro alinha bem com o restante da barra
 * e tem largura util mesmo quando o <select> original nao tinha width definido
 * (Chosen herda do select; sem isso o container pode ficar com largura 0). */
.Easy-filter .chosen-container {
    vertical-align: middle;
    min-width: 280px;
    width: 320px !important;
}

/* Trigger principal (botao que abre o dropdown) */
.Easy-filter .chosen-container-single .chosen-single {
    height: 30px;
    line-height: 28px;
}

/* Aumenta a altura da listagem quando aberta: padrao do Chosen eh 240px,
 * curto demais pra catalogos com varios grupos/filtros. */
.Easy-filter .chosen-container .chosen-results {
    max-height: 440px;
}