/* Custom Kubiya Documentation Styles */

/* Modern Typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --gradient-primary: linear-gradient(135deg, #0EA5E9 0%, #6366F1 100%);
  --gradient-hover: linear-gradient(135deg, #38BDF8 0%, #818CF8 100%);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --primary-gray: #1f2937;
  --light-gray: #6b7280;
  --dark-gray: #111827;
  --border-light: #e5e7eb;
  --border-dark: #374151;
  --background-light: #ffffff;
  --background-dark: #0f172a;
  --text-light: #1f2937;
  --text-dark: #f8fafc;
  --accent: #3b82f6;
  --accent-hover: #2563eb;
}

/* Global Styles */
body {
  font-family: var(--font-sans) !important;
  letter-spacing: -0.01em;
}

/* Enhanced Headers */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600 !important;
  letter-spacing: -0.02em;
}

h1 {
  font-size: 2.5rem !important;
  line-height: 1.2 !important;
  margin-bottom: 1.5rem !important;
}

h2 {
  font-size: 1.875rem !important;
  line-height: 1.3 !important;
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

h3 {
  font-size: 1.5rem !important;
  line-height: 1.4 !important;
  margin-top: 2rem !important;
  margin-bottom: 0.75rem !important;
}

/* Code Blocks Enhancement */
pre {
  border-radius: 8px !important;
  box-shadow: var(--shadow-md) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  margin: 1.5rem 0 !important;
}

code {
  font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}

/* Inline code styling */
:not(pre) > code {
  background: linear-gradient(to right, #f0f9ff, #e0f2fe) !important;
  color: #0369a1 !important;
  padding: 0.125rem 0.375rem !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
  border: 1px solid #bae6fd !important;
}

/* Cards and Containers */
.card {
  border-radius: 12px !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all 0.3s ease !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.card:hover {
  box-shadow: var(--shadow-lg) !important;
  transform: translateY(-2px) !important;
  border-color: #0EA5E9 !important;
}

/* Navigation Enhancement */
nav {
  backdrop-filter: blur(10px) !important;
  background: rgba(255, 255, 255, 0.8) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Sidebar Styling */
aside {
  border-right: 1px solid rgba(0, 0, 0, 0.06) !important;
}

aside a {
  transition: all 0.2s ease !important;
  border-radius: 6px !important;
  margin: 2px 0 !important;
}

aside a:hover {
  background: rgba(14, 165, 233, 0.1) !important;
  color: #0EA5E9 !important;
  padding-left: 20px !important;
}

/* Active sidebar item */
aside a[aria-current="page"] {
  background: var(--gradient-primary) !important;
  color: white !important;
  font-weight: 500 !important;
}

/* Buttons */
button, .button, [role="button"] {
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  border-radius: 8px !important;
}

/* Primary buttons */
.primary-button, [data-variant="primary"] {
  background: var(--gradient-primary) !important;
  box-shadow: var(--shadow-md) !important;
}

.primary-button:hover, [data-variant="primary"]:hover {
  background: var(--gradient-hover) !important;
  box-shadow: var(--shadow-lg) !important;
  transform: translateY(-1px) !important;
}

/* Tables */
table {
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow-sm) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

th {
  background: linear-gradient(to bottom, #f8fafc, #f1f5f9) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.05em !important;
}

/* Callout Boxes */
.callout, .note, .warning, .info, .tip {
  border-radius: 8px !important;
  border-width: 1px !important;
  box-shadow: var(--shadow-sm) !important;
  margin: 1.5rem 0 !important;
}

.callout-icon {
  font-size: 1.25rem !important;
}

/* Search Bar */
input[type="search"], .search-input {
  border-radius: 8px !important;
  border: 2px solid transparent !important;
  background: #f1f5f9 !important;
  transition: all 0.2s ease !important;
}

input[type="search"]:focus, .search-input:focus {
  border-color: #0EA5E9 !important;
  background: white !important;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1) !important;
}

/* Hero Section */
.hero {
  background: var(--gradient-primary) !important;
  color: white !important;
  padding: 4rem 2rem !important;
  border-radius: 16px !important;
  margin-bottom: 3rem !important;
  box-shadow: var(--shadow-lg) !important;
}

/* Feature Grid */
.feature-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 1.5rem !important;
  margin: 2rem 0 !important;
}

/* Tabs */
.tabs {
  border-bottom: 2px solid #e5e7eb !important;
  margin-bottom: 2rem !important;
}

.tab-button {
  padding: 0.75rem 1.5rem !important;
  font-weight: 500 !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.2s ease !important;
}

.tab-button:hover {
  color: #0EA5E9 !important;
}

.tab-button.active {
  color: #0EA5E9 !important;
  border-bottom-color: #0EA5E9 !important;
}

/* Breadcrumbs */
.breadcrumb {
  font-size: 0.875rem !important;
  color: #64748b !important;
  margin-bottom: 1rem !important;
}

.breadcrumb a {
  color: #0EA5E9 !important;
  font-weight: 500 !important;
}

/* Footer */
footer {
  background: linear-gradient(to bottom, #f8fafc, #f1f5f9) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  margin-top: 4rem !important;
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeIn {
  animation: fadeIn 0.5s ease-out;
}

/* Responsive Design */
@media (max-width: 768px) {
  h1 {
    font-size: 2rem !important;
  }
  
  h2 {
    font-size: 1.5rem !important;
  }
  
  .hero {
    padding: 2rem 1rem !important;
  }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
  :root {
    --gradient-primary: linear-gradient(135deg, #0891b2 0%, #6366F1 100%);
    --gradient-hover: linear-gradient(135deg, #06b6d4 0%, #818CF8 100%);
  }
  
  nav {
    background: rgba(0, 0, 0, 0.8) !important;
  }
  
  .card {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
  }
  
  h2 {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  }
  
  :not(pre) > code {
    background: linear-gradient(to right, #1e3a8a, #1e40af) !important;
    color: #bfdbfe !important;
    border-color: #3b82f6 !important;
  }
}

/* Mermaid Diagrams */
.mermaid {
  background: #f8fafc !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  margin: 1.5rem 0 !important;
  box-shadow: var(--shadow-sm) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Copy Code Button */
.copy-code-button {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 6px !important;
  padding: 0.25rem 0.5rem !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

.copy-code-button:hover {
  background: white !important;
  box-shadow: var(--shadow-md) !important;
}

/* API Endpoint Styling */
.api-endpoint {
  background: linear-gradient(to right, #fef3c7, #fde68a) !important;
  color: #92400e !important;
  padding: 0.5rem 1rem !important;
  border-radius: 8px !important;
  font-family: monospace !important;
  font-weight: 600 !important;
  margin: 1rem 0 !important;
  border: 1px solid #fbbf24 !important;
}

/* Light mode styles */
[data-theme="light"] {
  --primary-color: var(--primary-gray);
  --border-color: var(--border-light);
  --background-color: var(--background-light);
  --text-color: var(--text-light);
}

/* Dark mode styles */
[data-theme="dark"] {
  --primary-color: var(--text-dark);
  --border-color: var(--border-dark);
  --background-color: var(--background-dark);
  --text-color: var(--text-dark);
}

/* Enhanced typography for better readability */
.prose {
  line-height: 1.7;
  font-size: 16px;
}

.prose h1,
.prose h2,
.prose h3,
.prose h4 {
  font-weight: 600;
  letter-spacing: -0.025em;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.prose h1 {
  font-size: 2.25rem;
  color: var(--primary-color);
}

.prose h2 {
  font-size: 1.875rem;
  color: var(--primary-color);
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 0.5rem;
}

.prose h3 {
  font-size: 1.5rem;
  color: var(--primary-color);
}

/* Clean code blocks */
.prose pre {
  background: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 1.5rem;
  overflow-x: auto;
  font-size: 14px;
  line-height: 1.5;
}

.prose code {
  background: var(--border-color);
  padding: 0.125rem 0.25rem;
  border-radius: 4px;
  font-size: 0.875em;
  font-weight: 500;
}

/* Enhanced navigation */
.sidebar {
  border-right: 1px solid var(--border-color);
}

.sidebar-item:hover {
  background-color: var(--border-color);
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

/* Clean card components */
.card {
  background: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  padding: 1.5rem;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}

/* Professional buttons */
.btn-primary {
  background: var(--accent);
  color: white;
  border: none;
  border-radius: 8px;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  transition: background-color 0.2s ease;
}

.btn-primary:hover {
  background: var(--accent-hover);
}

/* Clean table styles */
.prose table {
  border-collapse: collapse;
  width: 100%;
  margin: 1.5rem 0;
}

.prose th,
.prose td {
  border: 1px solid var(--border-color);
  padding: 0.75rem 1rem;
  text-align: left;
}

.prose th {
  background: var(--border-color);
  font-weight: 600;
}

/* Enhanced callouts */
.callout {
  border-left: 4px solid var(--accent);
  background: var(--border-color);
  padding: 1rem 1.5rem;
  border-radius: 0 8px 8px 0;
  margin: 1.5rem 0;
}

.callout-warning {
  border-left-color: #f59e0b;
  background: #fef3c7;
}

.callout-error {
  border-left-color: #ef4444;
  background: #fee2e2;
}

.callout-success {
  border-left-color: #10b981;
  background: #d1fae5;
}

/* Dark mode adjustments */
[data-theme="dark"] .callout-warning {
  background: rgba(245, 158, 11, 0.1);
}

[data-theme="dark"] .callout-error {
  background: rgba(239, 68, 68, 0.1);
}

[data-theme="dark"] .callout-success {
  background: rgba(16, 185, 129, 0.1);
}

/* Clean search */
.search-input {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  width: 100%;
  background: var(--background-color);
  color: var(--text-color);
  transition: border-color 0.2s ease;
}

.search-input:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Professional footer */
.footer {
  border-top: 1px solid var(--border-color);
  background: var(--background-color);
  padding: 2rem 0;
  margin-top: 4rem;
}

/* Smooth transitions for theme switching */
* {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Remove default mintlify branding styles that might conflict */
.mintlify-logo {
  display: none !important;
}

/* Enhanced mobile responsiveness */
@media (max-width: 768px) {
  .prose {
    font-size: 14px;
  }
  
  .prose h1 {
    font-size: 1.875rem;
  }
  
  .prose h2 {
    font-size: 1.5rem;
  }
  
  .card {
    padding: 1rem;
  }
}

/* Focus states for accessibility */
*:focus {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* Clean scrollbars */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--border-color);
}

::-webkit-scrollbar-thumb {
  background: var(--light-gray);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-gray);
} 

Kubiya Platform Overview

Core Components

Architecture

🔄 Deterministic Execution

🚀 Scalable Infrastructure

🤖 AI-Powered Automation

🔌 Extensive Integrations

Key Features

Workflow Management

Security & Compliance

Monitoring & Observability

Developer Experience

Platform Capabilities

Getting Started

Next Steps

Understanding the Kubiya platform architecture and capabilities

Platform Overview

Authorization

Kubiya

Kubiya provides you with everything you need to get reliable, determinstic AI automation for the enteprise

Welcome to Kubiya

Install and configure the Kubiya Workflow SDK

Installation

Quickstart

Understanding Kubiya's serverless, containerized workflow architecture

Workflows

Understanding Kubiya runners and how they execute workflows on your infrastructure

Runners

Comprehensive guide to Kubiya's integration ecosystem - from infrastructure to applications

Integrations

Why Kubiya workflows are predictable, debuggable, and production-ready

Determinism

Deterministic Workflows

The advantages of deterministic workflows over chaotic AI agents

Why Kubiya?

How Kubiya's workflow approach complements and surpasses traditional agent frameworks

Agent Frameworks vs Kubiya

Understanding Kubiya workflows and their components

Overview

Workflows Overview

Deep dive into Kubiya's serverless, containerized workflow execution model

Workflow Architecture

Complete reference for the Kubiya Workflow DSL

DSL Reference

Real-world examples showcasing container orchestration, inline AI agents, and automation

Workflow Examples

Deep dive into advanced workflow features, streaming, custom providers, and production deployment

Advanced Workflows

Build AI-powered applications using Kubiya workflows with different providers

Full Stack Agents

Backend servers that connect AI providers to your applications

Agent Servers

Generate workflows from natural language using Google's Agent Development Kit

Getting Started with ADK Provider

Deep dive into ADK's serverless AI agents and function calling

ADK Multi-Agent Architecture

Real-time streaming for AI workflow generation and execution

Streaming

ADK Streaming

Execute tools directly using the Model Context Protocol

FastMCP Provider

Connect Kubiya to your existing LangGraph, LangChain, CrewAI, and other AI frameworks

Integrating with Existing AI Frameworks

Integrate your existing LangGraph agents with Kubiya's execution platform

LangGraph Integration

Build modern web applications that integrate with Kubiya workflow orchestration

Frontend Integration

Build AI-powered chatbots that integrate with Kubiya workflow orchestration

Vercel AI SDK Chatbot

Integrate Kubiya workflows with Claude Desktop, Cursor, and other MCP-compatible tools

MCP Overview

Production-ready REST API server for Kubiya Workflow SDK

SDK Server Overview

Complete guide to deploying and configuring the Kubiya Runner using Helm

Kubiya Runner Helm Chart

Learn how to create workflows using natural language with Kubiya's AI providers

AI Automation

AI-Powered Workflow Automation

Complete guide: Local development to production deployment with Kubiya orchestration

Full-Stack AI Tutorial

Detailed changelog of all Kubiya Workflow SDK releases

Changelog

Guide for upgrading between Kubiya Workflow SDK versions

Migration Guide

Latest updates and features in Kubiya Workflow SDK

Updates

What's New

APIs exposed by SDK-based orchestration servers for agent workflow generation and execution

Agent Server APIs

End-to-end workflow generation and execution API

Compose

Compose API

Server discovery endpoint for automatic capability detection and configuration

Discovery

Discovery API

Advanced orchestration endpoints for workflow management, execution control, and provider management

Orchestration

Orchestration API

Cloud-based REST APIs for managing the Kubiya platform resources

Platform APIs Overview

API key authentication for Kubiya Platform APIs

Authentication

API endpoints for managing AI Agents in the Kubiya platform

Agents

Agents API

API endpoints for managing tasks in the Kubiya platform

Tasks

Tasks API

API endpoints for managing tool sources in the Kubiya platform

Sources

Sources API

API endpoints for managing Kubiya runners that execute tools

Runners API

API endpoints for managing knowledge entries in the Kubiya platform

Knowledge

Knowledge API

Comprehensive guide to the Kubiya Workflow SDK architecture, capabilities, and advanced features

SDK Deep Dive

Complete API reference for the Kubiya Workflow SDK

SDK API Reference

Real-world examples demonstrating SDK capabilities and patterns

SDK Examples

Guide for contributing to the Kubiya Workflow SDK

Contributing to the SDK

Release history and changes for the Kubiya Workflow SDK

SDK Changelog

Build Deterministic AI Workflows That Actually Work™

Welcome!

Welcome to Kubiya Workflow SDK

Extensible AI provider system for workflow generation

Introduction

Core Concepts

Workflows

Full Stack Agents

Frontend & UI

Platform & Tools

Framework Examples

Deployment

Tutorials

Resources

Platform Overview

Kubiya Platform Overview

Core Components

Workflow Engine

AI Integration

Runner Infrastructure

Tool Ecosystem

Architecture

Key Features

🔄 Deterministic Execution

🚀 Scalable Infrastructure

🤖 AI-Powered Automation

🔌 Extensive Integrations

Platform Capabilities

Workflow Management

Security & Compliance

Monitoring & Observability

Developer Experience

Getting Started

Next Steps

Workflows

Runners

Integrations

Quickstart

Introduction

Core Concepts

Workflows

Full Stack Agents

Frontend & UI

Platform & Tools

Framework Examples

Deployment

Tutorials

Resources

​Kubiya Platform Overview

​Core Components

Workflow Engine

AI Integration

Runner Infrastructure

Tool Ecosystem

​Architecture

​Key Features

​🔄 Deterministic Execution

​🚀 Scalable Infrastructure

​🤖 AI-Powered Automation

​🔌 Extensive Integrations

​Platform Capabilities

​Workflow Management

​Security & Compliance

​Monitoring & Observability

​Developer Experience

​Getting Started

​Next Steps

Workflows

Runners

Integrations

Quickstart

Kubiya Platform Overview

Core Components

Architecture

Key Features

🔄 Deterministic Execution

🚀 Scalable Infrastructure

🤖 AI-Powered Automation

🔌 Extensive Integrations

Platform Capabilities

Workflow Management

Security & Compliance

Monitoring & Observability

Developer Experience

Getting Started

Next Steps