/*
 * Painel "Mais" do topbar (priority+): grade com os icones que nao couberam
 * no #topbar-icons-cluster, movidos por _topbar_priority_overflow.js.
 * Carregar DEPOIS de topbar_responsive_fix.css (a regra de dropdown fixed
 * de la' cobre itens que ficaram no cluster; esta cobre os recolhidos).
 */
#topbar-more-menu {
    display: none;
    min-width: 220px;
    max-width: min(92vw, 320px);
}

#topbar-more-menu.show {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    z-index: 1100;
}

/* Icones recolhidos: mesma pegada visual do cluster, sem as margens
   herdadas (ms-1/ms-2) que so' fazem sentido na fileira do topbar */
#topbar-more-menu .header-item {
    height: 42px;
    margin: 0 !important;
}

/* Dropdown de um icone aberto de DENTRO do painel "Mais": mesmo padrao
   fixed ancorado sob o topbar que topbar_responsive_fix.css usa <=1024px
   para o cluster, aqui em QUALQUER largura (a strategy 'fixed'
   correspondente e' garantida por _topbar_dropdown_fixed_strategy.js via
   closest('#topbar-more-menu')). z-index acima do proprio painel (1100). */
#topbar-more-menu .dropdown > .dropdown-menu.show {
    position: fixed !important;
    top: 70px !important;
    right: 12px !important;
    left: auto !important;
    z-index: 1110;
    transform: none !important;
    max-width: min(94vw, 420px);
}

/* Select de clientes (Super Admin): largura antes garantida por style
   inline no <select> (removido); o select2 copia esta medida na
   inicializacao. No mobile, 200px monopolizava o topbar de 375px. */
#clienteSelect {
    min-width: 200px;
}

@media (max-width: 575.98px) {
    #topbar-icons-cluster #clienteSelect {
        min-width: 130px;
    }
}