/**
 * Rover Documentation - Custom Styles
 * 
 * Uses Tailwind CSS neutral color utilities only - no hardcoded values
 * Supports dark mode using the dark: variant
 * 
 * Reference: https://tailwindcss.com/docs/dark-mode
 * Reference: https://tailwindcss.com/docs/colors
 */

/* Import Inter Variable Font */
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCm3FwrK3iLTcvnUwkT9nA2.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCm3FwrK3iLTcvnUwAT9nA2.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCm3FwrK3iLTcvnUwgT9nA2.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCm3FwrK3iLTcvnUwcT9nA2.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCm3FwrK3iLTcvnUwsT9nA2.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCm3FwrK3iLTcvnUwoT9nA2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCm3FwrK3iLTcvnUwQT9g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_mintlify/assets/fonts/google/s/inter/v20/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Set Inter Variable as default font family */
html,
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

/* Apply to all elements */
* {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

/* ============================================
   CARDS
   ============================================ */

.card {
  @apply bg-neutral-50 border border-black/[0.08] transition-all duration-200;
}

.card:hover {
  @apply bg-neutral-100 border-black/[0.12];
}


/* Override Mintlify card borders */
.card-group .card {
  @apply border-black/[0.08];
}

.card-group .card:hover {
  @apply border-black/[0.12];
}


/* Card icon stroke width - thinner */
.card-group .card .icon,
.card-group .card svg,
.card-group .card svg path {
  stroke-width: 0.75px !important;
}

/* Card typography - match app typography */
.card-group .card-title,
.card-group .card h3,
.card-group .card h4 {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

@media (min-width: 768px) {
  .card-group .card-title,
  .card-group .card h3,
  .card-group .card h4 {
    font-size: 15px !important;
  }
}

/* Equal vertical padding for cards */
.card-group .card {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

/* ============================================
   CUSTOM LEARN MORE CARDS
   ============================================ */

a.learn-more-card,
.learn-more-card {
  background-color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

a.learn-more-card:hover,
.learn-more-card:hover {
  background-color: #fafafa !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

a.learn-more-card:focus,
.learn-more-card:focus {
  outline: none !important;
  box-shadow: none !important;
  border-bottom: none !important;
}


.learn-more-card svg,
.learn-more-card .icon {
  stroke-width: 0.75px !important;
  color: #111827;
}


/* ============================================
   LINKS
   ============================================ */

a {
  @apply text-neutral-900 no-underline transition-opacity duration-200;
}


a:hover {
  @apply opacity-70;
}

.nav-anchor,
.navbar-link {
  @apply transition-opacity duration-200;
}

.nav-anchor:hover,
.navbar-link:hover {
  @apply opacity-70;
}

.nav-anchor[data-active="true"] {
  @apply font-medium opacity-100;
}

/* ============================================
   TYPOGRAPHY - BODY/CONTENT COPY
   ============================================ */

/* Mobile: 14px */
body,
p,
.prose,
.prose p,
.prose li,
.prose td,
.prose th,
.prose blockquote,
.prose code,
.prose pre {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* Tablet and Desktop: 15px (768px and up) */
@media (min-width: 768px) {
  body,
  p,
  .prose,
  .prose p,
  .prose li,
  .prose td,
  .prose th,
  .prose blockquote,
  .prose code,
  .prose pre {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}

/* ============================================
   HEADINGS
   ============================================ */

h1 {
  @apply text-neutral-900 font-medium;
  letter-spacing: -0.022em;
}

h2, h3, h4, h5, h6 {
  @apply text-neutral-900 font-medium;
  letter-spacing: -0.022em;
}

/* Set headings to 20px (targeting h2/h3 that are currently 22.5px) */
h2,
h3,
span.cursor-pointer {
  font-size: 18px !important;
}


#page-title {
  @apply text-neutral-900 font-medium;
  font-weight: 600 !important;
  letter-spacing: -0.022em !important;
}


/* Change all bold to semibold (600) */
strong,
b,
.prose strong,
.prose b {
  font-weight: 600 !important;
}

/* Ensure all highlighted text (with backgrounds) uses font-weight 500 */
span[class*="bg-"],
span[style*="background"],
mark,
.highlight {
  font-weight: 500 !important;
}

/* ============================================
   NAVBAR & SIDEBAR BACKGROUNDS
   ============================================ */

/* Navbar (top header) - white background */
#navbar {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* Remove padding from ALL navbar wrapper elements (up to 4 levels deep) */
#navbar > div,
#navbar > nav,
#navbar > header,
#navbar > div > div,
#navbar > div > div > div,
#navbar > nav > div,
#navbar > nav > div > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Apply 16px padding only to the innermost content container (the one with flex items-center that contains logo/search/button) */
#navbar .flex.items-center[class*="gap"],
/* #navbar [class*="px-12"], */
#navbar [class*="lg:px-"] {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* Hide search bar in top navbar */
#navbar [role="search"],
#navbar input[type="search"],
#navbar [aria-label*="search" i],
#navbar button[aria-label*="search" i] {
  display: none !important;
}

/* Hide Ask AI button in navbar (production only) */
#navbar button[aria-label*="Ask AI" i],
#navbar button[aria-label*="ask ai" i],
#navbar a[aria-label*="Ask AI" i],
#navbar a[aria-label*="ask ai" i],
#navbar button:has(svg[class*="sparkle"]),
#navbar button:has(svg[class*="Sparkle"]),
#navbar a:has(svg[class*="sparkle"]),
#navbar a:has(svg[class*="Sparkle"]) {
  display: none !important;
  visibility: hidden !important;
}

nav[role="navigation"],
header,
[data-navbar],
.navbar {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* Sidebar - #fafafa background */
/* #sidebar {
  background-color: #fafafa !important;
  background: #fafafa !important;
} */

/* aside[role="complementary"],
[data-sidebar],
.sidebar,
nav[aria-label="Sidebar"] {
  background-color: #fafafa !important;
  background: #fafafa !important;
} */


/* ============================================
   BORDERS - 8% opacity throughout
   ============================================ */

#navbar {
  @apply border-b border-black/[0.08];
}


#sidebar {
  @apply border-black/[0.08];
  border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
  min-width: 256px !important;
  max-width: 256px !important;
  width: 256px !important;
  position: sticky !important;
  top: 0 !important;
  align-self: flex-start !important;
  height: calc(100vh - 80px) !important;
  /* overflow-y: auto !important; */

}

#sidebar-content {
  min-width: 256px !important;
  max-width: 256px !important;
  width: 256px !important;
  height: fit-content;
  /* max-height: 48px; */
  /* min-height: 48px; */
  height: calc(100vh-80px);
  /* Ensure consistent width regardless of expanded content */
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  
}

/* Remove padding from ALL sidebar wrapper elements (up to 4 levels deep) */
#sidebar > div,
#sidebar > nav,
#sidebar nav > div,
#sidebar nav > div > div,
#sidebar > div > div,
#sidebar [class*="px-"]:not(.sidebar-bottom-content):not(.sidebar-bottom-content *) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Apply 16px padding only to the innermost sidebar content container */
#sidebar-content > div:first-child,
#sidebar [data-sidebar-nav] > div:first-child,
#sidebar .sidebar-group:first-child {
  padding-left: 0 !important;
  padding-right: 16px !important;
}


#table-of-contents {
  @apply border-l border-black/[0.08];
}


/* Hide "On this page" heading only - using Mintlify identifiers */
[data-table-of-contents] > h3:first-child,
[data-table-of-contents] > h4:first-child,
[data-table-of-contents] > h2:first-child,
[data-table-of-contents] h3:first-of-type,
[data-table-of-contents] h4:first-of-type,
[data-table-of-contents] h2:first-of-type,
#table-of-contents > h3:first-child,
#table-of-contents > h4:first-child,
#table-of-contents > h2:first-child,
#table-of-contents h3:first-of-type,
#table-of-contents h4:first-of-type,
#table-of-contents h2:first-of-type,
[data-toc-heading],
.toc-heading,
aside > h3:first-child,
aside > h4:first-child,
aside > h2:first-child,
aside h3:first-of-type,
aside h4:first-of-type,
aside h2:first-of-type,
[aria-label*="On this page"],
[aria-label*="on this page"],
button[aria-label*="On this page"],
button[aria-label*="on this page"],
[data-table-of-contents] button:first-child,
[data-table-of-contents] > div:first-child button {
  display: none !important;
}

/* Hide the hamburger icon/button next to "On this page" */
#table-of-contents button:first-child,
aside button:first-child,
#table-of-contents > div:first-child button,
aside > div:first-child button {
  display: none !important;
}

#footer {
  @apply border-t border-black/[0.08];
}

/* Hide "Powered by Mintlify" text */
#footer a[href*="mintlify"],
#footer a[href*="Mintlify"],
#footer a[href*="mintlify.com"],
footer a[href*="mintlify"],
footer a[href*="Mintlify"],
footer a[href*="mintlify.com"],
[data-footer] a[href*="mintlify"],
[data-footer] a[href*="Mintlify"],
[data-footer] a[href*="mintlify.com"],
#footer *[class*="mintlify"],
#footer *[class*="Mintlify"],
footer *[class*="mintlify"],
footer *[class*="Mintlify"] {
  display: none !important;
  visibility: hidden !important;
}


hr {
  @apply border-black/[0.08];
}


/* ============================================
   TABLES
   ============================================ */

thead {
  @apply bg-neutral-50 border-b border-black/[0.08];
}


tbody tr {
  @apply border-b border-black/[0.08];
}


tbody tr:hover {
  @apply bg-neutral-50;
}


/* ============================================
   CODE BLOCKS
   ============================================ */

code:not([class*="language-"]) {
  @apply bg-neutral-100 text-neutral-900 px-1 py-0.5 rounded text-sm;
}


.code-block {
  @apply bg-neutral-50 border border-black/[0.08];
}


/* ============================================
   BUTTONS
   ============================================ */

#topbar-cta-button {
  @apply bg-neutral-900 text-neutral-50 border border-neutral-900 transition-all duration-200;
}

#topbar-cta-button:hover {
  @apply bg-neutral-800 border-neutral-800;
}


/* Navbar primary button - styled like WaitlistButton */
.navbar-primary-button,
.navbar-primary-button a,
[data-primary-button],
#navbar a[href*="rover.inc"],
#navbar button[type="button"] a,
#navbar a[href="https://rover.inc"] {
  @apply inline-flex items-center;
  @apply py-4 rounded-md text-sm font-medium;
  @apply border no-underline;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: rgba(0, 0, 0, 1) !important;
  /* border-color: #E4E4E4 !important; */
  border-radius: 6px !important;
  color: rgba(255, 255, 255, 1) !important;
  /* max-height: 48px !important; */
  font-size: small;
  font-weight: 800;
}

/* Hide arrow icons in Join Beta button */
.navbar-primary-button svg,
.navbar-primary-button a svg,
[data-primary-button] svg,
#navbar a[href*="rover.inc"] svg,
#navbar button[type="button"] a svg,
#navbar a[href="https://rover.inc"] svg,
.navbar-primary-button .icon,
.navbar-primary-button a .icon,
[data-primary-button] .icon,
#navbar a[href*="rover.inc"] .icon,
#navbar button[type="button"] a .icon,
#navbar a[href="https://rover.inc"] .icon {
  display: none !important;
}

/* Ensure span text in Join Beta button is white */
#navbar a[href="https://rover.inc"] span,
#navbar a[href*="rover.inc"] span {
  color: rgba(255, 255, 255, 1) !important;
}

.navbar-primary-button:hover,
.navbar-primary-button:hover a,
.navbar-primary-button a:hover,
[data-primary-button]:hover,
[data-primary-button]:hover a,
#navbar a[href*="rover.inc"]:hover,
#navbar button[type="button"]:hover a,
#navbar button[type="button"] a:hover,
#navbar a[href="https://rover.inc"]:hover,
.navbar-primary-button:hover *,
.navbar-primary-button a:hover *,
[data-primary-button]:hover *,
#navbar a[href*="rover.inc"]:hover *,
#navbar button[type="button"] a:hover *,
#navbar a[href="https://rover.inc"]:hover * {
  background-color: #222222 !important;
  color: #e4e4e4 !important;
}


/* ============================================
   SEARCH
   ============================================ */

#search-input {
  @apply bg-neutral-50 border border-black/[0.08] text-neutral-900;
}


#search-input:focus {
  @apply outline-2 outline-black/[0.12] outline-offset-2 border-black/[0.12];
}


/* ============================================
   CALLOUTS & ALERTS
   ============================================ */

.callout {
  @apply bg-neutral-50 border-l-4 border-black/[0.08];
}


/* ============================================
   ACCORDIONS
   ============================================ */

.accordion {
  @apply border border-black/[0.08] rounded-lg;
}


/* ============================================
   TABS
   ============================================ */

/* Rewritten to apply to tab titles more reliably */
.tab-title,
.tab-title *,
.nav-tabs-item,
.nav-tabs-item * {
  font-size: 0.75rem !important; /* 12px */
}

/* ============================================
   PAGINATION
   ============================================ */

#pagination {
  @apply border-t border-black/[0.08] mt-12 pt-8;
}


.pagination-prev,
.pagination-next {
  @apply border border-black/[0.08] rounded-lg p-4 transition-all duration-200;
}


.pagination-prev:hover,
.pagination-next:hover {
  @apply bg-neutral-50 border-black/[0.12];
}


/* ============================================
   TABLE OF CONTENTS
   ============================================ */

.toc-item {
  @apply text-neutral-600 transition-colors duration-200;
}


.toc-item:hover,
.toc-item[data-active="true"] {
  @apply text-neutral-900;
}


/* ============================================
   SIDEBAR
   ============================================ */

/* Sidebar navigation background */
#navigation-items,
div#navigation-items,
div#navigation-items.flex-1,
div#navigation-items.px-7,
div#navigation-items.flex-1.px-7.py-6 {
  background-color: #fafafa !important;
  background: #fafafa !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100vh - 100px) !important;
  padding-left: 12px !important;
  padding-right: 16px !important;
  padding-bottom: 24px !important; /* Prevent last item from being cropped */
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  border-right: 1px #E4E4E4;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/* Make flex-direction: column only on mobile devices */
@media (max-width: 767px) {
  #navigation-items,
  div#navigation-items,
  div#navigation-items.flex-1,
  div#navigation-items.px-7,
  div#navigation-items.flex-1.px-7.py-6 {
    flex-direction: column !important;
  }
}

/* Make all immediate wrappers flex columns so we can push Contact down */
#navigation-items > ul,
#navigation-items > nav,
#navigation-items > div,
#navigation-items > section {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Ensure all list items with subpages maintain consistent width */
#navigation-items > ul > li,
#navigation-items ul li,
#navigation-items li,
#sidebar-group > li,
#sidebar-group li {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Push Contact group to the bottom */
#navigation-items > ul > li:has(a[href*="contact"]),
#navigation-items > nav > *:has(a[href*="contact"]),
#navigation-items > div > *:has(a[href*="contact"]),
#navigation-items > section > *:has(a[href*="contact"]),
#navigation-items [data-group]:has(a[href*="contact"]),
#navigation-items .sidebar-group:has(a[href*="contact"]) {
  margin-top: auto !important;
  padding-top: 20px !important;
}

/* Add spacing under Core group only - use auto to push content below to bottom */
#navigation-items [data-group]:has(a[href^="/core/"]),
#navigation-items .sidebar-group:has(a[href^="/core/"]) {
  margin-bottom: auto !important;
  padding-bottom: 4px !important;
}

/* Pin Contact group to the bottom of the sidebar */
#navigation-items [data-group]:has(a[href*="contact"]),
#navigation-items .sidebar-group:has(a[href*="contact"]) {
  margin-top: auto !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

/* Contact group divider & spacing - only on group header, not children */
#navigation-items [data-group]:has(a[href*="contact"]) .sidebar-group-header,
#navigation-items .sidebar-group:has(a[href*="contact"]) .sidebar-group-header,
#navigation-items > div:has(a[href*="contact"]) > .sidebar-group-header,
#navigation-items > div.text-sm.relative:has(a[href*="contact"]) > .sidebar-group-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  margin-left: -16px !important;
  margin-right: -48px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 20px !important;
  margin-top: 0 !important;
}

/* Hide Contact group header */
#navigation-items [data-group]:has(a[href*="contact"]) > .sidebar-group-header,
#navigation-items .sidebar-group:has(a[href*="contact"]) > .sidebar-group-header,
#navigation-items > div:has(a[href*="contact"]) > .sidebar-group-header,
#navigation-items > div.text-sm.relative:has(a[href*="contact"]) > .sidebar-group-header,
#navigation-items > div.mt-6.lg\:mt-8:has(a[href*="contact"]) > .sidebar-group-header,
#navigation-items > div.mt-6:has(a[href*="contact"]) > .sidebar-group-header,
#navigation-items div.mt-6.lg\:mt-8:has(a[href*="contact"]) > div.sidebar-group-header {
  display: none !important;
  visibility: hidden !important;
}

/* Remove border from Contact group container and individual page links */
#navigation-items > ul > li:has(a[href*="contact"]),
#navigation-items > nav > *:has(a[href*="contact"]),
/* #navigation-items > div > *:has(a[href*="contact"]), */
#navigation-items > section > *:has(a[href*="contact"]),
#navigation-items [data-group]:has(a[href*="contact"]),
#navigation-items .sidebar-group:has(a[href*="contact"]),
#navigation-items a[href*="contact/book-a-demo"],
#navigation-items a[href*="contact/email"],
#navigation-items li:has(a[href*="contact/book-a-demo"]),
#navigation-items li:has(a[href*="contact/email"]) {
  border-top: none !important;

}

/* Override padding-right for contact/email link */
#navigation-items a[href*="contact/email"] {
  padding-right: 8px !important;
}


/* #navigation-items > ul > li:has(a[href*="contact"]), */
/* #navigation-items > nav > *:has(a[href*="contact"]), */
/* #navigation-items > div > *:has(a[href*="contact"]) */
/* #navigation-items > section > *:has(a[href*="contact"]), */
/* #navigation-items [data-group]:has(a[href*="contact"]), */
/* #navigation-items .sidebar-group:has(a[href*="contact"]), */
#navigation-items a[href*="contact/book-a-demo"]
/* #navigation-items a[href*="contact/email"], */
/* #navigation-items li:has(a[href*="contact/book-a-demo"]), */
 {
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  width: 120% !important;
  margin-left: -10% !important;
  padding-left: 17% !important;
  padding-top: 20px !important;
  
}



/* #sidebar,
#sidebar nav,
#sidebar > div,
.sidebar-nav,
[data-sidebar-nav] {
  background-color: #fafafa !important;
  background: #fafafa !important;
} */


.sidebar-group-header {
  @apply text-neutral-300 font-medium;
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

#sidebar-title {
  opacity: 0.4;
}

.sidebar-title {
  @apply text-neutral- transition-opacity duration-200;
  font-weight: 400 !important;
  font-variation-settings: 'wght' 400 !important;
}

/* Increase font weight for all sidebar navigation items - ensure consistent letter spacing */
#navigation-items a,
#navigation-items .sidebar-title,
.sidebar-group a,
.sidebar-group .sidebar-title,
#navigation-items a:not(.sidebar-group-header),
.sidebar-group a:not(.sidebar-group-header) {
  font-weight: 400 !important;
  font-variation-settings: 'wght' 400 !important; /* Inter variable font weight */
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  /* letter-spacing: -0.1px !important; */
}

.sidebar-title:hover {
  @apply opacity-70;
}

/* Reset stale active states on sidebar items unless truly current */
.sidebar-title[data-active="true"]:not([aria-current="true"]),
.sidebar-group a[data-active="true"]:not([aria-current="true"]),
#navigation-items a[data-active="true"]:not([aria-current="true"]) {
  color: #515151 !important;
  font-weight: 400 !important;
  border: none !important;
}

/* Active sidebar items - use #282A30 color and same font weight as default */
/* Use maximum specificity to override Mintlify/Tailwind defaults */
#navigation-items .sidebar-title[aria-current="true"],
#navigation-items .sidebar-group a[aria-current="true"],
#navigation-items a[aria-current="true"],
#navigation-items .sidebar-title[data-active="true"][aria-current="true"],
#navigation-items .sidebar-group a[data-active="true"][aria-current="true"],
#navigation-items a[data-active="true"][aria-current="true"],
#navigation-items .sidebar-title.text-primary,
#navigation-items .sidebar-group a.text-primary,
#navigation-items a.text-primary,
#navigation-items .sidebar-title.border-primary,
#navigation-items .sidebar-group a.border-primary,
#navigation-items a.border-primary,
#navigation-items .sidebar-group a[aria-current="page"],
#navigation-items a[aria-current="page"],
#navigation-items .sidebar-group a[aria-current="page"].sidebar-title,
#navigation-items a[aria-current="page"].sidebar-title,
#navigation-items a[aria-current],
#navigation-items .sidebar-group a[aria-current],
.sidebar-group .sidebar-title[aria-current="true"],
.sidebar-group a[aria-current="true"] {
  color: #282A30 !important;
  font-weight: 400 !important; /* Same as default */
  font-variation-settings: 'wght' 400 !important; /* Inter variable font weight */
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  /* letter-spacing: -0.1px !important; */
}

/* Override Tailwind font-medium (500) and other weight classes on active items */
/* Target all possible combinations with maximum specificity */
#navigation-items a[aria-current="true"].font-medium,
#navigation-items .sidebar-title[aria-current="true"].font-medium,
#navigation-items .sidebar-group a[aria-current="true"].font-medium,
.sidebar-group a[aria-current="true"].font-medium,
.sidebar-title[aria-current="true"].font-medium,
#navigation-items a[aria-current="true"].font-semibold,
#navigation-items .sidebar-title[aria-current="true"].font-semibold,
#navigation-items .sidebar-group a[aria-current="true"].font-semibold,
.sidebar-group a[aria-current="true"].font-semibold,
.sidebar-title[aria-current="true"].font-semibold,
#navigation-items a[aria-current="true"].font-bold,
#navigation-items .sidebar-title[aria-current="true"].font-bold,
#navigation-items .sidebar-group a[aria-current="true"].font-bold,
.sidebar-group a[aria-current="true"].font-bold,
.sidebar-title[aria-current="true"].font-bold,
/* Also target any element with @apply font-medium */
#navigation-items a[aria-current="true"][class*="font-medium"],
#navigation-items .sidebar-title[aria-current="true"][class*="font-medium"],
#navigation-items .sidebar-group a[aria-current="true"][class*="font-medium"] {
  font-weight: 400 !important;
  font-variation-settings: 'wght' 400 !important;
}

/* Hide sidebar bottom section */
.sidebar-bottom-section {
  display: none !important;
  visibility: hidden !important;
}

.sidebar-bottom-divider {
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  margin: 0 !important;
}

.sidebar-bottom-content {
  padding: 20px 8px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Ensure cloned Contact group maintains sidebar styling */
.sidebar-bottom-content .sidebar-group,
.sidebar-bottom-content [data-group],
.sidebar-bottom-content > div {
  padding: 0 !important;
  margin: 0 !important;
}

.sidebar-bottom-content .sidebar-group-header {
  margin-bottom: 0.5rem !important;
  font-size: 14px !important;
}

/* Ensure Contact section items match other nav items font size (14px) */
.sidebar-bottom-content .sidebar-title,
.sidebar-bottom-content a:not(.sidebar-group-header),
.sidebar-bottom-content a.sidebar-title,
.sidebar-bottom-content .sidebar-group a,
.sidebar-bottom-content [class*="sidebar"] a:not(.sidebar-group-header),
.sidebar-bottom-content a[href*="contact"],
.sidebar-bottom-content a[href*="Contact"],
.sidebar-bottom-content a[href*="book"],
.sidebar-bottom-content a[href*="email"],
.sidebar-bottom-content a[href*="slack"],
.sidebar-bottom-content > div > div a,
.sidebar-bottom-content > div a:not(.sidebar-group-header) {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-variation-settings: 'wght' 400 !important;
  line-height: 1.5 !important;
  /* letter-spacing: -0.022em !important; */
}

/* Override the 15px media query for Contact section */
@media (min-width: 768px) {
  .sidebar-bottom-content .sidebar-title,
  .sidebar-bottom-content a:not(.sidebar-group-header),
  .sidebar-bottom-content a.sidebar-title,
  .sidebar-bottom-content .sidebar-group a,
  .sidebar-bottom-content [class*="sidebar"] a:not(.sidebar-group-header),
  .sidebar-bottom-content a[href*="contact"],
  .sidebar-bottom-content a[href*="Contact"],
  .sidebar-bottom-content a[href*="book"],
  .sidebar-bottom-content a[href*="email"],
  .sidebar-bottom-content a[href*="slack"],
  .sidebar-bottom-content > div > div a,
  .sidebar-bottom-content > div a:not(.sidebar-group-header) {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
}

/* Reset active styling for bottom sidebar links to default */
.sidebar-bottom-content a,
.sidebar-bottom-content .sidebar-title,
.sidebar-bottom-content .sidebar-group a {
  color: #3f3f3f !important;
  font-weight: 400 !important; /* same weight as main nav items */
  font-variation-settings: 'wght' 400 !important;
  font-size: 14px !important;
  letter-spacing: -0.022em !important;
  text-decoration: none !important;
  border: none !important;
  background: transparent !important;
}

.sidebar-bottom-content a[data-active="true"],
.sidebar-bottom-content .sidebar-title[data-active="true"],
.sidebar-bottom-content .sidebar-group a[data-active="true"],
.sidebar-bottom-content a[aria-current="true"],
.sidebar-bottom-content .sidebar-title[aria-current="true"],
.sidebar-bottom-content .sidebar-group a[aria-current="true"],
.sidebar-bottom-content a.text-primary,
.sidebar-bottom-content a.border-primary {
  color: #282A30 !important;
  font-weight: 400 !important; /* same weight as default */
  font-variation-settings: 'wght' 400 !important;
  font-size: 14px !important;
  border: none !important;
  background: transparent !important;
}

.sidebar-bottom-content a:hover,
.sidebar-bottom-content .sidebar-title:hover,
.sidebar-bottom-content .sidebar-group a:hover {
  color: #3f3f3f !important;
  border: none !important;
  background: transparent !important;
}

/* Show original Contact group - no longer hidden */

/* Smooth fade-in for sidebar bottom section */
.sidebar-bottom-section {
  animation: fadeIn 0.15s ease-out forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Hide sidebar collapse/toggle button */
#sidebar button[aria-label*="collapse" i],
#sidebar button[aria-label*="toggle" i],
#sidebar button[aria-label*="sidebar" i],
#sidebar button[aria-label*="close" i],
#sidebar button[title*="collapse" i],
#sidebar button[title*="toggle" i],
#sidebar button[title*="close" i],
#sidebar-content button[aria-label*="collapse" i],
#sidebar-content button[aria-label*="toggle" i],
#sidebar-content button[aria-label*="sidebar" i],
#sidebar-content button[aria-label*="close" i],
button[aria-label*="collapse sidebar" i],
button[aria-label*="toggle sidebar" i],
button[aria-label*="close sidebar" i],
button.absolute.top-5.right-5,
[data-sidebar-toggle],
[data-sidebar-collapse],
.sidebar-toggle,
.sidebar-collapse {
  display: none !important;
  visibility: hidden !important;
}

/* Hide gradient overlay div in sidebar (Mintlify generated) */
#sidebar div.sticky[class*="-top-"],
#sidebar div[class*="bg-gradient-to-b"][class*="pointer-events-none"],
#sidebar-content div.sticky[class*="-top-"],
#sidebar-content div[class*="bg-gradient-to-b"][class*="pointer-events-none"],
#navigation-items div.sticky[class*="-top-"],
#navigation-items div[class*="bg-gradient-to-b"][class*="pointer-events-none"],
div.sticky.-top-\[24px\],
div[class*="sticky"][class*="-top-\[24px\]"],
div[class*="h-8"][class*="-mt-8"][class*="bg-gradient-to-b"][class*="pointer-events-none"] {
  display: none !important;
  visibility: hidden !important;
}

/* ============================================
   FOCUS STATES
   ============================================ */

*:focus-visible {
  @apply outline-2 outline-black/[0.12] outline-offset-2;
}


/* ============================================
   TEXT SELECTION
   ============================================ */

::selection {
  @apply bg-neutral-200 text-neutral-900;
}


/* ============================================
   TOC ACTIONS (Copy Page & Share Feedback)
   ============================================ */

.toc-action-item {
  list-style: none;
  display: none !important;
}

.toc-action-item:last-child {
  margin-bottom: 0;
}

.toc-action-link {
  @apply text-neutral-500 transition-colors duration-200;
  text-decoration: none;
  display: flex;
  align-items: center;
  /* gap: 0.5rem; */
  font-size: 13px !important;
}

.toc-action-link:hover {
  @apply text-neutral-900;
}

.toc-action-link[data-active="true"] {
  @apply text-neutral-900 font-medium;
}

.toc-action-icon {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
}

.toc-action-icon svg {
  width: 14px;
  height: 14px;
}

/* Ensure all Lucide icons follow the proper format */
.lucide,
svg.lucide,
[class*="lucide-"] svg {
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Ensure Mintlify Icon component renders Lucide icons correctly */
svg[class*="lucide"] {
  fill: none !important;
  stroke: currentColor !important;
}

.toc-action-checkmark {
  animation: checkmarkFadeIn 0.3s ease-in-out;
}

@keyframes checkmarkFadeIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


.toc-actions-divider {
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important; 
  margin-top: 1rem !important;
  padding-top: 1rem !important;
  list-style: none !important;
  display: none !important;
  min-height: 1px !important;
}



/* ============================================
   PROSE IMAGES
   ============================================ */

.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
  margin: 0;
}

/* All images have rounded-lg and disable selection/zoom */
img {
  border-radius: 0.5rem !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
  -webkit-user-drag: none !important;
}

img[class*="rounded"],
img.rounded,
.prose img,
.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
  border-radius: 0.5rem !important;
}

/* ============================================
   LEARN MORE CARD GROUP - OVERFLOW
   ============================================ */

.mint-grid,
.grid.mt-6 {
  overflow: visible !important;
}

/* ============================================
   CONCEPTS PAGE - HEADING ALIGNMENT
   ============================================ */

/* Remove top margin from h3 headings in concepts page sections */
section.mb-12 h3.mt-0 {
  margin-top: 0 !important;
}


.sidebar-group-icon svg,
.icon svg {
  width: 32px !important;
  height: 32px !important;
}

/* Hide sidebar navigation icons (but NOT toggle chevrons) */
#navigation-items a > svg:not([class*="chevron"]):not([class*="caret"]):not([class*="arrow"]),
#navigation-items a > .icon,
#navigation-items .sidebar-group a > svg:not([class*="chevron"]):not([class*="caret"]):not([class*="arrow"]),
#navigation-items .sidebar-group a > .icon,
#navigation-items .sidebar-title > svg:not([class*="chevron"]):not([class*="caret"]):not([class*="arrow"]),
#navigation-items .sidebar-title > .icon,
.sidebar-group a > svg:not([class*="chevron"]):not([class*="caret"]):not([class*="arrow"]),
.sidebar-group a > .icon,
.sidebar-group .sidebar-title > svg:not([class*="chevron"]):not([class*="caret"]):not([class*="arrow"]),
.sidebar-group .sidebar-title > .icon {
  display: none !important;
  visibility: hidden !important;
}

/* Hide left chevron/arrow icons on nested group headers */
#navigation-items button > svg,
#navigation-items span.cursor-pointer > svg,
#navigation-items [aria-expanded] > svg,
#navigation-items li:has(> ul) > button > svg,
#navigation-items li:has(> ul) > span > svg,
#navigation-items li:has(> ul) > div > button > svg,
#navigation-items li:has(> ul) > div > span > svg {
  display: none !important;
  visibility: hidden !important;
}

/* Show and style SVG chevron for nested group toggle buttons */
#navigation-items li.space-y-px > button.group > svg,
#navigation-items ul > li.space-y-px > button.group > svg,
.sidebar-group li.space-y-px > button.group > svg,
#navigation-items li:has(> ul) > button.group > svg {
  display: block !important;
  visibility: visible !important;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
  height: 24px !important;
  width: fit-content !important;
  margin-left: auto !important;
}

/* Rotate SVG chevron to point down when expanded */
#navigation-items li.space-y-px > button.group[aria-expanded="true"] > svg,
#navigation-items ul > li.space-y-px > button.group[aria-expanded="true"] > svg,
.sidebar-group li.space-y-px > button.group[aria-expanded="true"] > svg,
#navigation-items li:has(> ul) > button.group[aria-expanded="true"] > svg {
  transform: rotate(90deg) !important;
}

/* Make nested group header (Tables) full width */
#navigation-items li:has(> ul),
#navigation-items li:has(> ul) > button,
#navigation-items li:has(> ul) > span,
#navigation-items li:has(> ul) > div {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* Nested group container (li.space-y-px) - column layout - consistent width for all states */
#navigation-items li.space-y-px,
#navigation-items ul > li.space-y-px,
.sidebar-group li.space-y-px,
#navigation-items li.space-y-px[aria-expanded="false"],
#navigation-items li.space-y-px[aria-expanded="true"],
#navigation-items ul > li.space-y-px[aria-expanded="false"],
#navigation-items ul > li.space-y-px[aria-expanded="true"],
#navigation-items li:has(> ul),
#navigation-items li:has(> ul)[aria-expanded="false"],
#navigation-items li:has(> ul)[aria-expanded="true"] {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  padding-left: 16px !important;
  padding-right: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  visibility: visible !important;
  box-sizing: border-box !important;
  /* Ensure consistent width matching expanded Detail Pages state */
  flex: 1 1 100% !important;
  flex-shrink: 0 !important;
}

/* Remove extra padding for third-level groups (nested inside second-level groups) */
#navigation-items ul ul li.space-y-px,
#navigation-items ul ul > li.space-y-px,
#navigation-items li:has(> ul) > ul > li.space-y-px,
#navigation-items li:has(> ul) > ul li.space-y-px,
#navigation-items ul ul li:has(> ul),
#navigation-items li:has(> ul) > ul > li:has(> ul),
#navigation-items ul ul li.space-y-px[aria-expanded="false"],
#navigation-items ul ul li.space-y-px[aria-expanded="true"],
#navigation-items ul ul li:has(> ul)[aria-expanded="false"],
#navigation-items ul ul li:has(> ul)[aria-expanded="true"] {
  padding-left: 6px !important;
}

/* Nested group links (a.group) - alignment adjustments */
#navigation-items li.space-y-px a.group,
#navigation-items ul > li.space-y-px a.group,
.sidebar-group li.space-y-px a.group {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding-left: 6px !important;
}

/* Nested group toggle button - full width */
#navigation-items li.space-y-px > button.group,
#navigation-items ul > li.space-y-px > button.group,
.sidebar-group li.space-y-px > button.group,
#navigation-items button.group,
#sidebar-group button.group,
#navigation-items li.space-y-px > button.group[aria-expanded="false"],
#navigation-items li.space-y-px > button.group[aria-expanded="true"],
#navigation-items ul > li.space-y-px > button.group[aria-expanded="false"],
#navigation-items ul > li.space-y-px > button.group[aria-expanded="true"] {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  padding-left: 0px !important;
  padding-right: 8px !important;
  gap: 12px !important;
  justify-content: space-between !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

/* Nested group button inner flex container - full width */
#navigation-items li.space-y-px > button.group > .flex-1,
#navigation-items ul > li.space-y-px > button.group > .flex-1,
.sidebar-group li.space-y-px > button.group > .flex-1,
#navigation-items button.group > .flex-1,
.sidebar-group button.group > .flex-1 {
  width: 100% !important;
  color: rgba(111, 110, 119, 1) !important;
}

/* Navigation container divs - full width */
#navigation-items .text-sm.relative,
#navigation-items > div.text-sm,
#navigation-items > div.text-sm.relative,
#navigation-items .mt-6.lg\\:mt-8,
#navigation-items div.mt-6,
div#navigation-items > div.text-sm.relative,
#sidebar-content #navigation-items > div.text-sm.relative,
div#navigation-items div.text-sm.relative,
div#navigation-items > div.text-sm.relative,
#sidebar-content div#navigation-items > div.text-sm.relative,
#sidebar-content div#navigation-items div.text-sm.relative,
div.text-sm.relative[data-cursor-element-id] {
  width: 100% !important;
  /* min-width: 100% !important; */
  /* max-width: 100% !important; */
  flex: 1 1 auto !important;
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
  flex-basis: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

/* Remove top spacing from first navigation group (but not Contact group) */
#navigation-items > div:first-child:not(:has(a[href*="contact"])),
#navigation-items > div.text-sm.relative:first-child:not(:has(a[href*="contact"])),
#navigation-items > div.mt-6:first-child:not(:has(a[href*="contact"])),
#navigation-items .text-sm.relative:first-child:not(:has(a[href*="contact"])),
#navigation-items .mt-6.lg\\:mt-8:first-child:not(:has(a[href*="contact"])),
#sidebar-content #navigation-items > div:first-child:not(:has(a[href*="contact"])),
#sidebar-content #navigation-items > div.text-sm.relative:first-child:not(:has(a[href*="contact"])) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Ensure Contact group maintains margin-top: auto to stay at bottom */
#navigation-items > div:has(a[href*="contact"]),
#navigation-items > div.text-sm.relative:has(a[href*="contact"]),
#navigation-items > div.mt-6:has(a[href*="contact"]),
#navigation-items .text-sm.relative:has(a[href*="contact"]),
#navigation-items .mt-6.lg\\:mt-8:has(a[href*="contact"]),
#sidebar-content #navigation-items > div:has(a[href*="contact"]),
#sidebar-content #navigation-items > div.text-sm.relative:has(a[href*="contact"]) {
  margin-top: auto !important;
}

/* Add arrow on the right for pages with subpages */
#navigation-items a:has(+ ul),
#navigation-items a:has(+ div > ul),
#navigation-items li:has(ul) > a,
#navigation-items li:has(ul) > a.sidebar-title,
.sidebar-group li:has(ul) > a,
.sidebar-group li:has(ul) > a.sidebar-title,
#navigation-items [data-group] > a:has(+ ul),
#navigation-items [data-group] > a:has(+ div > ul),
#navigation-items li[data-group] > a,
.sidebar-group li[data-group] > a {
  position: relative;
  padding-right: 16px !important;
  width: 100% !important;
}

#navigation-items a:has(+ ul)::after,
#navigation-items a:has(+ div > ul)::after,
#navigation-items li:has(ul) > a::after,
#navigation-items li:has(ul) > a.sidebar-title::after,
.sidebar-group li:has(ul) > a::after,
.sidebar-group li:has(ul) > a.sidebar-title::after,
#navigation-items [data-group] > a:has(+ ul)::after,
#navigation-items [data-group] > a:has(+ div > ul)::after,
#navigation-items li[data-group] > a::after,
.sidebar-group li[data-group] > a::after {
  content: "›";
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(111, 110, 119, 1);
  font-size: 16px;
  font-weight: 400;
  pointer-events: none;
  line-height: 1;
}

/* Active state arrow color */
#navigation-items a[aria-current="true"]:has(+ ul)::after,
#navigation-items a[aria-current="page"]:has(+ ul)::after,
#navigation-items li:has(ul) > a[aria-current="true"]::after,
#navigation-items li:has(ul) > a[aria-current="page"]::after,
.sidebar-group li:has(ul) > a[aria-current="true"]::after,
#navigation-items li[data-group] > a[aria-current="true"]::after,
.sidebar-group li[data-group] > a[aria-current="true"]::after {
  color: #282a30 !important;
}

/* Nested group headers (e.g., Tables under Core) - allow collapse/expand */
#navigation-items ul li ul,
#navigation-items .sidebar-group ul li ul,
#navigation-items li:has(> ul) > ul {
  /* Allow display to be controlled by aria-expanded state */
  /* display: block !important; - removed to allow collapse/expand */
}

/* Left border for nested subpages - appears right below group header */
#navigation-items ul li > ul,
#navigation-items .sidebar-group ul li > ul,
#navigation-items ul ul,
#navigation-items li:has(a[href*="/tables/"]) ul,
#sidebar-group ul ul,
#navigation-items li.space-y-px > ul,
#navigation-items li.space-y-px[aria-expanded="true"] > ul,
#navigation-items li.space-y-px[aria-expanded="false"] > ul {
  margin-left: 2px !important;
  padding-left: 12px !important;
  border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Sidebar group - full width */
#sidebar-group {
  width: 100% !important;
}

/* Target nested groups - full width container - ensure consistent width */
#navigation-items li:has(> ul),
#navigation-items li:has(> ul)[aria-expanded="false"],
#navigation-items li:has(> ul)[aria-expanded="true"],
#navigation-items li.space-y-px,
#navigation-items li.space-y-px[aria-expanded="false"],
#navigation-items li.space-y-px[aria-expanded="true"] {
  position: relative;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  visibility: visible !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  /* Force consistent width - match expanded Detail Pages width */
  flex: 1 1 100% !important;
  flex-shrink: 0 !important;
  flex-basis: 100% !important;
}

/* Nested group header text styling */
#navigation-items li:has(> ul) > *:first-child:not(ul) {
  display: flex !important;
  visibility: visible !important;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  padding: 6px 0 !important;
  padding-right: 0px !important;
  color: rgba(111, 110, 119, 1) !important;
  font-size: 14px !important;
  cursor: pointer;
  box-sizing: border-box !important;
}

/* Style subpage items under nested groups */
#navigation-items ul ul a,
#navigation-items li:has(> ul) ul a {
  position: relative;
}

/* Nested group header - full width with chevron on right edge */
#navigation-items li:has(> ul) > button,
#navigation-items li:has(> ul) > span,
#navigation-items li:has(> ul) > div,
#navigation-items li:has(a[href*="/tables/"]) > button,
#navigation-items li:has(a[href*="/tables/"]) > span,
#navigation-items li:has(a[href*="/tables/"]) > div,
#navigation-items li:has(> ul) > button[aria-expanded="false"],
#navigation-items li:has(> ul) > button[aria-expanded="true"],
#navigation-items li:has(> ul)[aria-expanded="false"],
#navigation-items li:has(> ul)[aria-expanded="true"] {
  display: flex !important;
  visibility: visible !important;
  position: relative;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding-right: 0px !important;
  color: rgba(111, 110, 119, 1) !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

/* Ensure collapsed group containers are always visible */
#navigation-items li.space-y-px[aria-expanded="false"],
#navigation-items li.space-y-px[aria-expanded="true"],
#navigation-items li:has(> ul)[aria-expanded="false"],
#navigation-items li:has(> ul)[aria-expanded="true"],
#navigation-items li.space-y-px.hidden,
#navigation-items li:has(> ul).hidden {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure nested group buttons are always visible even when collapsed */
#navigation-items button[aria-expanded="false"],
#navigation-items button[aria-expanded="true"],
#navigation-items li:has(> ul) > button,
#navigation-items li.space-y-px > button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide ::after chevron for nested group buttons (using SVG instead) */
#navigation-items li.space-y-px > button.group::after,
#navigation-items ul > li.space-y-px > button.group::after,
.sidebar-group li.space-y-px > button.group::after,
#navigation-items li:has(> ul) > button.group::after {
  content: none !important;
  display: none !important;
}

/* Chevron for nested group headers (for non-button elements) */
#navigation-items li:has(> ul) > span::after,
#navigation-items li:has(> ul) > div::after,
#navigation-items li:has(a[href*="/tables/"]) > span::after,
#navigation-items li:has(a[href*="/tables/"]) > div::after {
  content: "›";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  color: rgba(111, 110, 119, 1);
  font-size: 16px;
  font-weight: 400;
  pointer-events: none;
  line-height: 1;
  transition: transform 0.2s ease;
}

/* Rotate chevron when expanded (point down) */
#navigation-items span[aria-expanded="true"]::after,
#navigation-items div[aria-expanded="true"]::after,
#navigation-items li:has(> ul) > span[aria-expanded="true"]::after,
#navigation-items li:has(> ul) > div[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(90deg) !important;
}


/* TOC layout and spacing */
#table-of-contents-layout {
  padding-left: 16px !important;
  box-sizing: border-box !important;
}

#table-of-contents {
  padding: 0 0 8px 0 !important;
  margin: 0 !important;
  width: 16.5rem !important;
  overflow-y: auto !important;
}

#table-of-contents .toc {
  margin: 0 !important;
  padding: 0 !important;
}

/* No gap between TOC items */
#table-of-contents .toc-item:not(.toc-action-item) {
  margin-bottom: 0 !important;
}

/* TOC items (exclude action items like copy page) */
#table-of-contents .toc-item:not(.toc-action-item) a {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  min-height: 28px !important;
  padding: 3.5px 0 4px 0 !important;
  padding-left: 16px !important;
  border-left: 2px solid rgba(0,0,0,0.08) !important; /* default border visible */
  color: #737373 !important; /* neutral-500 */
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Continuous active bar (full height, sits over the default border) */
#table-of-contents .toc-item:not(.toc-action-item) a::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  width: 2px;
  height: 100%;
  background: transparent;
  opacity: 0;
  transition: background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), 
              opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, background-color;
}

#table-of-contents .toc-item:not(.toc-action-item) a:hover {
  color: #111827 !important; /* neutral-900 */
  border-color: rgba(0,0,0,0.12) !important;
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Active item - only show active state when aria-current="true" is set */
#table-of-contents .toc-item:not(.toc-action-item) a.border-primary,
#table-of-contents .toc-item:not(.toc-action-item) a.text-primary,
#table-of-contents .toc-item:not(.toc-action-item) a[aria-current="true"] {
  color: #121212 !important;
  border-color: #121212 !important;
  font-weight: medium !important;
}

#table-of-contents .toc-item:not(.toc-action-item) a.border-primary::before,
#table-of-contents .toc-item:not(.toc-action-item) a.text-primary::before,
#table-of-contents .toc-item:not(.toc-action-item) a[aria-current="true"]::before {
  background: #121212 !important;
  opacity: 1 !important;
}

/* Ensure only ONE item can be active at a time - reset all others */
#table-of-contents .toc-item:not(.toc-action-item) a:not([aria-current="true"]) {
  color: #737373 !important; /* neutral-500 */
  border-color: rgba(0,0,0,0.08) !important;
}

#table-of-contents .toc-item:not(.toc-action-item) a:not([aria-current="true"])::before {
  background: transparent !important;
  opacity: 0 !important;
}

/* Optional: divider spacing for TOC actions, if present */
.toc-actions-divider {
  border-top: 1px solid rgba(0,0,0,0.08) !important;
  margin: 0.75rem 0 !important;
  padding-top: 0.75rem !important;
  list-style: none !important;
  display: none !important;
}

/* FINAL OVERRIDE: All sidebar links use same font-weight for all states */
/* Only color should change between default, hover, and active states */
#navigation-items a,
#navigation-items a:hover,
#navigation-items a:focus,
#navigation-items a:active,
#navigation-items a[aria-current="true"],
#navigation-items a[aria-current="page"],
#navigation-items a[data-active="true"],
#navigation-items .sidebar-title,
#navigation-items .sidebar-title:hover,
#navigation-items .sidebar-title:focus,
#navigation-items .sidebar-title:active,
#navigation-items .sidebar-title[aria-current="true"],
#navigation-items .sidebar-title[aria-current="page"],
#navigation-items .sidebar-title[data-active="true"],
#navigation-items .sidebar-group a,
#navigation-items .sidebar-group a:hover,
#navigation-items .sidebar-group a:focus,
#navigation-items .sidebar-group a:active,
#navigation-items .sidebar-group a[aria-current="true"],
#navigation-items .sidebar-group a[aria-current="page"],
#navigation-items .sidebar-group a[data-active="true"],
#navigation-items a.text-primary,
#navigation-items a.border-primary,
#navigation-items .sidebar-title.text-primary,
#navigation-items .sidebar-title.border-primary,
#navigation-items .sidebar-group a.text-primary,
#navigation-items .sidebar-group a.border-primary,
.sidebar-bottom-content a,
.sidebar-bottom-content a:hover,
.sidebar-bottom-content a:focus,
.sidebar-bottom-content a:active,
.sidebar-bottom-content a[aria-current="true"],
.sidebar-bottom-content a[data-active="true"] {
  font-weight: 400 !important;
  font-variation-settings: 'wght' 400 !important;
}

/* Sidebar navigation link text color - target div inside links */
#navigation-items a > div,
#navigation-items .sidebar-group a > div,
#navigation-items a[href^="/core/"] > div,
#navigation-items a[href^="/getting-started/"] > div,
#navigation-items a[href^="/contact/"] > div {
  color: rgba(111, 110, 119, 1) !important;
}

/* Active sidebar navigation link text color - override with darker color */
#navigation-items a[aria-current="true"] > div,
#navigation-items a[aria-current="page"] > div,
#navigation-items a[data-active="true"][aria-current="true"] > div,
#navigation-items a.text-primary > div,
#navigation-items a.border-primary > div,
#navigation-items .sidebar-group a[aria-current="true"] > div,
#navigation-items .sidebar-group a[aria-current="page"] > div,
#navigation-items .sidebar-group a.text-primary > div,
#navigation-items .sidebar-group a.border-primary > div {
  color: #282a30 !important;
}

/* ============================================
   HIDE FEEDBACK WIDGET
   ============================================ */

/* Hide "Was this page helpful?" feedback widget - comprehensive selectors */
[data-feedback],
[data-feedback] *,
.feedback,
.feedback *,
[class*="feedback"],
[id*="feedback"],
[aria-label*="helpful" i],
[aria-label*="Was this page helpful" i],
button[aria-label*="Yes" i],
button[aria-label*="No" i],
button:has(svg[class*="thumbs"]),
div:has(> button[aria-label*="Yes" i]),
div:has(> button[aria-label*="No" i]),
section:has([data-feedback]),
div:has([data-feedback]),
section:has(.feedback),
div:has(.feedback) {
  display: none !important;
  visibility: hidden !important;
}

/* Additional selectors for Mintlify feedback widget */
[class*="Feedback"],
[id*="Feedback"],
[data-testid*="feedback"],
[data-testid*="Feedback"] {
  display: none !important;
  visibility: hidden !important;
}

/* Hide empty ul.list-none elements in sidebar navigation */
#navigation-items .text-sm.relative > ul.list-none:empty,
#sidebar-content #navigation-items .text-sm.relative > ul.list-none:empty {
  display: none !important;
  visibility: hidden !important;
}

/* Container component: remove padding from wrapper */
div.mint-px-1 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Container component: add padding to inner div.mint-w-full */
div.mint-px-1 > div.mint-w-full {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

/* Box-sizing overrides for content areas */
#content {
  box-sizing: content-box !important;
}

#content-area {
  box-sizing: content-box !important;
}

div.mx-auto.max-w-5xl {
  box-sizing: content-box !important;
}