/* Specific styling for workflow modal */
.workflow-rest-api {
  display: flex;
  flex-direction: column;
}

/* Ensure method and URL fields have full width in workflow node */
.workflow-rest-api .me-2,
.workflow-rest-api .field {
  width: 100% !important;
  margin-bottom: 16px; /* Increased spacing to avoid label overlap */
}

/* Ensure URL label doesn't overlap with Method dropdown */
.workflow-rest-api .field .font-weight-medium {
  margin-bottom: 4px;
  display: block;
  padding-top: 4px; /* Add space above URL label */
}

/* Fix the method dropdown width and height for workflow */
.workflow-rest-api .me-2 {
  width: 150px !important; /* Wider to accommodate "DELETE" and other long options */
  height: auto !important;
  min-height: 32px;
}

/* Fix Add more button to fit text properly */
.add-params-btn {
  width: 100px !important;
  padding: 4px 8px;
}

.add-params-btn p {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button fix for workflow */
.workflow-rest-api ~ .query-pane-restapi-tabs .add-params-btn {
  width: auto !important;
  min-width: 100px;
}