/* ==========================================================================
   RUKIA F10 — toolbar.css
   --------------------------------------------------------------------------
   F10.4.3-L — camada visual da toolbar operacional.

   Responsabilidade:
   - Card da toolbar
   - Grid de filtros e ações
   - Agrupamento dos botões da barra de operação

   NÃO contém:
   - Formulários e botões base
   - KPIs
   - Tabela/Paginação
   - Cliente Público
   - Modal
   - Importação

   Observação:
   - As regras responsivas globais que mencionam .toolbar/.toolbar-grid
     permanecem temporariamente em styles.css para evitar corte arriscado
     de responsividade misturada.
   ========================================================================== */

/* Toolbar */

.toolbar {
  display: grid;
  gap: 10px;
  padding: 10px;
  background: var(--bg-surface);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
}

.toolbar-grid {
  display: grid;
  grid-template-columns:
    minmax(220px, 1.5fr)
    minmax(150px, 0.8fr)
    repeat(2, minmax(138px, 0.65fr))
    auto
    auto;
  gap: 8px;
  align-items: end;
}

.toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}


/* Busca acionada pelo usuário: evita recarregar a visão enquanto ainda está digitando. */
.field-search-control {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.field-search-control .input {
  flex: 1 1 auto;
  min-width: 0;
}

.btn-search-filter {
  flex: 0 0 auto;
  min-width: 104px;
  padding-inline: 14px;
  white-space: nowrap;
}