/* Fully override Bootstrap's fixed width */
.input-group > select.form-select,
select.form-select {
  width: auto !important;
  flex: none !important; /* stops input-group from stretching */
  min-width: unset !important;
  max-width: none !important;
}

/* Container spacing so dropdowns don't touch edges */
.input-group-sm {
  padding: .5rem;
}

  /* Base dropdown reset for grouped mode */
  .input-group-sm select.form-select {
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0;
    border-radius: .375rem;
  }

    /* Group position styles (applied via JS) */
    .input-group-sm select.form-select.dg-first {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }

    .input-group-sm select.form-select.dg-middle {
      border-radius: 0 !important;
    }

    .input-group-sm select.form-select.dg-last {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }

    .input-group-sm select.form-select.dg-single {
      border-radius: .375rem !important;
    }

    /* Row spacing */
    .input-group-sm select.form-select.dg-newline {
      margin-top: .5rem;
    }