/* API reference (generated by source/_ext/openapi_reference.py). Tokens only. */

:root {
  --adv-api-get: var(--adv-brand);
  --adv-api-get-bg: var(--adv-brand-soft);
  --adv-api-post: var(--adv-ink-tip);
  --adv-api-post-bg: var(--adv-tint-tip);
  --adv-api-put: var(--adv-ink-warning);
  --adv-api-put-bg: var(--adv-tint-warning);
  --adv-api-delete: var(--adv-ink-danger);
  --adv-api-delete-bg: var(--adv-tint-danger);
}

/* Page: sidebar + one wide column, no outline */
.dx-page.dx-page--api,
.dx-page.dx-page--api:not(:has(.dx-outline)) {
  grid-template-columns: var(--adv-sidebar-w) minmax(0, 1fr);
}
/* below 1024px the sidebar is a drawer, so the content takes the full width */
@media (max-width: 1023px) {
  .dx-page.dx-page--api,
  .dx-page.dx-page--api:not(:has(.dx-outline)) { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
.dx-page--api .dx-main > * { max-width: none; }
.dx-apiref__lead { max-width: var(--adv-measure); }
.dx-page--api .dx-article section > :not(.dx-op) { max-width: var(--adv-measure); }

/* Method badges and status codes */
.dx-method {
  display: inline-flex; align-items: center; flex: none;
  height: var(--adv-control-sm); padding: 0 var(--adv-space-x-small);
  border-radius: var(--adv-radius-medium);
  font-family: var(--adv-font-mono); font-size: 12px; font-weight: 600; letter-spacing: 0.02em;
  color: var(--adv-text-secondary); background: var(--adv-surface-2);
}
.dx-method--get { color: var(--adv-api-get); background: var(--adv-api-get-bg); }
.dx-method--post { color: var(--adv-api-post); background: var(--adv-api-post-bg); }
.dx-method--put, .dx-method--patch { color: var(--adv-api-put); background: var(--adv-api-put-bg); }
.dx-method--delete { color: var(--adv-api-delete); background: var(--adv-api-delete-bg); }
.dx-method--xs { height: 18px; padding: 0 var(--adv-space-xx-small); font-size: 10px; min-width: 40px; justify-content: center; }

.dx-status {
  display: inline-flex; align-items: center; height: var(--adv-control-sm); padding: 0 var(--adv-space-x-small);
  border-radius: var(--adv-radius-medium); font-family: var(--adv-font-mono); font-size: 12px; font-weight: 600;
  color: var(--adv-text-secondary); background: var(--adv-surface-2);
}
.dx-status--2xx { color: var(--adv-api-post); background: var(--adv-api-post-bg); }
.dx-status--3xx { color: var(--adv-api-get); background: var(--adv-api-get-bg); }
.dx-status--4xx { color: var(--adv-api-put); background: var(--adv-api-put-bg); }
.dx-status--5xx { color: var(--adv-api-delete); background: var(--adv-api-delete-bg); }

.dx-chip {
  display: inline-block; margin-left: var(--adv-space-x-small); padding: 0 var(--adv-space-x-small);
  border-radius: var(--adv-radius-round); border: 1px solid var(--adv-border);
  font-size: 11px; line-height: 18px; font-weight: 500; color: var(--adv-text-secondary); white-space: nowrap;
}
.dx-chip--required { color: var(--adv-ink-danger); border-color: currentColor; background: transparent; }
.dx-chip--warn { color: var(--adv-ink-warning); border-color: currentColor; }

/* Sidebar */
.dx-nav a.dx-nav__op { display: flex; align-items: flex-start; gap: var(--adv-space-x-small); padding-right: var(--adv-space-x-small); font-size: 13px; }
.dx-nav a.dx-nav__op .dx-method { margin-top: 1px; }
.dx-nav a.dx-nav__op span:last-child { min-width: 0; overflow-wrap: anywhere; }

/* Overview */
.dx-apiref__spec { display: flex; align-items: center; justify-content: space-between; gap: var(--adv-space-small); flex-wrap: wrap; margin: var(--adv-space-large) 0 var(--adv-space-x-small); }
.dx-apiref__spec h3 { margin: 0; }
.dx-btn--ghost svg { margin-right: var(--adv-space-xx-small); vertical-align: -2px; }
.dx-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--adv-space-small); margin: var(--adv-space-small) 0 0; padding: 0; list-style: none; }
.dx-prose .dx-card { margin: 0; }
.dx-card__link, .dx-prose a.dx-card__link {
  display: flex; flex-direction: column; gap: var(--adv-space-xx-small); height: 100%;
  padding: var(--adv-space-small); border: 1px solid var(--adv-border); border-radius: var(--adv-radius-medium);
  background: var(--adv-surface); color: var(--adv-text); text-decoration: none;
}
.dx-card__link:hover { border-color: var(--adv-brand); background: var(--adv-brand-tint); }
.dx-card__title { font-size: 16px; font-weight: 600; color: var(--adv-text-strong); }
.dx-card__count { font-size: 13px; color: var(--adv-text-secondary); }
.dx-card__methods { display: flex; flex-wrap: wrap; gap: var(--adv-space-xx-small); margin-top: var(--adv-space-xx-small); }

/* Operation */
.dx-op {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr); gap: var(--adv-space-xx-large);
  padding: var(--adv-space-x-large) 0; border-top: 1px solid var(--adv-border);
}
.dx-op:first-of-type { border-top: 0; padding-top: var(--adv-space-small); }
.dx-op__text { min-width: 0; }
.dx-prose .dx-op__title { margin: 0 0 var(--adv-space-x-small); font-size: 24px; line-height: 32px; }
.dx-op__route { display: flex; align-items: center; gap: var(--adv-space-x-small); margin: 0 0 var(--adv-space-x-small); min-width: 0; }
.dx-prose .dx-op__path { min-width: 0; overflow-wrap: anywhere; font-size: 14px; background: transparent; padding: 0; }
/* Who can call it: the Connect API key permission the operation needs (x-required-scopes) */
.dx-op__access { display: flex; flex-wrap: wrap; align-items: center; gap: var(--adv-space-x-small); margin: 0 0 var(--adv-space-small); }
.dx-op__access-label { font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--adv-text-secondary); }
/* the permission chip: a medium tag (radius medium), brand tint on hover like other controls */
.dx-prose a.dx-scope, .dx-scope {
  display: inline-flex; align-items: center; gap: 6px; height: var(--adv-control-sm); padding: 0 var(--adv-space-x-small);
  border: 1px solid var(--adv-border); border-radius: var(--adv-radius-medium); background: var(--adv-surface);
  font-size: 13px; font-weight: 600; line-height: 1; color: var(--adv-text-strong); text-decoration: none;
  transition: border-color var(--dx-duration) var(--dx-ease), background-color var(--dx-duration) var(--dx-ease);
}
.dx-prose a.dx-scope:hover { border-color: var(--adv-brand); background: var(--adv-brand-tint); color: var(--adv-text-strong); text-decoration: none; }
.dx-scope svg { flex: none; color: var(--adv-brand); }
.dx-prose .dx-scope code { padding: 0; background: none; border: 0; font: 500 12px var(--adv-font-mono); color: var(--adv-text-secondary); }
.dx-scope--blocked { border-color: transparent; background: var(--adv-tint-warning); color: var(--adv-ink-warning); }
.dx-scope--blocked svg { color: var(--adv-ink-warning); }
.dx-op__access-note { font-size: 14px; color: var(--adv-text-secondary); }
.dx-op__route .dx-chip { margin-left: var(--adv-space-x-small); }
.dx-prose .dx-op__h { margin: var(--adv-space-large) 0 var(--adv-space-x-small); font-size: 16px; line-height: 24px; }
.dx-op__ctype { margin: 0 0 var(--adv-space-x-small); font-size: 13px; color: var(--adv-text-secondary); }
.dx-op__alt { margin-left: var(--adv-space-x-small); }

/* Examples: sticky on wide screens */
.dx-op__code { min-width: 0; align-self: start; position: sticky; top: calc(var(--adv-header-h) + var(--adv-space-medium)); display: flex; flex-direction: column; gap: var(--adv-space-small); max-height: calc(100vh - var(--adv-header-h) - 2 * var(--adv-space-medium)); }
.dx-sample { display: flex; flex-direction: column; min-height: 0; border-radius: var(--adv-radius-medium); background: var(--adv-code-bg); overflow: hidden; }
.dx-sample:first-child { flex: none; }
.dx-sample + .dx-sample { flex: 0 1 auto; }
.dx-sample__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--adv-space-x-small); padding: var(--adv-space-x-small) var(--adv-space-small); border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--adv-code-muted); }
.dx-sample__lang { font-family: var(--adv-font-mono); text-transform: none; letter-spacing: 0; font-weight: 400; }
.dx-sample__bar { flex-wrap: wrap; }
.dx-sample__tabs { display: flex; align-items: stretch; gap: var(--adv-space-small); margin: calc(-1 * var(--adv-space-x-small)) 0 calc(-1 * var(--adv-space-x-small)) auto; overflow-x: auto; }
.dx-sample__tabs[hidden], .dx-sample__lang[hidden], .dx-sample__panel[hidden] { display: none; }
.dx-sample__tab { display: inline-flex; align-items: center; height: var(--adv-control-md); padding: 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; color: var(--adv-code-muted); font: inherit; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; white-space: nowrap; cursor: pointer; transition: color var(--dx-duration) var(--dx-ease), border-color var(--dx-duration) var(--dx-ease); }
.dx-sample__tab:hover { color: var(--adv-code-text); }
.dx-sample__tab[aria-selected="true"] { color: var(--adv-code-text); border-bottom-color: var(--adv-code-text); }
.dx-sample__tab:focus-visible { outline: 2px solid var(--adv-brand-active); outline-offset: 2px; }
.dx-sample__panel { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.dx-sample__empty { margin: 0; padding: var(--adv-space-small); font-size: 13px; color: var(--adv-code-muted); }
.dx-prose .dx-sample div[class^="highlight"] { margin: 0; min-height: 0; overflow: auto; }
.dx-prose .dx-sample div.highlight { border-radius: 0; }
.dx-prose .dx-sample div.highlight pre { padding-right: var(--adv-space-xx-large); white-space: pre-wrap; overflow-wrap: anywhere; }
.dx-prose .dx-sample button.copybtn { opacity: 1; top: var(--adv-space-x-small); }

/* Responses */
.dx-resp { margin: 0 0 var(--adv-space-x-small); }
.dx-resp__head { display: flex; align-items: center; flex-wrap: wrap; gap: var(--adv-space-x-small); margin: 0 0 var(--adv-space-xx-small); font-size: 14px; }
.dx-resp__phrase { color: var(--adv-text-strong); }
.dx-resp__head code { margin-left: auto; font-size: 12px; }

/* Field lists (schemas and parameters): one row per field, inset inside a bordered box */
.dx-resp__schema, .dx-fields { margin: 0 0 var(--adv-space-x-small); border: 1px solid var(--adv-border); border-radius: var(--adv-radius-medium); }
.dx-resp__schema > summary, .dx-schema__nested > summary {
  cursor: pointer; padding: var(--adv-space-x-small) var(--adv-space-small); font-size: 13px; font-weight: 500; color: var(--adv-text-secondary);
}
.dx-resp__schema > summary:hover, .dx-schema__nested > summary:hover { color: var(--adv-brand); }
.dx-resp__schema[open] > summary { border-bottom: 1px solid var(--adv-border); }
.dx-prose .dx-schema__root { margin: 0; padding: var(--adv-space-x-small) var(--adv-space-small); border-bottom: 1px solid var(--adv-border); font-size: 13px; }
.dx-prose .dx-schema__root code { padding: 0; background: none; font-size: 13px; color: var(--adv-text); }
.dx-prose ul.dx-schema { margin: 0; padding: 0; list-style: none; }
.dx-prose li.dx-schema__row { margin: 0; padding: var(--adv-space-small); border-top: 1px solid var(--adv-border); font-size: 14px; line-height: 22px; }
.dx-prose li.dx-schema__row:first-child { border-top: 0; }
.dx-prose .dx-schema__row p { margin: var(--adv-space-xx-small) 0 0; }
.dx-schema__line { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px var(--adv-space-x-small); }
.dx-prose code.dx-schema__name { padding: 0; background: none; font-size: 14px; font-weight: 600; color: var(--adv-text-strong); overflow-wrap: anywhere; }
.dx-schema__type { font-family: var(--adv-font-mono); font-size: 12px; color: var(--adv-text-secondary); }
/* flags read as quiet text next to the type, "required" in red */
.dx-schema__line .dx-chip { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font-size: 12px; line-height: 18px; color: var(--adv-text-secondary); }
.dx-schema__line .dx-chip--required { font-weight: 600; color: var(--adv-ink-danger); }
.dx-schema__meta { font-size: 13px; line-height: 20px; color: var(--adv-text-secondary); overflow-wrap: anywhere; }
.dx-prose .dx-schema__meta code { padding: 1px 6px; font-size: 12px; white-space: pre-wrap; }
/* nested attributes open inside the row, in their own inset box */
.dx-schema__nested { margin-top: var(--adv-space-x-small); border: 1px solid var(--adv-border); border-radius: var(--adv-radius-medium); }
.dx-schema__nested > summary { padding: var(--adv-space-xx-small) var(--adv-space-small); font-size: 13px; }
.dx-schema__nested[open] > summary { border-bottom: 1px solid var(--adv-border); }
.dx-prose ul.dx-schema__variants { margin: 0; padding: 0; list-style: none; }
.dx-schema__vname { margin: 0; padding: var(--adv-space-x-small) var(--adv-space-small) 0; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--adv-text-secondary); }

/* Narrow: one column, examples after the text */
@media (max-width: 1279px) {
  .dx-op { grid-template-columns: minmax(0, 1fr); gap: var(--adv-space-medium); }
  .dx-op__code { position: static; max-height: none; }
  .dx-prose .dx-sample div[class^="highlight"] { max-height: 420px; }
}
@media (max-width: 767px) {
  .dx-op { padding: var(--adv-space-large) 0; }
  .dx-prose .dx-op__title { font-size: 20px; line-height: 28px; }
  .dx-resp__head code { margin-left: 0; }
}

.dx-prose ul.dx-cards { padding: 0; }
.dx-prose a.dx-btn { text-decoration: none; }