/**
 * Unlayered Infima isolation for Scalar on /api.
 * Scoped to .lynq-api-shell — do NOT use all:revert on Scalar utilities (.container, .table, …).
 */
html:has(.lynq-api-page) .lynq-api-shell {
  /* Lynq-tuned Scalar tokens (contrast + brand accent) */
  --scalar-color-accent: #0d9644;
  --scalar-color-green: #0d9644;
  --scalar-color-1: #0f0f10;
  --scalar-color-2: #3d3d42;
  --scalar-color-3: #6b6b70;
  --scalar-border-color: rgba(15, 15, 16, 0.14);
  --scalar-background-1: #ffffff;
  --scalar-background-2: #f4f2ec;
  --scalar-background-3: #e8e6e0;
  --scalar-button-1: #0d9644;
  --scalar-button-1-color: #ffffff;
  --scalar-button-1-hover: #0a7a38;
}

html:has(.lynq-api-page) .lynq-api-shell.dark-mode,
html:has(.lynq-api-page) .lynq-api-shell .dark-mode {
  --scalar-color-1: #f2f0ea;
  --scalar-color-2: #b8b8bc;
  --scalar-color-3: #8a8a90;
  --scalar-border-color: rgba(255, 255, 255, 0.1);
  --scalar-background-1: #0a0a0b;
  --scalar-background-2: #161618;
  --scalar-background-3: #222226;
  --scalar-color-accent: #22b356;
  --scalar-color-green: #22b356;
  --scalar-button-1: #22b356;
  --scalar-button-1-hover: #1e9f4c;
}

/* Infima list / typography resets */
html:has(.lynq-api-page) .lynq-api-shell :is(ul, ol) {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html:has(.lynq-api-page) .lynq-api-shell :is(p, h1, h2, h3, h4, h5, h6) {
  margin: 0 !important;
}

html:has(.lynq-api-page) .lynq-api-shell table {
  display: table !important;
  margin: 0 !important;
  overflow: visible !important;
  border-collapse: collapse !important;
}

html:has(.lynq-api-page) .lynq-api-shell :is(thead, tbody, tr, th, td) {
  border: revert !important;
  padding: revert !important;
  background: revert !important;
  color: revert !important;
  font-weight: revert !important;
}

html:has(.lynq-api-page) .lynq-api-shell :is(code, pre) {
  font-family: var(--ifm-font-family-monospace) !important;
}

/* Infima class-name collisions only (not Scalar .container / .table utilities) */
html:has(.lynq-api-page) .lynq-api-shell :is(.row, .col) {
  display: revert !important;
  flex: revert !important;
  flex-wrap: revert !important;
  max-width: revert !important;
  width: revert !important;
  padding: revert !important;
  margin: revert !important;
}

html:has(.lynq-api-page) .lynq-api-shell .container {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

html:has(.lynq-api-page) .lynq-api-shell :is(.button, .badge, .alert, .menu, .tabs, .dropdown) {
  all: revert !important;
}

/* Tailwind / Scalar layout utilities Infima can break */
html:has(.lynq-api-page) .lynq-api-shell .flex { display: flex !important; }
html:has(.lynq-api-page) .lynq-api-shell .inline-flex { display: inline-flex !important; }
html:has(.lynq-api-page) .lynq-api-shell .grid { display: grid !important; }
html:has(.lynq-api-page) .lynq-api-shell .contents { display: contents !important; }
html:has(.lynq-api-page) .lynq-api-shell .hidden { display: none !important; }
html:has(.lynq-api-page) .lynq-api-shell .overflow-hidden { overflow: hidden !important; }

/* Scalar scroll containers — Infima can strip overflow-y from .custom-scroll */
html:has(.lynq-api-page) .lynq-api-shell .custom-scroll,
html:has(.lynq-api-page) .lynq-api-shell .custom-scrollbar {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

html:has(.lynq-api-page) .lynq-api-shell .references-rendered {
  overflow: visible !important;
  min-height: calc(100dvh - var(--ifm-navbar-height) - 3rem) !important;
}

html:has(.lynq-api-page) .lynq-api-shell .scalar-api-reference.references-layout {
  min-height: calc(100dvh - var(--ifm-navbar-height) - 3rem) !important;
  --full-height: 100dvh !important;
}

html:has(.lynq-api-page) .lynq-api-shell .flex-col { flex-direction: column !important; }
html:has(.lynq-api-page) .lynq-api-shell .flex-row { flex-direction: row !important; }
html:has(.lynq-api-page) .lynq-api-shell .flex-wrap { flex-wrap: wrap !important; }
html:has(.lynq-api-page) .lynq-api-shell :is(.flex-1, .grow) { flex-grow: 1 !important; }
html:has(.lynq-api-page) .lynq-api-shell :is(.shrink, .flex-shrink) { flex-shrink: 1 !important; }

/* Scalar semantic color / background utilities */
html:has(.lynq-api-page) .lynq-api-shell :is(.bg-b-1, .bg-b-1\.5) {
  background-color: var(--scalar-background-1) !important;
}
html:has(.lynq-api-page) .lynq-api-shell .bg-b-2 {
  background-color: var(--scalar-background-2) !important;
}
html:has(.lynq-api-page) .lynq-api-shell .bg-b-3 {
  background-color: var(--scalar-background-3) !important;
}
html:has(.lynq-api-page) .lynq-api-shell .bg-backdrop {
  background-color: rgba(15, 15, 16, 0.45) !important;
}
html:has(.lynq-api-page) .lynq-api-shell .text-c-1 { color: var(--scalar-color-1) !important; }
html:has(.lynq-api-page) .lynq-api-shell .text-c-2 { color: var(--scalar-color-2) !important; }
html:has(.lynq-api-page) .lynq-api-shell .text-c-3 { color: var(--scalar-color-3) !important; }
html:has(.lynq-api-page) .lynq-api-shell .z-context { z-index: 1001 !important; }

/* Closed full-screen Scalar layers must never intercept navbar clicks */
html:has(.lynq-api-page) :is(.scalar-modal-layout, .scalar-modal-layout-full, .fixed.inset-0, .fixed.h-dvh):is(
  .opacity-0,
  .pointer-events-none,
  .invisible
) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Request loading overlay — opaque panel, contained to response block */
html:has(.lynq-api-page) .lynq-api-shell .z-overlay.absolute.inset-0 {
  background-color: var(--scalar-background-1) !important;
  opacity: 0.97 !important;
  border: 1px solid var(--scalar-border-color) !important;
  border-radius: 8px !important;
}

html:has(.lynq-api-page) .lynq-api-shell .response-section-content {
  position: relative !important;
  min-height: 8rem;
}

/* Popovers / comboboxes */
html:has(.lynq-api-page) .lynq-api-shell .z-context {
  background: var(--scalar-background-1) !important;
  border: 1px solid var(--scalar-border-color) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(15, 15, 16, 0.14) !important;
  overflow: auto !important;
  max-height: min(24rem, 70vh) !important;
}

html:has(.lynq-api-page) .client-libraries-measure-clip,
html:has(.lynq-api-page) .client-libraries-row--measure {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html:has(.lynq-api-page) [data-radix-popper-content-wrapper] {
  z-index: calc(var(--ifm-z-index-fixed) + 200) !important;
}

/* Headless UI dialog backdrops (API client modals) */
html:has(.lynq-api-page) .lynq-api-shell :is(.bg-backdrop, [data-headlessui-state]) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Scalar AI agent — disabled in config; hide if stuck */
html:has(.lynq-api-page) .agent-button-container,
html:has(.lynq-api-page) .agent-scalar-overlay,
html:has(.lynq-api-page) .agent-scalar,
html:has(.lynq-api-page) .agent-scalar-container {
  display: none !important;
}

/* Replace Scalar's gradient hero intro with our custom ApiIntroduction block */
html:has(.lynq-api-page) .lynq-api-shell .section-flare,
html:has(.lynq-api-page) .lynq-api-shell .section-container:has(.introduction-section),
html:has(.lynq-api-page) .lynq-api-shell [data-sidebar-id$="/description/introduction"] {
  display: none !important;
}

html:has(.lynq-api-page) .lynq-api-shell .section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Keep Docusaurus navbar clickable above Scalar overlays on /api */
/* Keep Docusaurus navbar clickable above Scalar overlays on /api */
html:has(.lynq-api-page) .navbar,
html:has(.lynq-api-page) .navbar__inner,
html:has(.lynq-api-page) .navbar__items,
html:has(.lynq-api-page) .navbar__link {
  position: relative;
  z-index: calc(var(--ifm-z-index-fixed) + 50) !important;
  pointer-events: auto !important;
}

html:has(.lynq-api-page) .navbar__item.dropdown .dropdown__menu {
  z-index: calc(var(--ifm-z-index-fixed) + 60) !important;
}

html:has(.lynq-api-page) .scalar-container:not(.scalar-client--open) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Teleported modal fallback — fixed overlay until enhancer docks client inline */
html:has(.lynq-api-page) .scalar-container.scalar-client--open {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: calc(var(--ifm-z-index-fixed) + 150) !important;
}

html:has(.lynq-api-page) .lynq-api-workbench-mount .scalar-container.scalar-client--open {
  position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
}

html:has(.lynq-api-page) .lynq-api-shell .scalar-app:has(.lynq-api-workbench-mount .scalar-container.scalar-client--open) {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  pointer-events: auto !important;
}

html:has(.lynq-api-page) .scalar-app:has(.scalar-container.scalar-client--open):not(:has(.lynq-api-workbench-mount .scalar-container)) {
  position: fixed !important;
  inset: 0 !important;
  z-index: calc(var(--ifm-z-index-fixed) + 150) !important;
  pointer-events: auto !important;
}

/* Closed teleported modals must not block page interaction */
html:has(.lynq-api-page) :is(.scalar-modal-layout, .scalar-modal-layout-full).opacity-0 {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Teleported Scalar modals (search, API client) — only when open */
html:has(.lynq-api-page) :is(.scalar-modal-layout, .scalar-modal-layout-full):not(.opacity-0) {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  background-color: rgba(15, 15, 16, 0.5) !important;
  align-items: flex-start !important;
  justify-content: center !important;
  pointer-events: auto !important;
}

html:has(.lynq-api-page) .scalar-modal {
  display: flex !important;
  flex-direction: column !important;
  background-color: var(--scalar-background-1, #fff) !important;
  color: var(--scalar-color-1, #0f0f10) !important;
  opacity: 1 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(15, 15, 16, 0.12) !important;
  box-shadow: 0 16px 48px rgba(15, 15, 16, 0.2) !important;
}

html[data-theme='dark']:has(.lynq-api-page) :is(.scalar-modal-layout, .scalar-modal-layout-full) {
  background-color: rgba(0, 0, 0, 0.65) !important;
}

html[data-theme='dark']:has(.lynq-api-page) .scalar-modal {
  background-color: #141416 !important;
  color: #f2f0ea !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* ------------------------------------------------------------------ */
/* Scope: teleported API client modal (.scalar-app outside the shell) */
/* ------------------------------------------------------------------ */

html:has(.lynq-api-page) .scalar-app {
  --scalar-color-accent: #0d9644;
  --scalar-color-green: #0d9644;
  --scalar-color-1: #0f0f10;
  --scalar-color-2: #3d3d42;
  --scalar-color-3: #6b6b70;
  --scalar-border-color: rgba(15, 15, 16, 0.14);
  --scalar-background-1: #ffffff;
  --scalar-background-2: #f4f2ec;
  --scalar-background-3: #e8e6e0;
  --scalar-button-1: #0d9644;
  --scalar-button-1-color: #ffffff;
  --scalar-button-1-hover: #0a7a38;
}

html[data-theme='dark']:has(.lynq-api-page) .scalar-app {
  --scalar-color-1: #f2f0ea;
  --scalar-color-2: #b8b8bc;
  --scalar-color-3: #8a8a90;
  --scalar-border-color: rgba(255, 255, 255, 0.1);
  --scalar-background-1: #0a0a0b;
  --scalar-background-2: #161618;
  --scalar-background-3: #222226;
  --scalar-color-accent: #22b356;
  --scalar-color-green: #22b356;
  --scalar-button-1: #22b356;
  --scalar-button-1-hover: #1e9f4c;
}

html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .flex { display: flex !important; }
html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .inline-flex { display: inline-flex !important; }
html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .grid { display: grid !important; }
html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .hidden { display: none !important; }
html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .flex-col { flex-direction: column !important; }
html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .flex-row { flex-direction: row !important; }
html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) :is(.flex-1, .grow) { flex-grow: 1 !important; }
html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .min-h-0 { min-height: 0 !important; }

@media (min-width: 768px) {
  html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .md\:flex-row {
    flex-direction: row !important;
  }

  html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .md\:flex {
    display: flex !important;
  }
}

@media (min-width: 1000px) {
  html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .lg\:hidden {
    display: none !important;
  }

  html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .lg\:flex {
    display: flex !important;
  }

  /*
   * Scalar puts references-layout + references-sidebar on the SAME root node.
   * Use native grid + sticky sidebar (fixed sidebar broke content + navbar clicks).
   */
  html:has(.lynq-api-page) .lynq-api-shell .scalar-api-reference.references-sidebar.references-layout {
    --refs-sidebar-width: var(--lynq-api-sidebar-width, 288px) !important;
    --scalar-sidebar-width: var(--lynq-api-sidebar-width, 288px) !important;
    --scalar-custom-header-height: 0px !important;
    --refs-header-height: 0px !important;
  }

  html:has(.lynq-api-page) .lynq-api-shell .t-doc__sidebar {
    display: flex !important;
    visibility: visible !important;
    position: sticky !important;
    top: var(--ifm-navbar-height) !important;
    align-self: start !important;
    max-height: calc(100dvh - var(--ifm-navbar-height)) !important;
    overflow-y: auto !important;
    z-index: 2 !important;
  }

  html:has(.lynq-api-page) .lynq-api-shell .references-rendered {
    min-width: 0 !important;
  }
}

/* Mobile / tablet: sticky menu bar under the site navbar for the full /api page */
@media (max-width: 999px) {
  html:has(.lynq-api-page) .lynq-api-layout {
    padding-top: var(--lynq-api-mobile-nav-height, 3rem);
  }

  html:has(.lynq-api-page) .lynq-api-shell .t-doc__header {
    position: fixed !important;
    top: var(--ifm-navbar-height) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: calc(var(--ifm-z-index-fixed) - 1) !important;
    background: var(--ifm-background-color) !important;
    border-bottom: 1px solid var(--scalar-border-color, rgba(15, 15, 16, 0.14)) !important;
  }

  html[data-theme='dark']:has(.lynq-api-page) .lynq-api-shell .t-doc__header {
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
  }
}

@media (min-width: 1200px) {
  html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .xl\:flex-row {
    flex-direction: row !important;
  }

  html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .xl\:flex {
    display: flex !important;
  }

  html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .xl\:h-full {
    height: 100% !important;
  }

  html:has(.lynq-api-page) :is(.lynq-api-shell, .scalar-app) .xl\:min-w-0 {
    min-width: 0 !important;
  }

  html:has(.lynq-api-page) .scalar-client .xl\:overflow-hidden {
    overflow: hidden !important;
  }
}

/* Inline workbench — full-width column layout (overrides modal rules below) */
html:has(.lynq-api-page) .lynq-api-workbench-mount .scalar-container .scalar-app-layout.scalar-client {
  display: flex !important;
  flex-direction: column !important;
  max-width: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 34rem !important;
  overflow: hidden !important;
}

html:has(.lynq-api-page) .lynq-api-workbench-mount .scalar-client main.relative.flex {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  overflow: hidden !important;
}

html:has(.lynq-api-page) .lynq-api-workbench-mount .scalar-client main.relative.flex > .flex.flex-col:not(.flex-1) {
  display: none !important;
}

html:has(.lynq-api-page) .lynq-api-workbench-mount .scalar-client .custom-scroll.flex.flex-col > section {
  flex: 1 1 50% !important;
  min-width: 0 !important;
  min-height: 16rem !important;
  max-height: none !important;
  width: 100% !important;
}

/* Hide teleported client shell until docked into the workbench */
html:has(.lynq-api-page):not(.lynq-api-client-docked) body > .scalar-app .scalar-container.scalar-client--open {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Teleported modal fallback — only applies outside inline workbench */
html:has(.lynq-api-page) body > .scalar-app .scalar-container .scalar-app-layout.scalar-client,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-container .scalar-app-layout.scalar-client {
  display: flex !important;
  flex-direction: column !important;
  max-width: min(98vw, 1600px) !important;
  width: min(98vw, 1600px) !important;
  height: min(calc(100dvh - 56px), 940px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html:has(.lynq-api-page) body > .scalar-app .scalar-client main.relative.flex,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client main.relative.flex {
  display: flex !important;
  flex-direction: row !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
}

/* Col 1 — API menu sidebar (modal only) */
html:has(.lynq-api-page) body > .scalar-app .scalar-client main.relative.flex > .flex.flex-col:not(.flex-1),
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client main.relative.flex > .flex.flex-col:not(.flex-1) {
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 30% !important;
  min-width: 220px !important;
  display: flex !important;
  position: static !important;
  inset: auto !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  border-right: 1px solid var(--scalar-border-color) !important;
  z-index: 1 !important;
}

html:has(.lynq-api-page) .scalar-client .scalar-sidebar-toggle {
  display: none !important;
}

/* Col 2+3 — operation pane */
html:has(.lynq-api-page) body > .scalar-app .scalar-client main.relative.flex > .flex-1.bg-b-1,
html:has(.lynq-api-page) body > .scalar-app .scalar-client main.relative.flex > .flex-1,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client main.relative.flex > .flex-1.bg-b-1,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client main.relative.flex > .flex-1 {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

html:has(.lynq-api-page) body > .scalar-app .scalar-client main.relative.flex > .flex-1 > .lg\:min-h-header,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client main.relative.flex > .flex-1 > .lg\:min-h-header {
  flex: 0 0 auto !important;
}

html:has(.lynq-api-page) body > .scalar-app .scalar-client main.relative.flex > .flex-1 > .border-t,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client main.relative.flex > .flex-1 > .border-t {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html:has(.lynq-api-page) .scalar-client .border-t.flex.flex-col.min-h-0.flex-1 {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html:has(.lynq-api-page) .scalar-client .t-app__top-container {
  flex-shrink: 0 !important;
  padding: 0.5rem 0.75rem !important;
  border-bottom: 1px solid var(--scalar-border-color) !important;
}

html:has(.lynq-api-page) .scalar-client .scroll-timeline-x {
  border: 1px solid var(--scalar-border-color) !important;
  border-radius: 8px !important;
  background: var(--scalar-background-2) !important;
}

/* Postman-style popup (modal only): request top / response bottom */
html:has(.lynq-api-page) body > .scalar-app .scalar-client .custom-scroll.flex.flex-col.flex-1,
html:has(.lynq-api-page) body > .scalar-app .scalar-client .custom-scroll.flex.flex-col,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client .custom-scroll.flex.flex-col.flex-1,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client .custom-scroll.flex.flex-col {
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

html:has(.lynq-api-page) body > .scalar-app .scalar-client .custom-scroll.flex.flex-col > section,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client .custom-scroll.flex.flex-col > section {
  flex: 1 1 50% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: 50% !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html:has(.lynq-api-page) .lynq-api-workbench-mount .scalar-client .custom-scroll.flex.flex-col > section {
  flex: 1 1 50% !important;
  min-height: 16rem !important;
  max-height: none !important;
}

html:has(.lynq-api-page) body > .scalar-app .scalar-client .custom-scroll.flex.flex-col > section:first-child,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client .custom-scroll.flex.flex-col > section:first-child {
  border-right: none !important;
  border-bottom: 1px solid var(--scalar-border-color) !important;
}

html:has(.lynq-api-page) body > .scalar-app .scalar-client .custom-scroll.flex.flex-col > section + section,
html:has(.lynq-api-page) .scalar-modal-layout .scalar-client .custom-scroll.flex.flex-col > section + section {
  border-top: none !important;
  border-left: none !important;
}

/* Scrollable request / response */
html:has(.lynq-api-page) .scalar-client .request-section-content,
html:has(.lynq-api-page) .scalar-client .response-section-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  display: flex !important;
  flex-direction: column !important;
}

html:has(.lynq-api-page) .scalar-client .request-response-header {
  flex-shrink: 0 !important;
  position: static !important;
}

/* Popup-only — hide Auth/Headers filter in teleported modal, not inline workbench */
html:has(.lynq-api-page) :is(.scalar-modal-layout, .scalar-modal-layout-full) .scalar-client .filter-hover.context-bar-group {
  display: none !important;
}

/* Popup-only — hide collapsible section title rows */
html:has(.lynq-api-page) :is(.scalar-modal-layout, .scalar-modal-layout-full) .scalar-client section[aria-label^="Request:"] .group\\/collapse > section.contents > .bg-b-2,
html:has(.lynq-api-page) :is(.scalar-modal-layout, .scalar-modal-layout-full) .scalar-client section[aria-label^="Response:"] .group\\/collapse > section.contents > .bg-b-2 {
  display: none !important;
}

html:has(.lynq-api-page) :is(.scalar-modal-layout, .scalar-modal-layout-full) .scalar-client section[aria-label^="Response:"] .request-response-header {
  display: none !important;
}

/* Inline auth — hide scheme picker; use Authentication value fields only */
html:has(.lynq-api-page) .scalar-client .group\\/params.relative .group\\/combobox-button,
html:has(.lynq-api-page) .scalar-client .group\\/params.relative > section > div:first-child > div:last-child {
  display: none !important;
}

html:has(.lynq-api-page) .scalar-client section[aria-label^="Request:"] .group\\/params:not(.relative) [id="X-API-Key"],
html:has(.lynq-api-page) .scalar-client section[aria-label^="Request:"] .group\\/params:not(.relative) [id="X-Client-ID"] {
  display: none !important;
}

html:has(.lynq-api-page) :is(.scalar-modal-layout, .scalar-modal-layout-full) .scalar-client .request-section-content > .flex.grow {
  display: none !important;
}

html:has(.lynq-api-page) :is(.scalar-modal-layout, .scalar-modal-layout-full) .scalar-client .open-api-client-button {
  display: none !important;
}

html:has(.lynq-api-page) .scalar-client .z-overlay.absolute.inset-0 {
  background-color: var(--scalar-background-1) !important;
  opacity: 0.97 !important;
  border: 1px solid var(--scalar-border-color) !important;
  border-radius: 8px !important;
}