/* container just takes full width */
.row.control-inline { width: 100%; }

/* make the row a 2-column grid: [text | switch] */
.row.control-inline .left {
  display: grid;
  grid-template-columns: 1fr auto; /* text grows, switch keeps its width */
  align-items: center;              /* centers the switch against 1 or 2 text lines */
  column-gap: 12px;
  width: 100%;
}

/* ensure the title wraps cleanly and doesn't add extra spacing */
.row.control-inline .title {
  margin: 0;
  font-weight: 600; /* or whatever you use */
  overflow-wrap: anywhere; /* optional if you have very long unbroken strings */
}

/* keep the switch pinned to the right edge */
.row.control-inline .switch {
  justify-self: end;
  align-self: center; /* explicit for clarity */
}
