/* 1. Target the Group Wrapper */
.admin-inline-2-col {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Space between columns */
  align-items: flex-start; /* Aligns top of fields */
  width: 100%;
  margin-bottom: 1rem;
}

/* 2. Target the Fields inside the group */
/* We use > * to target the immediate children (the field wrappers) */
.admin-inline-2-col > * {
  flex: 1 1 calc(50% - 20px); /* Grow, Shrink, Basis (minus gap) */
  min-width: 250px; /* Force stack on very small screens */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 3. Ensure the dropdown/input inside takes full width of its column */
.admin-inline-2-col .form-item, 
.admin-inline-2-col .form-element {
  width: 100%;
  max-width: 100%;
}