.dropdown-box {
  /* Keep existing flex properties, they will apply to the individual boxes */
  flex: 1 1 22%; /* This makes them flexible and sets a preferred width */
  min-width: 180px;
  margin: 10px; /* Adjusted margin for better spacing when flexed */
}

/* New CSS for wrapping groups of dropdowns */
.frustrader-selectors-group {
    display: flex; /* Enable flexbox for horizontal arrangement */
    flex-wrap: wrap; /* Allow items to wrap to the next line on smaller screens */
    gap: 20px; /* Space between flex items (dropdown-box) */
    align-items: flex-start; /* Align items to the start of the cross axis (top) */
    margin-bottom: 10px; /* Space between the two main selector groups */
}

/* New CSS for aligning the submit button */
.frustrader-submit-button-wrapper {
    display: flex; /* Use flexbox to control button alignment */
    justify-content: flex-end; /* Pushes content (the button) to the right */
    width: 100%; /* Ensure it takes full width to align relative to the right edge */
    margin-top: 10px; /* Add some space above the button */
    padding-right: 10px; /* Optional: adjust if you want the button to not touch the absolute right edge */
}

label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

/* New CSS for horizontal checkboxes */
#signalTypeCheckboxes label {
  display: inline-block;
  margin-right: 15px;
  font-weight: normal;
}
#signalTypeCheckboxes input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 5px;
}


select, button {
  width: 100%;
  padding: 8px;
  border-radius: 2px;
  border: 1px solid #ccc;
}
button#submitSignal {
  background-color: #3764eb;
  color: white;
  margin-top: 10px;
  cursor: pointer;
  transition: background-color 0.3s;
  width: auto; /* Allow button to size based on content or be explicitly set */
  padding-left: 20px; /* Add some padding for better button appearance */
  padding-right: 20px;
  margin-left: 10px; /* Align with dropdown boxes if they have margin */
}
button#submitSignal:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
button#submitSignal:hover:enabled {
  background-color: #0088cc;
}
#pairBox {
  /* Removed margin-top: 10px; from #pairBox directly, as parent .dropdown-box or .frustrader-selectors-group will handle spacing now */
}