/**
 * Barras de búsqueda y filtros — layout en fila (admin, CRM, SEO, facturación, blog).
 * Los estilos de <select> (chevron) viven en mws-select.css; aquí solo disposición.
 */

.mws-toolbar,
.mws-fin-toolbar,
.mws-seo-filters,
.mws-quote-filters,
.be-toolbar,
.blog-list-filters__row,
.mws-ia-hub .mws-ia-toolbar,
.ak-x-toolbar,
.ak-train-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

/* Evita un control por línea (anula width:100% de mws-select en formularios) */
.mws-toolbar select,
.mws-toolbar input[type="search"],
.mws-toolbar input[type="text"]:not([type="hidden"]),
.mws-fin-toolbar select,
.mws-fin-toolbar input[type="date"],
.mws-fin-toolbar input[type="text"],
.mws-seo-filters select,
.mws-seo-filters input[type="text"],
.mws-seo-filters input[type="search"],
.mws-quote-filters__field select,
.mws-quote-filters__field input[type="search"],
.mws-quote-filters__field input[type="text"],
.be-toolbar select,
.be-toolbar input[type="search"],
.be-toolbar input[type="text"],
.be-toolbar .be-input:not(.be-input--wide),
.be-toolbar .be-select,
.blog-list-filters__select,
.mws-ia-hub .mws-ia-toolbar select {
  width: auto !important;
  max-width: 16rem;
  flex: 0 1 auto;
  min-width: 8.5rem;
}

.mws-toolbar input[type="search"],
.mws-toolbar .mws-input--search {
  flex: 1 1 11rem;
  min-width: min(160px, 100%);
  max-width: 24rem;
}

.be-toolbar__grow {
  flex: 1 1 14rem;
  min-width: min(160px, 100%);
  max-width: 28rem;
}

.be-toolbar__grow .be-input,
.be-toolbar__grow input[type="search"] {
  width: 100% !important;
  max-width: none;
}

/* Labels compactos en línea (SEO, finanzas) */
.mws-seo-filters label,
.mws-fin-toolbar label {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.45rem;
  flex: 0 1 auto;
  margin: 0;
  white-space: nowrap;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.8125rem;
  font-weight: 600;
}

.mws-seo-filters__hint {
  align-self: center;
  flex: 0 0 auto;
}

/* Cotizaciones CRM: etiqueta + control en horizontal */
.mws-quote-filters__field {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.45rem;
  flex: 0 1 auto;
  margin: 0;
}

.mws-quote-filters__field span {
  display: inline;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  color: inherit;
  opacity: 0.75;
  white-space: nowrap;
}

.mws-quote-filters__field input[type="search"] {
  flex: 1 1 10rem;
  min-width: min(140px, 100%);
  max-width: 18rem;
}

/* Facturación: campo + etiqueta */
.be-toolbar .be-field {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
  flex: 0 1 auto;
}

.be-toolbar .be-label {
  margin: 0;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 600;
}

/* Blog público */
.blog-list-filters__field {
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  min-width: auto;
  flex: 0 1 auto;
}

.blog-list-filters__label {
  margin: 0;
  white-space: nowrap;
}

.blog-list-filters__select {
  min-width: 10.5rem;
}

.blog-list-filters__actions {
  flex: 0 0 auto;
  margin-left: auto;
}

.mws-toolbar .mws-btn,
.mws-toolbar .mws-toolbar-archived,
.mws-toolbar label.mws-toolbar-archived,
.mws-fin-toolbar .mws-btn,
.mws-seo-filters button,
.mws-quote-filters .mws-btn,
.be-toolbar button,
.be-toolbar .bf-btn {
  flex: 0 0 auto;
}

.mws-toolbar-archived {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  white-space: nowrap;
}

/* Pantallas anchas: una sola fila cuando cabe */
@media (min-width: 1024px) {
  .mws-crm-page .mws-toolbar,
  .mws-seo-app .mws-seo-filters,
  .mws-fin-toolbar {
    flex-wrap: nowrap;
  }
}

@media (max-width: 640px) {
  .mws-seo-filters label,
  .mws-fin-toolbar label,
  .mws-quote-filters__field,
  .be-toolbar .be-field {
    flex: 1 1 100%;
    min-width: 0;
  }

  .mws-toolbar input[type="search"],
  .mws-toolbar .mws-input--search,
  .be-toolbar__grow {
    flex: 1 1 100%;
    max-width: none;
  }
}