:root {
    --font-h3: 2rem;
    --font-h4: 1.625rem;
    --font-h5: 1.25rem;
    --font-h6: 1.125rem;
    --font-body: 0.9375rem;
    --blue-100: #0A3575;
    --grey-100: #273441;
    --grey-75: #5D6771;
    --grey-03: #F7F8F8;
    --blue-20: #D1DDF6;
    --blue-15: #DDE6F8;
    --blue-05: #F4F7FD;
}

.h-7 {
    height: 1.9rem;
    margin-left: -35px;
}

div.text-sm.max-w-\[160px\] {
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 500;
    font-family: 'Inter';
}

@media (max-width: 1023px) {
  #search-bar-entry-mobile {
    margin-right: 40px;
  }
}

@media (max-width: 1023px) {
  #assistant-entry-mobile {
    margin-right: 20px;
  }
}

.asw-menu-btn {
    position: fixed !important;
    z-index: 9999 !important;
    right: 25px !important;
    left: auto !important;
    bottom: 100px!important;
    width: 38px!important;
    height: 38px!important;
}

.text-gray-400 {
    color: black;
}
.text-gray-500 {
    color: #595959;
}
.text-gray-600 {
    color: #3A3C3E;
}
.text-gray-900 {
    color: #2C2C2C;
}

.dark\:text-gray-500:is(.dark *) {
    color: #ffffff;
}
.dark\:text-gray-400:is(.dark *) {
    color: #ffffff;
}

.dark\:prose-invert:is(.dark *) {
  /* Add or modify this line */
  --tw-prose-body: #ffffff; /* This sets the main text to white */
  
  /* You might also want to adjust these related text colors */
  --tw-prose-headings: #ffffff;
  --tw-prose-lead: #ffffff;
  --tw-prose-links: #93c5fd; /* Keep links a different color for usability */
}

.text-emerald-900 {
    --tw-text-opacity: 1;
    color: rgb(5 70 49 / var(--tw-text-opacity));
}

.text-emerald-600 {
    --tw-text-opacity: 1;
    color: rgb(5 70 49 / var(--tw-text-opacity));
}

.bg-gray-400 {
    background-color: #4D4E52;
}

.dark\:bg-gray-500:is(.dark *) {
    background-color: #D8DADF;
}

.text-zinc-400 {
    --tw-text-opacity: 1;
    color: #4D4E52;
}

.dark\:text-zinc-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: #D8DADF;
}

.dark .prose :where(p) {
  color: white;
}


/* Light mode background */
span.fixed.inset-0.bg-background-light.dark\:bg-background-dark.-z-10 {
  background: linear-gradient(to right, #f9fbfc 0%, #e5eef9 100%) !important;
}

/* Dark mode background - using .dark class instead of [data-theme="dark"] */
.dark span.fixed.inset-0.bg-background-light.dark\:bg-background-dark.-z-10 {
  background: linear-gradient(to right, #0a0d1f 0%, #06326a 50%, #0c5e74 100%) !important;
}

/* Hide the auto-generated title from filename */
.nx-prose h1:first-of-type {
  display: none !important;
}

/* Welcome Page Specific Styles */
.welcome-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Hero Section */
.hero-section {
  text-align: center;
  padding: 2.5rem 2rem;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 20px;
  margin: 2rem 0;
  position: relative;
  overflow: hidden;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hero-section::before {
  content: '';
  position: absolute;
  top: -80px;
  right: -80px;
  width: 350px;
  height: 280px;
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #2563eb 100%);
  border-radius: 50% 40% 60% 30%;
  opacity: 0.6;
  filter: blur(50px);
  animation: hero-float 6s ease-in-out infinite;
  z-index: 1;
}

.hero-section::after {
  content: '';
  position: absolute;
  bottom: -60px;
  left: -60px;
  width: 250px;
  height: 200px;
  background: linear-gradient(45deg, #06b6d4 0%, #3b82f6 50%, #8b5cf6 100%);
  border-radius: 60% 30% 50% 40%;
  opacity: 0.5;
  filter: blur(40px);
  animation: hero-float 8s ease-in-out infinite reverse;
  z-index: 1;
}

@keyframes hero-float {
  0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); }
  25% { transform: translate(-8px, -15px) rotate(2deg) scale(1.03); }
  50% { transform: translate(8px, -8px) rotate(-1deg) scale(0.97); }
  75% { transform: translate(-4px, 12px) rotate(1deg) scale(1.01); }
}

.hero-content {
  position: relative;
  z-index: 2;
}

.hero-title {
  font-size: 2.25rem;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 1rem;
  text-shadow: 0 2px 4px rgba(255, 255, 255, 0.8);
}

.hero-description {
  font-size: 1.1rem;
  color: #1e293b;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

/* Section Headers */
.section-header {
  text-align: center;
  margin: 3rem 0 2rem 0;
}

.section-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.5rem;
}

.section-subtitle {
  font-size: 1rem;
  color: #6b7280;
  max-width: 600px;
  margin: 0 auto;
}

/* Role Cards Grid */
.role-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin: 2rem 0 3rem 0;
}

/* Custom Role Card Styling - Force override Mintlify styles */
.role-card-wrapper {
  background: linear-gradient(135deg, #8B5CF6 0%, #3B82F6 100%) !important;
  border: none !important;
  color: white !important;
  padding: 1.5rem !important;
  border-radius: 12px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  text-decoration: none !important;
  display: block !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.role-card-wrapper > * {
  color: white !important;
}

.role-card-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.role-card-wrapper:hover::before {
  opacity: 1;
}

.role-card-wrapper:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(139, 92, 246, 0.3) !important;
}

.role-card-title {
  color: white !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.5rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  position: relative !important;
  z-index: 2 !important;
}

.role-card-title i {
  color: white !important;
  font-size: 1rem !important;
}

.role-card-description {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Quick Actions Section */
.quick-actions-section {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 20px;
  padding: 3rem 2rem;
  margin: 3rem 0;
  position: relative;
  overflow: hidden;
}

.quick-actions-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(102, 126, 234, 0.05) 0%, transparent 50%),
              radial-gradient(circle at 80% 20%, rgba(118, 75, 162, 0.05) 0%, transparent 50%);
  pointer-events: none;
}

.quick-actions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 1.25rem;
  position: relative;
  z-index: 2;
}

.quick-action-wrapper {
  background: white !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 1.5rem !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  gap: 1.25rem !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.quick-action-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.02) 0%, rgba(118, 75, 162, 0.02) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.quick-action-wrapper:hover::before {
  opacity: 1;
}

.quick-action-wrapper:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
  border-color: #8B5CF6 !important;
}

.action-icon {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: white;
  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.action-icon i {
  color: white !important;
}

.quick-action-wrapper:hover .action-icon {
  transform: scale(1.1);
}

.action-content {
  flex: 1;
  position: relative;
  z-index: 2;
}

.action-title {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  margin-bottom: 0.25rem !important;
  transition: color 0.3s ease !important;
}

.quick-action-wrapper:hover .action-title {
  color: #8B5CF6 !important;
}

.action-description {
  font-size: 0.875rem !important;
  color: #6b7280 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.action-arrow {
  font-size: 1.25rem;
  color: #9ca3af;
  font-weight: bold;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  margin-left: auto;
}

.quick-action-wrapper:hover .action-arrow {
  transform: translateX(5px);
  color: #8B5CF6;
}

/* Features Grid */
.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  margin: 2rem 0;
}

.feature-wrapper {
  background: white !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  color: inherit !important;
  display: block !important;
}

.feature-wrapper:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

.feature-icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #4338ca 0%, #6366f1 100%);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  color: white;
}

.feature-icon i {
  color: white !important;
}

.feature-title {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: #111827 !important;
  margin-bottom: 0.5rem !important;
}

.feature-description {
  font-size: 0.875rem !important;
  color: #6b7280 !important;
  margin: 0 !important;
}

/* Dark mode fixes */
.dark .section-title {
  color: #f9fafb !important;
}

.dark .section-subtitle {
  color: #d1d5db !important;
}

.dark .hero-title {
  color: #f9fafb !important;
}

.dark .hero-description {
  color: #e5e7eb !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .hero-title {
    font-size: 2rem;
  }
  
  .hero-description {
    font-size: 1rem;
  }
  
  .hero-section {
    padding: 2rem 1.5rem;
    min-height: 240px;
  }

  .hero-section::before {
    width: 280px;
    height: 220px;
    top: -40px;
    right: -40px;
  }

  .hero-section::after {
    width: 200px;
    height: 160px;
    bottom: -30px;
    left: -30px;
  }

  .quick-actions-grid {
    grid-template-columns: 1fr;
  }

  .quick-action-wrapper {
    padding: 1.25rem !important;
    gap: 1rem !important;
  }

  .action-icon {
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
  }

const siennaScript = document.createElement("script");
siennaScript.src = "https://website-widgets.pages.dev/dist/sienna.min.js";
siennaScript.defer = true;
document.head.appendChild(siennaScript);


const meta = document.createElement('meta');
meta.name = "google-site-verification";
meta.content = "jEXtrwTmw-ORAQ0RQCpXZDgDv9Hz9biD81JGdBqFWHY"; // ← replace with your actual code if needed
document.head.appendChild(meta);

// redirects.js - Place this in your content directory

function handleRedirect() {
  const { pathname, hash, search } = window.location;

  if (pathname === '/docs/connect-to-google-sheets' && hash === '#json-formatting') {
    window.location.replace('/docs/connect-to-google-sheets-no-code#json-formatting');
  }

  if (pathname === '/docs/welcome-to-next-matter' && hash === '#json-formatting') {
    window.location.replace('/docs/connect-to-google-sheets-no-code#json-formatting');
  }

  if (pathname === '/docs/connect-to-google-sheets' &&
      hash === '#json-formatting' &&
      search.includes('_gl=')) {
    window.location.replace('/docs/connect-to-google-sheets-no-code#json-formatting');
  }
}

// Run once on load
handleRedirect();

// Run on hash or route change
window.addEventListener('hashchange', handleRedirect);
window.addEventListener('popstate', handleRedirect);

Watch a detailed overview

Sidebar and cookies

Sidebars help you display Next Matter inside your service tool.

Zendesk sidebar

Welcome to Next Matter

Next Matter is a platform for automating workflows, from complex processes across multiple teams and tools to repetitive and mundane ones.

Welcome

As a builder, you'll be creating and managing workflows and integrations.

Get started: Build workflows

Next Matter is the common interface for all your team's tools. Explore our extensive integration capabilities.

Integrate across tools

Understand how your workflow works and what the dependencies are by looking at a graphic representation of the workflow.

Visual builder

Capture all back-and-forth messages around the design and building of a workflow and keep them as documentation in builder notes.

Notes in workflow

Make sure your workflows cater for specific scenarios

Branch your workflows

Refer to this page if you've run into issues creating or starting a workflow.

Troubleshooting workflows

All your tasks are visible in your Next Matter inbox helping you to organize your work. 

Inbox

Track the workflows you started and any open tasks you have.

My requests

Host external sets of data in Next Matter.

Datasets

As a Next Matter user you'll be working with tasks and getting notifications in your inbox.

Get started: Work with tasks

Check out how to run an instance, stop, update or delete it, and how to edit or delete a workflow.

Manage workflows/instances

Find steps assigned to team members and reassign them to keep workflows running.

Reassign tasks

Complete steps in the app or using the API

Complete steps

It might happen that you use Next Matter because you got workflow steps assigned to you.

Participate in workflows

It might happen that the first step in a workflow is an external user sending data to Next Matter. It might be a customer who wants to move stocks to your company and is filling in a form with the data. Sending the data can then start the stock transfer workflow.

Create external workflows

You can complete workflow tasks and start requests by opening a link or scanning a QR code. 

Complete tasks as guest

There are three ways to export data from Next Matter

Export data

Find what you need using Next Matter search or filters

Search

Use the Data tab to monitor the health of your team and your workflows.

Monitor data

To help you monitor the progress of instances, you can create a stage board, and view all instances against these stages. The most basic stages would be: Started, In progress, and Completed.

Stages board

With roadmap you can get a 360-degree view of your workflows and instances. Use it for reporting or reviewing statuses and to define who builds which workflow by when.

Monitor progress with roadmap

Decide if and how you want to get notified about tasks or instances and manage your personal details and password.

Personal profile

If you've forgotten your password, you can easily reset it.

Reset your password

You can offer multiple Next Matter services as your own ensuring seamless user experience.

Custom branding

The dashboard is what the users in your organization will first see when they log in to Next Matter.

Company dashboard

Normally, you start automating operations by building a workflow. When you have a workflow, you can then run its real-life instance.

About workflows and instances

Create draft workflows and roll back to a previous version, if needed.

Workflow versions

Visibility and permission settings help you manage access to workflows. For example, the accounting team might not need to see the workflows of the sales team. Alternatively, you might want only yourself and a handful of people to be able to see certain workflows.

Workflow visibility

As a workflow lead you can set deadlines for steps, and send assignees (internal and external) reminders to get the step completed in time.

Deadlines and reminders

You can create and tag instances and workflows to filter and find them easier.

Create workflow tags

Ensure your workflow escalation contact person and the main stakeholder are set.

Workflow lead and tech lead

If you're onboarding a new customer and part of the workflow is to get some legal paperwork ready. Instead of doing that as part of the entire customer onboarding process flow you can trigger a sub-workflow.

Sub-workflow triggering

In Next Matter, you have an overview of all workflows and a details overview per workflow.

Instance overview table

When you've built your workflow with the editor, your team can run it as an instance. There can be multiple instances of the same workflow.

Start instances

You can automatically start instances when another workflow completes and send data from one workflow to a step in another one.

Launch instances automatically

Each of your workflows consists of multiple steps that are run in a set order. Each step defines a clear activity that needs to be completed by a team or individual in your organization.

Step types

You can set the time for the step to start on, after, or before as certain date. For example, you might want to automatically send a follow-up email to a customer after 5 days.

Schedule step start

You can create a step that allows workflow users to leave comments.

Comments in steps

Celebrate user achievements by showing a completion message when they are done with a step

Show completion message

If you want a process to run faster, you can decide to make a step non-blocking. Then, the workflow will continue before this step finishes.

Non-blocking steps

A common pattern in processes is that next steps are dependent on the outcome of previous steps or certain fields only show when specific requirements have been fulfilled. We enable this way of branching workflows with conditions.

Conditions

You can grant permission to your team to view the step otherwise it will remain hidden from the people involved in the workflow.

Step visibility

Forms are detailed tasks required to complete a step. The form field might be to enter customer address or select a meal type from a dropdown. Each step can consist of multiple mandatory or optional form fields.

Forms and form fields

Validate text patterns using regular expressions or allowing only numerical input

Field validation

When you select data to reuse you can choose between providing data in JSON or plain format

Data formats

Save user time by prefilling values in form fields.

Prefilling

See how you can use workflows and workflow solutions to respond to specific business scenarios.

Use cases: forms, actions

If you want a step to be based on the data entered in the previous step, set a dynamic data reference. Then the data you need will be automatically extracted and inserted where you need it. The data can also be sent to databases or systems within your organization.

Data references

In Next Matter you can send data to an external application. You might then pull the processed data from these apps and reuse it in the workflow.

Variables in workflows

By adding parameters to the public form URL, you can automatically gather and pass meta information to the workflow and external databases. This way you exchange manual data input for automation.

Add metadata

Next Matter can integrate with any system through integration steps, for example, to retrieve data and use it further in a process or to update data in a third-party system.

Integration types

Start a workflow based on triggers from external apps.

Webhook triggers

Templates give you a head-start on integration. They create all the necessary steps and fill in the API details you need.

Templates

When you connect 3rd party apps, data is shared between those apps and Next Matter. Learn what is being shared to maintain full data security.

Scopes and permissions

As an admin you can create and manage your Next Matter API keys and use Next Matter API to integrate with third-party systems.

API keys and credentials

Automate API calls and integrate them into workflows or applications, and get working examples for quick application. 

Quick scripts and API examples

No-code integrations enable you to create code-free steps or perform a no-code action on data

No-code automations

Use any of the no-code templates available to perform an action on the Next Matter instance.

Next Matter actions

Integrate with Airtable to create and update Airtable records.

Integrate with Airtable

Get data out of your database or push data back to Amazon Redshift from a Next Matter workflow.

Integrate with Amazon Redshift

You can integrate with Asana to automatically create a task in Asana in a workspace, project, and section from a Next Matter workflow.

Integrate with Asana

Exchange data with 3rd party services using Azure Event Hubs.

Integrate with Azure Event Hubs

Connect your workflow to Box to handle your documents and upload them to workflow steps

Integrate with Box

Create shipments and return corresponding shipment tracking numbers, labels, and documentation.

Integrate with DHL

You might want to send documents that are part of the Next Matter workflow to sign with Docusign. Integrate with Docusign to manage document signing end to end.

Integrate with Docusign

Connect to the Front App and add a comment to a conversation.

Integrate with Front

You can trigger a Next Matter workflow directly from Freshdesk or send Next Matter workflow data to a Freshdesk ticket.

Integrate with Freshdesk

Integrate with GIPHY

Send data to and get them from HubSpot straight into your workflow.

Integrate with HubSpot

Bring company or contact information from Intercom into your workflow

Integrate with Intercom

You can trigger a workflow from a Jira issue or create a Jira ticket in a Jira project as a step in a workflow.

Integrate with Jira

Send Mailchimp transactional emails directly from your workflow.

Integrate with Mailchimp

Connect your workflow and Notion to create new pages or add paragraphs.

Integrate with Notion

Integrate with Nutshell

You can push the data from a Next Matter workflow to the database or pull the data you need into a workflow.

Integrate with PostgreSQL

If you want to automatically send an email from Next Matter, you can tap into Next Matter's built-in integration to reach out to external partners by email.

Integrate with Sendgrid

Send customized Slack messages directly from a Next Matter workflow to dedicated channels.

Integrate with Slack

You can get a cell value from Smartsheet and pull it into the workflow.

Integrate with Smartsheet

Next Matter can make any Rest API call and send data to other systems or integration layers so it can be used further.

Integrate with Zapier

Exchange information between workflows and Zendesk

Integrate with Zendesk

Portals are an easy way to share selected workflows with users

Create and share portals

As a portal user you can start requests from portals, and complete tasks.

Get started: Portal user

If you opened a request in the portal or used a public form to start a workflow, you can easily track the status of these requests.

Track your instances/requests

Freshdesk sidebar

Front sidebar

If staying compliant is something you strive towards in your organization, you can use Next Matter's potential to build workflows that help you reach your compliance goals.

Compliance with Next Matter

Need to run a return rental workflow or automate refund processes? Any customer service workflow, complex or straightforward, can be automated in Next Matter.

Customer service automation with Next Matter

Make onboarding a replicable, quality and enjoyable experience: for employees, customers, partners, ...and yourself.

B2B onboarding with Next Matter

We bring you new features and fixes every month

Product updates

Product features and improvements in 2024

Updates in 2024

Product features and improvements in 2023.

Updates in 2023

Get started with Next Matter public API. 

​Watch a detailed overview

​Sidebar and cookies

Watch a detailed overview

Sidebar and cookies