.fm-form-input-and-help {
  display: flex;
  flex-wrap: wrap;
}
/* Place inputs above the hints visually */
.fm-form-input-and-help .fm-form-input {
  flex-basis: 100%;
  order: -1;
}
.fm-form-input-and-help .form-text {
  flex-basis: 100%;
  margin-bottom: .25rem;
  font-size: 1em;
  color: #555;
  font-style: italic;
}
.input-group-text { 
  padding: .125rem .375rem; 
}
.input-group-text .material-icons { 
  line-height: inherit; 
}

.fm-form-input-and-help:has(.fm-form-unset) .fm-form-input {
  flex-basis: calc(100% - 2.75rem);
}

.fm-form-input-and-help .fm-form-unset {
  margin-inline-start: auto;
  text-align: end;
}

/* Extra styling for logical field grouping on specific modals. In the Hold Policies
example below, chmm is the fieldmapper's class ID and item_owning_ou is the first
field name in a section that should have special row styling. */

.row {
  --section-border: 2px dotted var(--bs-gray-900);
  --section-padding: 2.5rem;
}

/* Modal for Local Admin > Hold Policies */
.chmm .row.item_owning_ou,
.chmm .row.user_home_ou,
.chmm .row.holdable,
.chmm .row.requestor_grp {
  border-top: var(--section-border);
  padding-top: var(--section-padding);
}

