/*
 * Objetivo: componente compartilhado de combo pesquisavel com fallback seguro.
 * Modulo: Compartilhado / Formularios
 * Autor: Sergio Alexander Loback da Silva
 * E-mail: sergio.silva@edu.itajai.sc.gov.br
 * Data de criacao: 2026-03-20
 * Ultima atualizacao: 2026-03-26
 * Versao de criacao: 3.3.02
 * Ultima versao alterada: 3.3.46
 * Observacoes para manutencao e IA:
 * - o componente aprimora `select` e `input[list]` sem quebrar o fallback nativo
 * - quando houver `data-combo-manter-ordem="1"`, a ordem original e preservada
 * - o dropdown e filtrado em tempo real e continua enviando o campo original
 */

.combo-pesquisavel {
    position: relative;
    z-index: 2;
}

.combo-pesquisavel__painel {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 1250;
    max-height: 260px;
    overflow: auto;
    padding: 5px;
    border: 1px solid rgba(148, 163, 184, .3);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .16);
    display: none;
}

.combo-pesquisavel.is-open .combo-pesquisavel__painel {
    display: block;
    z-index: 1300;
}

.combo-pesquisavel__lista {
    display: grid;
    gap: 4px;
}

.combo-pesquisavel__item {
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #0f172a;
    text-align: left;
    font-size: .92rem;
    line-height: 1.35;
    cursor: pointer;
}

.combo-pesquisavel__item:hover,
.combo-pesquisavel__item.is-highlight {
    background: rgba(59, 130, 246, .12);
    color: #1d4ed8;
}

.combo-pesquisavel__item.is-selecionado {
    background: rgba(34, 197, 94, .12);
    color: #166534;
    font-weight: 700;
}

.combo-pesquisavel__item.is-dimmed {
    opacity: .48;
}

.combo-pesquisavel__vazio {
    padding: 8px 10px;
    color: #64748b;
    font-size: .9rem;
}

.combo-pesquisavel__seta {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    pointer-events: none;
    color: #64748b;
    transition: transform var(--transicao);
}

.combo-pesquisavel.is-open .combo-pesquisavel__seta {
    transform: rotate(180deg);
}

.combo-pesquisavel--select input.combo-pesquisavel__controle {
    min-height: 38px;
    padding-right: 32px !important;
}

.combo-pesquisavel--input input.combo-pesquisavel__controle {
    min-height: 38px;
    padding-right: 32px !important;
}

.combo-pesquisavel__controle:focus {
    outline: none;
}

.combo-pesquisavel__select-original {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.combo-pesquisavel.is-invalid .combo-pesquisavel__controle {
    border-color: rgba(239, 68, 68, .7) !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .14) !important;
}