/* Topbar responsivo: busca do menu + seletor de empresa dividem a mesma linha.

   O seletor de empresa (render hook GLOBAL_SEARCH_BEFORE, view
   filament/company-switcher.blade.php) tinha largura fixa e não encolhia — um
   <select> nunca encolhe abaixo da largura da maior <option> sem `min-width: 0`.
   No mobile ele empurrava a busca do menu para ~18px de campo útil e ainda
   estourava a largura da tela (scroll horizontal no topbar). */

/* Largura confortável no desktop; a partir de `lg` sobra espaço para os dois. */
.fi-topbar .fi-company-switcher select {
  max-width: 240px;
  padding-inline-end: 2rem;
  text-overflow: ellipsis;
}

/* Abaixo de `lg` (1024px) o topbar não comporta os dois em largura fixa:
   a busca ganha um piso de 8rem e o seletor ocupa (e encolhe com) o resto. */
@media (max-width: 1023px) {
  .fi-topbar nav > .ms-auto {
    min-width: 0;
  }

  .fi-topbar .fi-menu-search {
    flex: 1 1 8rem;
    min-width: 7rem; /* piso: campo de busca sempre digitável */
  }

  .fi-topbar .fi-company-switcher {
    min-width: 0;
  }

  .fi-topbar .fi-company-switcher select {
    width: 100%;
    min-width: 0;
    max-width: 12rem; /* encolhe com reticências em vez de espremer a busca */
  }
}