/**
 * chappe - Developer Docs builder. Write guides in Markdown and references in API Blueprint. Comes with a built-in search engine.
 * @version v1.16.0
 * @author Valerian Saliou https://valeriansaliou.name/
 * @date 7/14/2026
 */
/*
 * Tradeics website visual alignment for Chappe docs.
 * Light: cream #FAF8F3. Dark: canvas #12110f / raised #141414 / muted #1f1f1f.
 * Soft elevation, pill CTAs, borderless cards — match tradeics-website.
 */

:root {
  --tradeics-cream: #FAF8F3;
  --tradeics-cream-deep: #F3F0E9;
  --tradeics-blue: #5284D3;
  --tradeics-coral: #ff7968;
  --tradeics-dark-canvas: #12110f;
  --tradeics-dark-raised: #141414;
  --tradeics-dark-muted: #1f1f1f;
  /* Full capsule when short; soft corners when tall / wrapping */
  --tradeics-pill-full: 999px;
  --tradeics-pill-soft: 12px;
  --tradeics-pill-radius: clamp(10px, 1.15em, 999px);
  --tradeics-shadow-soft:
    0 4px 14px color-mix(in oklab, currentColor 8%, transparent),
    0 2px 6px color-mix(in oklab, currentColor 5%, transparent);
  --tradeics-shadow-card:
    0 4px 16px 0 rgba(15, 23, 42, 0.10),
    0 1px 3px 0 rgba(15, 23, 42, 0.06);
  --tradeics-shadow-card-hover:
    0 10px 28px 0 rgba(15, 23, 42, 0.14),
    0 2px 6px 0 rgba(15, 23, 42, 0.08);
  --tradeics-shadow-btn: 0 7px 10px 0 rgba(82, 132, 211, 0.28);
  --tradeics-shadow-dark:
    0 4px 16px 0 rgba(0, 0, 0, 0.35),
    0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

/* Typography — Lexend Deca (match tradeics-website)
   Chappe maps weight via separate faces (Proxima Bold/Semibold/Regular);
   remap those utilities to Lexend + real font-weight. */
body,
body.appearance,
body.viewer,
#header,
#footer,
#content,
#search,
.tradeics-nav-panel,
.tradeics-nav-toggle,
.font-sans-regular,
.font-sans-semibold,
.font-sans-bold,
.font-sans-medium,
.font-sans-light,
.button,
.action-button,
.main-title,
.bulletpoint-title,
.bulletpoint-action,
.menu-link,
.dropdown-link,
.dropdown-link-title,
.extras-link,
.navigation-link,
.nest-navigate-link,
.markdown,
.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6,
.markdown p,
.markdown li,
.markdown a {
  font-family: "Lexend Deca", system-ui, arial, sans-serif !important;
}

.font-sans-light {
  font-weight: 300 !important;
}

.font-sans-regular {
  font-weight: 400 !important;
}

.font-sans-medium {
  font-weight: 500 !important;
}

.font-sans-semibold {
  font-weight: 600 !important;
}

.font-sans-bold {
  font-weight: 700 !important;
}

/* ---- Dark mode surfaces (website stack) ----
   Prefer html[data-appearance] so first paint matches boot before body attr flips. */
html[data-appearance="dark"] .appearance,
.appearance[data-appearance="dark"] {
  --color-base-background: #12110f !important;
  --color-white: #141414 !important;
  --color-base: #1f1f1f !important;
  --color-black: #FAF8F3 !important;
  --color-header-background: #12110f !important;
}

html[data-appearance="dark"] body.appearance,
html[data-appearance="dark"] body.viewer,
body.appearance[data-appearance="dark"],
body.viewer[data-appearance="dark"] {
  background-color: #12110f !important;
  color: #FAF8F3;
}

html[data-appearance="dark"] body #content,
body[data-appearance="dark"] #content {
  background-color: #12110f !important;
}

html[data-appearance="dark"] body #header,
html[data-appearance="dark"] body #header .wrapper,
body[data-appearance="dark"] #header,
body[data-appearance="dark"] #header .wrapper {
  background-color: #12110f !important;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.55) !important;
}

html[data-appearance="dark"] body #footer .inner,
body[data-appearance="dark"] #footer .inner {
  background: #141414 !important;
  box-shadow:
    0 -4px 20px rgba(0, 0, 0, 0.35),
    0 -2px 8px rgba(0, 0, 0, 0.22) !important;
}

/* Sidebar links: fixed capsule — no post-paint JS remasure */
.nest-navigate-link,
.nest-navigate-link[data-tradeics-pill] {
  border-radius: 999px !important;
}

/* Reserve toolbar height until agents.js injects — prevents article text jump */
#content .article.markdown:not(:has(> .tradeics-agent-tools))::before,
#content .introduction.markdown:not(:has(> .tradeics-agent-tools)):not(:has(.tradeics-client-tools))::before {
  content: "";
  display: block;
  height: 4.75rem;
  margin: 14px 0 18px;
}

/* ---- Buttons / CTAs ---- */
.button,
.action-button.button,
a.button,
#header .extras .button,
#home .main .button {
  border-radius: 999px !important;
  box-shadow: var(--tradeics-shadow-btn) !important;
  transition: transform 150ms ease, box-shadow 150ms ease, filter 150ms ease !important;
}

/* Solid CTAs: no border; reverse/outline keep their stroke */
.button:not(.button--reverse),
.action-button.button:not(.button--reverse),
a.button:not(.button--reverse) {
  border: none !important;
}

.button.button--reverse,
a.button.button--reverse {
  border: 1px solid var(--color-button-default, #5284D3) !important;
  box-shadow: none !important;
}

.button:hover,
.action-button.button:hover,
a.button:hover {
  transform: translateY(-1px);
  filter: brightness(1.03);
}

.button.button--reverse:hover,
a.button.button--reverse:hover {
  transform: none;
  filter: none;
}

/* Support chat CTA mirrors Explore the docs reverse icon colors */
#home .support .support-action .button.button--reverse::before {
  background-color: var(--color-button-default, #5284D3) !important;
}

#home .support .support-action .button.button--reverse:hover::before {
  background-color: var(--color-white) !important;
  opacity: 1 !important;
}

.appearance[data-appearance="dark"] .button:not(.button--reverse),
.appearance[data-appearance="dark"] .action-button.button:not(.button--reverse),
.appearance[data-appearance="dark"] a.button:not(.button--reverse) {
  box-shadow: 0 7px 14px 0 rgba(82, 132, 211, 0.22) !important;
}

/* ---- Header ---- */
#header {
  border-bottom: none !important;
  box-shadow:
    0 4px 40px rgba(0, 0, 0, 0.08) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#header .search {
  border: none !important;
  border-radius: 999px !important;
  box-shadow: var(--tradeics-shadow-card) !important;
  background: var(--color-white) !important;
}

#header .dropdown {
  border: none !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: var(--tradeics-shadow-card-hover) !important;
}

.appearance[data-appearance="dark"] #header .dropdown,
.appearance[data-appearance="dark"] #header .search {
  box-shadow: var(--tradeics-shadow-dark) !important;
}

#header .menu .menu-item:hover::after,
#header .extras .extras-item:hover::after,
#header .menu .menu-item.menu-item--active::after,
#header .extras .extras-item.extras-item--active::after {
  background: var(--tradeics-blue) !important;
}

/* ---- Cards / home / navigation tiles ---- */
/*
 * Chappe's `.navigation-item { overflow: hidden }` clips elevation into a
 * square. Also `.content--padded { overflow: hidden }` clips soft shadows at
 * the tile corners — pad the grid so rounded shadows stay inside the clip.
 *
 * On references, intro content is narrow (~450px) because padding-right
 * reserves the examples panel. Use minmax(0,1fr) so tiles stay in-column
 * instead of painting into that gutter (overflow:visible alone would spill).
 */
.article .navigation,
.markdown .navigation {
  gap: 16px 20px !important;
  overflow: visible !important;
  padding: 12px 8px 18px !important;
  margin: -12px -8px -6px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.article .navigation .navigation-item,
.markdown .navigation .navigation-item {
  display: block !important;
  list-style: none !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 16px !important;
  filter: none !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#home .bulletpoints .bulletpoint,
.navigation .navigation-link,
#guides .categories .category,
#changes .years .year,
#changes .changes .change {
  border: none !important;
  border-radius: 16px !important;
  background: var(--color-white) !important;
  box-shadow: var(--tradeics-shadow-card) !important;
  filter: none !important;
  outline: none !important;
  transition: transform 150ms ease, box-shadow 150ms ease !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.navigation .navigation-link .navigation-text {
  min-width: 0 !important;
}

.navigation .navigation-link .navigation-title,
.navigation .navigation-link .navigation-label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#home .bulletpoints .bulletpoint:hover,
.navigation .navigation-link:hover {
  transform: translateY(-2px);
  box-shadow: var(--tradeics-shadow-card-hover) !important;
}

.appearance[data-appearance="dark"] #home .bulletpoints .bulletpoint,
.appearance[data-appearance="dark"] .navigation .navigation-link,
.appearance[data-appearance="dark"] #guides .categories .category,
.appearance[data-appearance="dark"] #changes .years .year,
.appearance[data-appearance="dark"] #changes .changes .change {
  box-shadow: var(--tradeics-shadow-dark) !important;
}

.appearance[data-appearance="dark"] #home .bulletpoints .bulletpoint:hover,
.appearance[data-appearance="dark"] .navigation .navigation-link:hover {
  box-shadow:
    0 10px 28px 0 rgba(0, 0, 0, 0.45),
    0 2px 6px 0 rgba(0, 0, 0, 0.25) !important;
}

/* Nest / sidebar links — soft pills */
.nest-navigate-link {
  border-radius: 999px !important;
}

.nest-navigate-link:hover,
.nest-navigate-link.nest-navigate-link--active {
  background: rgba(82, 132, 211, 0.12) !important;
}

.appearance[data-appearance="dark"] .nest-navigate-link:hover,
.appearance[data-appearance="dark"] .nest-navigate-link.nest-navigate-link--active {
  background: rgba(155, 184, 240, 0.16) !important;
}

/* Sidebar toggler — sleek two lines (match header hamburger) */
#content .panes .sidebar-toggler::after {
  --mask-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im0wIDBoMTh2MThoLTE4eiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Im0xIDYuMjVoMTZ2MS41aC0xNnptMCA0aDE2djEuNWgtMTZ6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+") !important;
  -webkit-mask-image: var(--mask-image) !important;
  mask-image: var(--mask-image) !important;
}

/* ---- Code / API panels ----
 * Surface lives on `pre` (not inline `code`) so radius never clips text,
 * and light/dark get clear contrast against the page canvas.
 */
/* ---- Guide fenced blocks = same VS Code / Catppuccin editor as references ---- */
.markdown pre:not(.code-content),
.markdown pre.copy {
  --color-markdown-code-block-background: #1e1e2e;
  --color-markdown-code-block-text: #cdd6f4;
  --color-highlight-main: #cdd6f4;
  --color-highlight-comment: #6c7086;
  --color-highlight-punctuation: #a6adc8;
  --color-highlight-property: #89b4fa;
  --color-highlight-string: #a6e3a1;
  --color-highlight-number: #fab387;
  --color-highlight-boolean: #cba6f7;
  --color-highlight-keyword: #cba6f7;
  --color-highlight-function: #89dceb;
  --color-highlight-class: #f9e2af;
  --color-highlight-variable: #f38ba8;
  --color-highlight-regex: #94e2d5;
  background-color: #1e1e2e !important;
  color: #cdd6f4 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.22),
    0 2px 6px rgba(0, 0, 0, 0.16) !important;
  overflow: auto;
  padding: 16px 18px !important;
}

.appearance[data-appearance="dark"] .markdown pre:not(.code-content),
.appearance[data-appearance="dark"] .markdown pre.copy {
  /* Match Tradeics dark surfaces (canvas #12110f / muted #1f1f1f) — not Catppuccin purple */
  --color-markdown-code-block-background: #1f1f1f;
  --color-markdown-code-block-text: #faf8f3;
  --color-highlight-main: #faf8f3;
  --color-highlight-comment: #8a867c;
  --color-highlight-punctuation: #c9c4b8;
  --color-highlight-property: #9dbcf0;
  --color-highlight-string: #b5d48a;
  --color-highlight-number: #e2b97a;
  --color-highlight-boolean: #c4b5f0;
  --color-highlight-keyword: #c4b5f0;
  --color-highlight-function: #8fd4e0;
  --color-highlight-class: #e8d59a;
  --color-highlight-variable: #f0a8b0;
  --color-highlight-regex: #8fd4c8;
  background-color: #1f1f1f !important;
  color: #faf8f3 !important;
  border: 1px solid rgba(250, 248, 243, 0.08) !important;
  box-shadow: var(--tradeics-shadow-dark) !important;
}

.appearance[data-appearance="dark"] .markdown pre code,
.appearance[data-appearance="dark"] .markdown pre .copy-value,
.appearance[data-appearance="dark"] .markdown .code code {
  color: #faf8f3 !important;
}

.appearance[data-appearance="dark"] .markdown pre .token.comment,
.appearance[data-appearance="dark"] .markdown pre .token.prolog,
.appearance[data-appearance="dark"] .markdown pre .token.cdata {
  color: #8a867c !important;
}

.appearance[data-appearance="dark"] .markdown pre .token.punctuation {
  color: #c9c4b8 !important;
}

.appearance[data-appearance="dark"] .markdown pre .token.property,
.appearance[data-appearance="dark"] .markdown pre .token.tag,
.appearance[data-appearance="dark"] .markdown pre .token.constant,
.appearance[data-appearance="dark"] .markdown pre .token.symbol,
.appearance[data-appearance="dark"] .markdown pre .token.deleted {
  color: #9dbcf0 !important;
}

.appearance[data-appearance="dark"] .markdown pre .token.boolean,
.appearance[data-appearance="dark"] .markdown pre .token.number {
  color: #e2b97a !important;
}

.appearance[data-appearance="dark"] .markdown pre .token.selector,
.appearance[data-appearance="dark"] .markdown pre .token.attr-name,
.appearance[data-appearance="dark"] .markdown pre .token.string,
.appearance[data-appearance="dark"] .markdown pre .token.char,
.appearance[data-appearance="dark"] .markdown pre .token.builtin,
.appearance[data-appearance="dark"] .markdown pre .token.inserted {
  color: #b5d48a !important;
}

.appearance[data-appearance="dark"] .markdown pre .token.operator,
.appearance[data-appearance="dark"] .markdown pre .token.entity,
.appearance[data-appearance="dark"] .markdown pre .token.url {
  color: #8fd4c8 !important;
}

.appearance[data-appearance="dark"] .markdown pre .token.atrule,
.appearance[data-appearance="dark"] .markdown pre .token.attr-value,
.appearance[data-appearance="dark"] .markdown pre .token.keyword {
  color: #c4b5f0 !important;
}

.appearance[data-appearance="dark"] .markdown pre .token.function,
.appearance[data-appearance="dark"] .markdown pre .token.class-name {
  color: #8fd4e0 !important;
}

.appearance[data-appearance="dark"] .markdown pre .token.regex,
.appearance[data-appearance="dark"] .markdown pre .token.important,
.appearance[data-appearance="dark"] .markdown pre .token.variable {
  color: #f0a8b0 !important;
}

.markdown pre code,
.markdown pre .copy-value,
.markdown .code code {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
  color: #cdd6f4 !important;
}

/* Split Prism tokens — Chappe maps string+property to the same CSS var */
.markdown pre .token.comment,
.markdown pre .token.prolog,
.markdown pre .token.cdata {
  color: #6c7086 !important;
  font-style: italic;
}

.markdown pre .token.punctuation {
  color: #a6adc8 !important;
}

.markdown pre .token.property,
.markdown pre .token.tag,
.markdown pre .token.constant,
.markdown pre .token.symbol,
.markdown pre .token.deleted {
  color: #89b4fa !important;
}

.markdown pre .token.boolean,
.markdown pre .token.number {
  color: #fab387 !important;
}

.markdown pre .token.selector,
.markdown pre .token.attr-name,
.markdown pre .token.string,
.markdown pre .token.char,
.markdown pre .token.builtin,
.markdown pre .token.inserted {
  color: #a6e3a1 !important;
}

.markdown pre .token.operator,
.markdown pre .token.entity,
.markdown pre .token.url {
  color: #94e2d5 !important;
  background: transparent !important;
}

.markdown pre .token.atrule,
.markdown pre .token.attr-value,
.markdown pre .token.keyword {
  color: #cba6f7 !important;
}

.markdown pre .token.function,
.markdown pre .token.class-name {
  color: #89dceb !important;
}

.markdown pre .token.regex,
.markdown pre .token.important,
.markdown pre .token.variable {
  color: #f38ba8 !important;
}

.markdown pre .token {
  background: transparent !important;
}

#references .request-specification,
#references .request-target,
#references .request-format {
  border-radius: 12px !important;
  overflow: hidden;
}

/* ---- Reference API example panels = VS Code dark editor ---- */
#references .code.copy,
#references .code {
  --tradeics-editor-bg: #1e1e2e;
  --tradeics-editor-bg-raised: #181825;
  --tradeics-editor-line: #313244;
  --color-code-header-default: #181825 !important;
  --color-code-header-hover: #11111b !important;
  --color-code-metas-background: #1e1e2e !important;
  --color-code-content-background: #1e1e2e !important;
  --color-code-content-text: #cdd6f4 !important;
  --color-code-language-text: rgba(205, 214, 244, 0.65) !important;
  --color-code-meta-name-text: rgba(205, 214, 244, 0.85) !important;
  --color-code-meta-type-text: rgba(205, 214, 244, 0.45) !important;
  --color-code-border-hover: rgba(137, 180, 250, 0.35) !important;
  --color-highlight-main: #cdd6f4 !important;
  --color-highlight-comment: #6c7086 !important;
  --color-highlight-punctuation: #a6adc8 !important;
  --color-highlight-property: #89b4fa !important;
  --color-highlight-string: #a6e3a1 !important;
  --color-highlight-number: #fab387 !important;
  --color-highlight-boolean: #cba6f7 !important;
  --color-highlight-keyword: #cba6f7 !important;
  --color-highlight-function: #89dceb !important;
  --color-highlight-class: #f9e2af !important;
  --color-highlight-variable: #f38ba8 !important;
  --color-highlight-regex: #94e2d5 !important;
  --color-highlight-doctype: #f2cdcd !important;
  --color-highlight-entity-light: #bac2de !important;
  --color-highlight-entity-dark: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  overflow: hidden;
  box-shadow:
    0 12px 32px rgba(0, 0, 0, 0.28),
    0 2px 6px rgba(0, 0, 0, 0.18) !important;
  background: var(--tradeics-editor-bg) !important;
}

/* References in site dark mode: warm Tradeics surfaces (not purple editor) */
.appearance[data-appearance="dark"] #references .code.copy,
.appearance[data-appearance="dark"] #references .code {
  --tradeics-editor-bg: #1f1f1f;
  --tradeics-editor-bg-raised: #181716;
  --tradeics-editor-line: #2a2926;
  --color-code-header-default: #181716 !important;
  --color-code-header-hover: #141412 !important;
  --color-code-metas-background: #1f1f1f !important;
  --color-code-content-background: #1f1f1f !important;
  --color-code-content-text: #faf8f3 !important;
  --color-code-language-text: rgba(250, 248, 243, 0.55) !important;
  --color-code-meta-name-text: rgba(250, 248, 243, 0.8) !important;
  --color-code-meta-type-text: rgba(250, 248, 243, 0.45) !important;
  --color-code-border-hover: rgba(82, 132, 211, 0.35) !important;
  --color-highlight-main: #faf8f3 !important;
  --color-highlight-comment: #8a867c !important;
  --color-highlight-punctuation: #c9c4b8 !important;
  --color-highlight-property: #9dbcf0 !important;
  --color-highlight-string: #b5d48a !important;
  --color-highlight-number: #e2b97a !important;
  --color-highlight-boolean: #c4b5f0 !important;
  --color-highlight-keyword: #c4b5f0 !important;
  --color-highlight-function: #8fd4e0 !important;
  --color-highlight-class: #e8d59a !important;
  --color-highlight-variable: #f0a8b0 !important;
  --color-highlight-regex: #8fd4c8 !important;
  border-color: rgba(250, 248, 243, 0.08) !important;
  box-shadow: var(--tradeics-shadow-dark) !important;
  background: #1f1f1f !important;
}

.appearance[data-appearance="dark"] #references .code .code-section .code-content,
.appearance[data-appearance="dark"] #references .code .code-section .code-content code,
.appearance[data-appearance="dark"] #references pre.code-content,
.appearance[data-appearance="dark"] #references pre.code-content code {
  color: #faf8f3 !important;
}

#references .code .code-header {
  border-radius: 14px 14px 0 0 !important;
  border: none !important;
}

#references .code .code-section .code-content,
#references .code .code-section .code-content code,
#references pre.code-content,
#references pre.code-content code {
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace !important;
  font-size: 12.5px !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em;
  color: #cdd6f4 !important;
  background: transparent !important;
}

/* Catppuccin Mocha–inspired token colors (vivid, readable) */
#references .code .token.comment,
#references .code .token.prolog,
#references .code .token.cdata {
  color: #6c7086 !important;
  font-style: italic;
}

#references .code .token.punctuation {
  color: #a6adc8 !important;
}

#references .code .token.property,
#references .code .token.tag,
#references .code .token.constant,
#references .code .token.symbol,
#references .code .token.deleted {
  color: #89b4fa !important;
}

#references .code .token.boolean,
#references .code .token.number {
  color: #fab387 !important;
}

#references .code .token.selector,
#references .code .token.attr-name,
#references .code .token.string,
#references .code .token.char,
#references .code .token.builtin,
#references .code .token.inserted {
  color: #a6e3a1 !important;
}

#references .code .token.operator,
#references .code .token.entity,
#references .code .token.url,
#references .code .language-css .token.string,
#references .code .style .token.string {
  color: #94e2d5 !important;
  background: transparent !important;
}

#references .code .token.atrule,
#references .code .token.attr-value,
#references .code .token.keyword {
  color: #cba6f7 !important;
}

#references .code .token.function,
#references .code .token.class-name {
  color: #89dceb !important;
}

#references .code .token.regex,
#references .code .token.important,
#references .code .token.variable {
  color: #f38ba8 !important;
}

/* Markdown guide fences keep token coloring too */
.markdown pre code[class*="language-"] .token,
#references .code code[class*="language-"] .token {
  background: transparent !important;
}

.markdown pre code[class*="language-"] {
  color: #cdd6f4 !important; /* base; per-token rules paint Prism spans */
}

.markdown pre code,
.markdown .code code,
.markdown pre .copy-value {
  display: block !important;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1.65 !important;
  white-space: pre;
  overflow: visible;
  vertical-align: baseline;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace !important;
  color: #cdd6f4 !important;
}

#references .code-header {
  border-radius: 14px 14px 0 0 !important;
  border: none !important;
}

/* Code block copy control: perfect circle */
.markdown .code-clipboard.copy-button,
#references .code-clipboard.copy-button,
pre .code-clipboard.copy-button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0;
  box-sizing: border-box !important;
}

.markdown code {
  display: inline-block !important;
  padding: 0.12em 0.55em !important;
  border-radius: var(--tradeics-pill-radius) !important;
  line-height: 1.35 !important;
  vertical-align: baseline;
  font-family: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace !important;
}

/* HTTP method + tier/scope badges in examples sidebar */
#references .examples-details > .examples-detail:first-child .badge.badge--white {
  border: none !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  padding: 0 10px !important;
  min-width: 44px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

#references .part--method-get .examples-details > .examples-detail:first-child .badge.badge--white,
#references .part--method-head .examples-details > .examples-detail:first-child .badge.badge--white {
  background: #0099e5 !important;
}

#references .part--method-post .examples-details > .examples-detail:first-child .badge.badge--white {
  background: #85a546 !important;
}

#references .part--method-put .examples-details > .examples-detail:first-child .badge.badge--white,
#references .part--method-patch .examples-details > .examples-detail:first-child .badge.badge--white {
  background: #b1a74e !important;
}

#references .part--method-delete .examples-details > .examples-detail:first-child .badge.badge--white {
  background: #c14a74 !important;
}

#references .examples-details > .examples-detail:not(:first-child) .badge.badge--white {
  background: rgba(137, 180, 250, 0.22) !important;
  border: 1px solid rgba(137, 180, 250, 0.45) !important;
  color: #b4c6fc !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 10px !important;
  padding: 0 8px !important;
  font-weight: 700 !important;
}

#references .examples-detail .badge.badge--special-value {
  background: rgba(166, 227, 161, 0.14) !important;
  border: 1px solid rgba(166, 227, 161, 0.4) !important;
  color: #a6e3a1 !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 0 9px !important;
}

#references .examples-detail .examples-detail-value {
  color: #cdd6f4 !important;
}

#references .examples-detail .examples-detail-segment {
  color: #a6adc8 !important;
}

#references .examples-detail .examples-detail-parameter {
  color: #a6e3a1 !important;
}

/* Align left-panel method chip with same vocabulary */
#references .part--method-get .request-target-method,
#references .part--method-head .request-target-method {
  background: #0099e5 !important;
  color: #fff !important;
}

#references .part--method-post .request-target-method {
  background: #85a546 !important;
  color: #fff !important;
}

#references .part--method-put .request-target-method,
#references .part--method-patch .request-target-method {
  background: #b1a74e !important;
  color: #fff !important;
}

#references .part--method-delete .request-target-method {
  background: #c14a74 !important;
  color: #fff !important;
}

.badge,
.badge--small,
.nest-navigate-link,
#references .request-target-method,
#references .request-target-url,
.tradeics-nav-link,
#header .dropdown a.dropdown-link:not(.dropdown-link--multiple) {
  border-radius: var(--tradeics-pill-radius) !important;
}

#header .dropdown a.dropdown-link:not(.dropdown-link--multiple) {
  margin: 2px 6px !important;
  padding: 6px 12px !important;
  line-height: 1.35 !important;
  transition: background-color 140ms ease, color 140ms ease !important;
}

#header .dropdown a.dropdown-link:not(.dropdown-link--multiple):hover {
  background: rgba(82, 132, 211, 0.1) !important;
  color: #5284D3 !important;
}

/* Measured multiline → soft radius (set by select.js) */
.markdown code[data-tradeics-pill="full"],
.badge[data-tradeics-pill="full"],
.badge--small[data-tradeics-pill="full"],
.nest-navigate-link[data-tradeics-pill="full"],
.tradeics-nav-link[data-tradeics-pill="full"],
#header .dropdown a.dropdown-link[data-tradeics-pill="full"],
#search .spotlight-entry-link[data-tradeics-pill="full"],
#references .request-target-method[data-tradeics-pill="full"],
#references .request-target-url[data-tradeics-pill="full"],
[data-tradeics-pill="full"] {
  border-radius: var(--tradeics-pill-full) !important;
}

.markdown code[data-tradeics-pill="soft"],
.badge[data-tradeics-pill="soft"],
.badge--small[data-tradeics-pill="soft"],
.nest-navigate-link[data-tradeics-pill="soft"],
.tradeics-nav-link[data-tradeics-pill="soft"],
#header .dropdown a.dropdown-link[data-tradeics-pill="soft"],
#search .spotlight-entry-link[data-tradeics-pill="soft"],
#references .request-target-method[data-tradeics-pill="soft"],
#references .request-target-url[data-tradeics-pill="soft"],
[data-tradeics-pill="soft"] {
  border-radius: var(--tradeics-pill-soft) !important;
}

#header .dropdown .dropdown-link--multiple,
#header .dropdown .dropdown-link--multiple[data-tradeics-pill] {
  border-radius: var(--tradeics-pill-soft) !important;
}

/* ---- Markdown callouts ---- */
.markdown blockquote,
.markdown .emphasis,
.markdown .notice,
.markdown .info,
.markdown .warning {
  border-radius: 16px !important;
  border: none !important;
  box-shadow: var(--tradeics-shadow-card) !important;
  overflow: hidden;
  position: relative;
}

/* Chappe's 4px ::before accent is square and gets clipped by border-radius —
   remove it for a clean filled callout. */
.markdown blockquote::before,
.markdown .emphasis::before,
.markdown .notice::before,
.markdown .info::before,
.markdown .warning::before {
  display: none !important;
  content: none !important;
}

.appearance[data-appearance="dark"] .markdown blockquote,
.appearance[data-appearance="dark"] .markdown .emphasis,
.appearance[data-appearance="dark"] .markdown .notice,
.appearance[data-appearance="dark"] .markdown .info,
.appearance[data-appearance="dark"] .markdown .warning {
  box-shadow: var(--tradeics-shadow-dark) !important;
}

/* ---- Search spotlight ---- */
#search .spotlight-box {
  border: none !important;
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18) !important;
}

.appearance[data-appearance="dark"] #search .spotlight-box {
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}

#search .spotlight-entry-link {
  border-radius: 12px !important;
}

/* ---- Footer ---- */
#footer .inner {
  border-top: none !important;
  border-radius: 40px 40px 0 0 !important;
  background: var(--color-white) !important;
  box-shadow:
    0 -4px 20px rgba(0, 0, 0, 0.08),
    0 -2px 8px rgba(0, 0, 0, 0.04) !important;
}

/* ---- Content sidebar soft separation ---- */
#content .sidebar,
#content .sidebar-left,
#references .sidebar {
  border: none !important;
}

/* Drop Chappe's redundant "Resource in Group" suffix (e.g. "Marketplace in B2B Platform") */
#references .group .group-origin {
  display: none !important;
}

/* Distinct left-nav icons per API group (mask SVGs; tinted by Chappe accent) */
#references .panes .sidebar.sidebar--left .nest .nest-category .nest-icon {
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="master"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/nest-master.svg") !important;
  mask-image: url("/static/user/images/references/nest-master.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="b2b"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/nest-b2b.svg") !important;
  mask-image: url("/static/user/images/references/nest-b2b.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="finance"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/nest-finance.svg") !important;
  mask-image: url("/static/user/images/references/nest-finance.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="webhooks"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/nest-webhooks.svg") !important;
  mask-image: url("/static/user/images/references/nest-webhooks.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="account"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/nest-account.svg") !important;
  mask-image: url("/static/user/images/references/nest-account.svg") !important;
}


#references .panes .sidebar.sidebar--left .nest[data-nest="apps"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/nest-apps.svg") !important;
  mask-image: url("/static/user/images/references/nest-apps.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="ai"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/nest-ai.svg") !important;
  mask-image: url("/static/user/images/references/nest-ai.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-models"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-models.svg") !important;
  mask-image: url("/static/user/images/references/llm-models.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-chat"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-chat.svg") !important;
  mask-image: url("/static/user/images/references/llm-chat.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-completions"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-completions.svg") !important;
  mask-image: url("/static/user/images/references/llm-completions.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-embeddings"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-embeddings.svg") !important;
  mask-image: url("/static/user/images/references/llm-embeddings.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-images"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-images.svg") !important;
  mask-image: url("/static/user/images/references/llm-images.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-audio"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-audio.svg") !important;
  mask-image: url("/static/user/images/references/llm-audio.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-moderations"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-moderations.svg") !important;
  mask-image: url("/static/user/images/references/llm-moderations.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-files"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-files.svg") !important;
  mask-image: url("/static/user/images/references/llm-files.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-batches"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-batches.svg") !important;
  mask-image: url("/static/user/images/references/llm-batches.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-rerank"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-rerank.svg") !important;
  mask-image: url("/static/user/images/references/llm-rerank.svg") !important;
}

#references .panes .sidebar.sidebar--left .nest[data-nest="llm-health"] .nest-category .nest-icon {
  -webkit-mask-image: url("/static/user/images/references/llm-health.svg") !important;
  mask-image: url("/static/user/images/references/llm-health.svg") !important;
}

/* ---- Focus rings ---- */
:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(82, 132, 211, 0.35) !important;
}

::selection {
  background: rgba(82, 132, 211, 0.28);
  color: inherit;
}

/* ---- Tables: soft container feel ---- */
.markdown table {
  border-collapse: separate !important;
  border-spacing: 0;
  border: none !important;
  border-radius: 16px !important;
  overflow: hidden;
  box-shadow: var(--tradeics-shadow-card) !important;
  background: var(--color-white);
}

.markdown table th,
.markdown table td {
  border-color: rgba(15, 23, 42, 0.06) !important;
}

.appearance[data-appearance="dark"] .markdown table {
  box-shadow: var(--tradeics-shadow-dark) !important;
}

.appearance[data-appearance="dark"] .markdown table th,
.appearance[data-appearance="dark"] .markdown table td {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ---- API client pills (outline + brand icons, match agent pills) ---- */
.markdown .tradeics-client-tools,
.introduction.markdown .tradeics-client-tools {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 14px 0 10px !important;
  max-width: 100% !important;
}

.markdown .tradeics-client-tools a,
.introduction.markdown .tradeics-client-tools a,
.markdown .tradeics-client-pill,
.introduction.markdown .tradeics-client-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer;
  font-family: inherit !important;
  background: var(--color-white, #FAF8F3) !important;
  color: var(--color-black, #0f172a) !important;
  box-shadow: var(--tradeics-shadow-card) !important;
  transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease, border-color 150ms ease !important;
  vertical-align: middle !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

.markdown .tradeics-client-tools a:hover,
.introduction.markdown .tradeics-client-tools a:hover,
.markdown .tradeics-client-pill:hover,
.introduction.markdown .tradeics-client-pill:hover {
  transform: translateY(-1px);
  box-shadow: var(--tradeics-shadow-card-hover) !important;
}

.markdown .tradeics-client-pill__icon,
.introduction.markdown .tradeics-client-pill__icon,
.markdown .tradeics-client-tools a img.tradeics-client-pill__icon,
.introduction.markdown .tradeics-client-tools a img.tradeics-client-pill__icon {
  display: block !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: none !important;
  object-fit: contain !important;
  vertical-align: middle !important;
  align-self: center !important;
}

.markdown .tradeics-client-pill__text,
.introduction.markdown .tradeics-client-pill__text {
  display: inline-block !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.appearance[data-appearance="dark"] .markdown .tradeics-client-tools a,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-client-tools a,
.appearance[data-appearance="dark"] .markdown .tradeics-client-pill,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-client-pill {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #FAF8F3 !important;
  box-shadow: var(--tradeics-shadow-dark) !important;
}

/* ---- Agent actions (match client-tools row — no callout box) ---- */
.markdown .tradeics-agent-tools,
.introduction.markdown .tradeics-agent-tools {
  margin: 14px 0 18px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  max-width: 100% !important;
  /* Visible so the llms.txt menu can open; wrap keeps pills in-column */
  overflow: visible !important;
}

.markdown .tradeics-agent-tools__label,
.introduction.markdown .tradeics-agent-tools__label {
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(15, 23, 42, 0.55) !important;
  background: none !important;
}

.appearance[data-appearance="dark"] .markdown .tradeics-agent-tools__label,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-tools__label {
  color: rgba(250, 248, 243, 0.55) !important;
}

.markdown .tradeics-agent-tools__row,
.introduction.markdown .tradeics-agent-tools__row {
  display: flex !important;
  /* References intro is ~450px (padding-right reserves examples panel) — never spill */
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow: visible !important;
}

#references .introduction.markdown .tradeics-agent-tools,
#references .introduction.markdown .tradeics-agent-tools__row {
  max-width: 100% !important;
}

.markdown .tradeics-agent-pill,
.introduction.markdown .tradeics-agent-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer;
  font-family: inherit !important;
  background: var(--color-white, #FAF8F3) !important;
  color: var(--color-black, #0f172a) !important;
  box-shadow: var(--tradeics-shadow-card) !important;
  transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease, border-color 150ms ease !important;
  vertical-align: middle !important;
}

.markdown .tradeics-agent-pill__icon,
.introduction.markdown .tradeics-agent-pill__icon {
  display: block !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  object-fit: contain !important;
  vertical-align: middle !important;
  align-self: center !important;
}

.markdown .tradeics-agent-pill__icon--brand,
.introduction.markdown .tradeics-agent-pill__icon--brand {
  object-fit: contain !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill__icon--cursor,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill__icon--cursor,
.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill__icon--chatgpt,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill__icon--chatgpt {
  filter: invert(1);
}

.markdown .tradeics-agent-pill__text,
.introduction.markdown .tradeics-agent-pill__text {
  display: inline-block !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.markdown .tradeics-agent-pill:hover,
.introduction.markdown .tradeics-agent-pill:hover {
  transform: translateY(-1px);
  box-shadow: var(--tradeics-shadow-card-hover) !important;
}

/* Primary = Sign up outline style; fill on hover/focus; same 36px height as siblings */
.markdown .tradeics-agent-pill--copy,
.introduction.markdown .tradeics-agent-pill--copy {
  background: transparent !important;
  color: var(--color-button-default, #5284D3) !important;
  border: 1px solid var(--color-button-default, #5284D3) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition:
    background-color 150ms ease,
    color 150ms ease,
    border-color 150ms ease !important;
}

.markdown .tradeics-agent-pill--copy:hover,
.introduction.markdown .tradeics-agent-pill--copy:hover,
.markdown .tradeics-agent-pill--copy:focus,
.introduction.markdown .tradeics-agent-pill--copy:focus,
.markdown .tradeics-agent-pill--copy:focus-visible,
.introduction.markdown .tradeics-agent-pill--copy:focus-visible {
  background: var(--color-button-default, #5284D3) !important;
  border-color: var(--color-button-default, #5284D3) !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.markdown .tradeics-agent-pill--copy:focus-visible,
.introduction.markdown .tradeics-agent-pill--copy:focus-visible {
  outline: 2px solid var(--color-button-default, #5284D3) !important;
  outline-offset: 2px !important;
}

.markdown .tradeics-agent-pill.is-copied,
.introduction.markdown .tradeics-agent-pill.is-copied,
.markdown .tradeics-agent-pill.is-copied:hover,
.introduction.markdown .tradeics-agent-pill.is-copied:hover,
.markdown .tradeics-agent-pill.is-copied:focus,
.introduction.markdown .tradeics-agent-pill.is-copied:focus,
.markdown .tradeics-agent-pill.is-copied:focus-visible,
.introduction.markdown .tradeics-agent-pill.is-copied:focus-visible,
.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill.is-copied,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill.is-copied,
.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill.is-copied:hover,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill.is-copied:hover,
.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill.is-copied:focus,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill.is-copied:focus,
.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill.is-copied:focus-visible,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill.is-copied:focus-visible {
  background: transparent !important;
  border-color: #00c12c !important;
  color: #00c12c !important;
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  transform: none !important;
}

.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill.is-copied .tradeics-agent-pill__icon--chatgpt,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill.is-copied .tradeics-agent-pill__icon--chatgpt,
.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill.is-copied .tradeics-agent-pill__icon--cursor,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill.is-copied .tradeics-agent-pill__icon--cursor {
  filter: none;
}

.markdown .tradeics-agent-pill__icon--check,
.introduction.markdown .tradeics-agent-pill__icon--check {
  width: 16px !important;
  height: 13px !important;
}

.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill:not(.tradeics-agent-pill--copy),
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill:not(.tradeics-agent-pill--copy) {
  background: #141414 !important;
  color: #FAF8F3 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: var(--tradeics-shadow-dark) !important;
}

.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill--copy,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill--copy {
  background: transparent !important;
  color: var(--color-button-default, #5284D3) !important;
  border-color: var(--color-button-default, #5284D3) !important;
  box-shadow: none !important;
}

.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill--copy:hover,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill--copy:hover,
.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill--copy:focus,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill--copy:focus,
.appearance[data-appearance="dark"] .markdown .tradeics-agent-pill--copy:focus-visible,
.appearance[data-appearance="dark"] .introduction.markdown .tradeics-agent-pill--copy:focus-visible {
  background: var(--color-button-default, #5284D3) !important;
  border-color: var(--color-button-default, #5284D3) !important;
  color: #fff !important;
  box-shadow: none !important;
}