/* Custom Admin Styles */

/* Aumenta o tamanho da barra principal de pesquisa (nome, id etc) para caber o placeholder.
   Aplicamos as larguras também nos containers do Unfold para que a borda de foco acompanhe. */
#searchbar,
input[name="q"],
#changelist-search > div,
#changelist-search form > div {
    width: 100% !important;
    min-width: 40vw !important; /* Forces it to take at least 40% of viewport width if possible */
    max-width: 100% !important;
}

@media (min-width: 1024px) {
    #searchbar,
    input[name="q"],
    #changelist-search > div,
    #changelist-search form > div {
        min-width: 650px !important;
    }
}

/* Opcional: Permitir o contêiner de pesquisa a também preencher o espaço disponível */
.search-container form,
#changelist-search,
form#changelist-search {
    flex-grow: 1;
    width: 100%;
}