.editModal {
  /* Custom styling for the edit modal */
}

.editForm {
  /* Form-specific styling within the modal */
  min-width: 400px;
}

/* Ensure proper spacing for form elements */
.editForm :global(.fieldGroup) {
  margin-bottom: 18px;
}

.editForm :global(.floatingLabelInput) {
  margin-bottom: 18px;
}

/* Style the readonly fields to blend better with the modal */
.editForm :global(.readonlyField) {
  background-color: var(--color-bg);
  opacity: 0.8;
  font-style: italic;
}

/* Enhance button styling within the modal */
.editForm :global(.buttonGroup) {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid var(--color-primary);
}

.editForm :global(.saveButton) {
  background-color: var(--color-secondary);
  min-width: 120px;
}

.editForm :global(.saveButton:hover) {
  background-color: var(--color-secondary-hover);
}

.editForm :global(.cancelButton) {
  min-width: 100px;
}

/* Responsive design */
@media (max-width: 640px) {
  .editForm {
    min-width: 300px;
  }
  
  .editForm :global(.buttonGroup) {
    gap: 8px;
  }
  
  .editForm :global(.saveButton),
  .editForm :global(.cancelButton) {
    flex: 1;
    min-width: unset;
  }
}