/* Period filter shared by every page (templates/partials/date_range.html):
   two native date fields in one input group, sized to a full date so the
   group never stretches across the filter row or squeezes the year. */
.date-range {
  flex-wrap: nowrap;
  width: auto;
}

.date-range .date-range-input {
  flex: 0 1 9.75rem;
  min-width: 7.75rem;
}

.input-group-sm.date-range .date-range-input {
  flex-basis: 8.75rem;
  min-width: 7.25rem;
}

@media (max-width: 575.98px) {
  .date-range {
    width: 100%;
  }

  .date-range .date-range-input,
  .input-group-sm.date-range .date-range-input {
    flex: 1 1 0;
    min-width: 0;
  }
}