/* Target the Form Block specifically */
.sqs-block-form {
  background: #f9fafb !important; /* Light gray background like the ecosystem card */
  padding: 40px !important;
  border-radius: 24px !important;
  border: 1px solid #f3f4f6 !important;
}

/* Style the Labels */
.sqs-block-form .field-list .title {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  font-weight: 700 !important;
  color: #4b5563 !important;
  margin-bottom: 8px !important;
}

/* Style the Input Boxes */
.sqs-block-form .field-list .field-element {
  background-color: white !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 12px !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
}

.sqs-block-form .field-list .field-element:focus {
  border-color: #2563eb !important; /* HIQB Blue */
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1) !important;
}

/* Style the Submit Button */
.sqs-block-form .sqs-editable-button {
  background-color: #2563eb !important;
  color: white !important;
  font-family: 'Inter', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
  padding: 16px 32px !important;
  border-radius: 8px !important;
  transition: background 0.3s ease !important;
}

.sqs-block-form .sqs-editable-button:hover {
  background-color: #1d4ed8 !important;
}