.eoc-ecm-sync-fieldset {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}
.eoc-ecm-sync-fieldset > legend {
  display: none;
}

#edit-eoc-ecm-sync,
.eoc-ecm-sync-fieldset {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Make radio buttons inline */
.inline-radio .form-radios {
  display: flex;
  gap: 50px; /* space between radio buttons */
  padding: 20px 28px;
}

.inline-radio .form-radios .form-item {
  margin: 0; /* remove extra vertical spacing */
}

/* Inline buttons under CRM field */
.crm-buttons {
  display: flex;
  gap: 10px;
  margin-top: 5px;
}

/* Error Message */
.crm-keyword-error {
  color: red;
  margin: 0;
}



.form-item-eoc-ecm-sync-crm-keyword,
.form-item-eoc-ecm-sync-crm-keyword-error {
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure your error div itself has no margin/padding, though this is usually secondary to the form-item wrapper */
.crm-keyword-error {
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 9px !important;
}





/********************** Wrapper **********************/
.crm-keyword-wrapper {
  position: relative;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

/********************** Input **********************/
#crm-keyword-input {
  width: 100%;
  padding-right: 35px; /* space for icons */
  box-sizing: border-box;
}

.js-form-item-crm-keyword{
  margin-bottom: 0 !important;
  height: 70px;
}

/********************** Shared Icons **********************/
#crm-loader,
#crm-success,
#crm-validation-error {
  position: absolute;
  right: 10px;
  top: 66%;
  transform: translateY(-50%);
  height: 18px;
  display: none; /* default hidden */
}
#crm-validation-error img{
  height: 24px;
}

/********************** Loader **********************/
#crm-loader .ajax-progress .throbber {
  border: 3px solid rgba(0, 123, 255, 0.2);
  border-top: 3px solid #007bff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 0.8s linear infinite;
}

/********************** Success Icon **********************/
#crm-success {
  color: #fff;
  background-color: #28a745;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 20px;
  line-height: 18px;
  text-align: center;
}

/********************** Error Icon **********************/
#crm-validation-error {
  color: #dc3545;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* This hides the label, the input, and the wrapper div entirely. */
.js-form-item-field-title-bn-0-value, .js-form-item-field-content-creation-process-0-value{
  display: none !important;
}


/*Clear data button style*/
.clear-all-js {
  background: transparent !important;
  border: none !important;
  color: red !important;
  padding: 0;
  box-shadow: none !important;
  cursor: pointer;
  font-weight: 400 !important;
}