/* --- ESTILO DO CONTAINER PAI --- */
.ts-wrapper {
    width: 100% !important; /* Garante que o container ocupe a col-md-6 inteira */
    display: block !important;
    position: relative !important; /* Referência para o dropdown */
}

/* --- ESTILO DO INPUT VISUAL --- */
.ts-control {
    width: 100% !important;
    min-height: 45px !important;
    border: 1px solid #ced4da; /* Borda padrão Bootstrap */
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1; /* Fica abaixo do dropdown */
}

/* --- ESTILO DO DROPDOWN (A CORREÇÃO PRINCIPAL) --- */
.ts-dropdown {
    /* Força largura de 100% relativa ao .ts-wrapper */
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    /* Cola nas bordas esquerda/direita do pai */
    left: 0 !important;
    right: 0 !important;

    /* Posicionamento logo abaixo do input */
    top: 100% !important;
    margin-top: 2px !important;

    /* Visual */
    position: absolute !important;
    z-index: 10000 !important; /* Garante que fique acima de tudo no modal */
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    box-sizing: border-box; /* Padding não aumenta a largura */
}

/* Garante que o texto dentro das opções não quebre o layout */
.ts-dropdown .option {
    white-space: normal;
    overflow-wrap: break-word;
}