/**
 * Service Lines filters — loaded AFTER /css/styles.css (see nuxt.config.ts).
 * Mobile: search input full width (stacked with button); date range matches dropdown width.
 * Overrides Bootstrap .input-group > .form-control { flex; width: 1% } from theme.
 */
@media (max-width: 767.98px) {
  .networks-search-stack-responsive.input-group {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    row-gap: 0.5rem;
    column-gap: 0 !important;
  }

  .networks-search-stack-responsive.input-group > .form-control {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: var(--bs-border-radius-sm) !important;
  }

  .networks-search-stack-responsive.input-group > .btn {
    width: 100% !important;
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline: 0 !important;
    border-radius: var(--bs-border-radius-sm) !important;
  }

  .networks-toolbar-date .usage-range-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}