/* Beta71 Developer Docs custom design. Intentionally loaded after dynamic-docs.css.
   All surfaces, text, borders and accents inherit from main.css design tokens. */
.bb-dynamic-docs{--bb-doc-accent:var(--bb-primary);--bb-doc-success:var(--bb-success,#22a66b);--bb-doc-code-surface:var(--bb-body-bg);--bb-doc-card-surface:var(--bb-tertiary-bg)}
.bb-docs-overview-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:750}
.bb-docs-overview-intro h1{font-size:clamp(1.6rem,2.8vw,2.2rem);letter-spacing:-.025em}
.bb-docs-overview-index-heading{font-size:.88rem;color:var(--bb-emphasis-color);font-weight:750}
.bb-docs-overview-operation{padding:15px 28px 15px 2px;gap:7px;transition:background-color .15s ease}
.bb-docs-overview-operation-label{font-size:.97rem;font-weight:700;color:var(--bb-emphasis-color)}
.bb-docs-overview-operation-detail{align-items:baseline;gap:9px}
.bb-docs-overview-operation-detail .bb-docs-overview-path{font-size:.81rem;color:var(--bb-secondary-color);background:transparent;border:0}
.bb-docs-overview-operation .bb-docs-overview-arrow{font-size:1.32rem}
.bb-docs-overview-operation:hover .bb-docs-overview-arrow{color:var(--bb-doc-accent)}
.bb-docs-overview-method[data-method="GET"]{color:var(--bb-link-color,var(--bb-primary))}
.bb-docs-overview-method[data-method="POST"]{color:var(--bb-doc-success)}
.bb-docs-overview-method[data-method="PUT"],.bb-docs-overview-method[data-method="PATCH"]{color:var(--bb-warning,var(--bb-primary))}
.bb-docs-overview-method[data-method="DELETE"]{color:var(--bb-danger,var(--bb-primary))}
.bb-docs-endpoint-tabs{display:flex;gap:24px;border-bottom:1px solid var(--bb-border-color);margin-bottom:4px}
.bb-docs-endpoint-tab{display:inline-block;position:relative;padding:0 1px 12px;color:var(--bb-secondary-color);font-size:.82rem;font-weight:650}
.bb-docs-endpoint-tab.is-active{color:var(--bb-emphasis-color)}
.bb-docs-endpoint-tab.is-active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--bb-doc-accent);border-radius:2px}
.bb-dynamic-docs-section-split .bb-dynamic-docs-section-body{gap:30px}
.bb-dynamic-docs-reference-content{padding:0!important;overflow:hidden;border:1px solid var(--bb-border-color);background:var(--bb-doc-card-surface);border-radius:var(--bb-radius-lg,10px);box-shadow:var(--bb-shadow-sm,none)}
.bb-dynamic-docs-reference-content .bb-v1-code-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0!important;padding:12px 16px;border-bottom:1px solid var(--bb-border-color);background:var(--bb-tertiary-bg)}
.bb-dynamic-docs-reference-content .bb-v1-code-heading strong{font-size:.82rem;letter-spacing:.02em;color:var(--bb-emphasis-color)}
.bb-dynamic-docs-reference-content .bb-v1-code-heading span{font-size:.73rem;color:var(--bb-secondary-color)}
.bb-dynamic-docs-reference-content pre{margin:0!important;padding:16px!important;max-width:100%;overflow:auto;border:0!important;border-radius:0!important;background:var(--bb-doc-code-surface)!important;line-height:1.65;font-size:.8rem;white-space:pre}
.bb-dynamic-docs-reference-content pre code{display:block;width:max-content;min-width:100%;font-size:inherit;line-height:inherit;color:var(--bb-body-color);white-space:pre;background:transparent;padding:0}
.bb-dynamic-docs-reference-content .bb-doc-footnote{margin:0!important;padding:12px 16px 15px!important;border:0!important;border-top:1px solid var(--bb-border-color);font-size:.75rem;color:var(--bb-secondary-color);line-height:1.55}
.bb-dynamic-docs-reference-content .bb-doc-footnote::first-letter{color:var(--bb-secondary-color)}
.bb-dynamic-docs-content .bb-v1-field{padding:13px 0}
.bb-dynamic-docs-content .bb-v1-field span{color:var(--bb-secondary-color)}
.bb-dynamic-docs .bb-doc-callout[data-variant="soft"]{background:var(--bb-tertiary-bg);border-radius:var(--bb-radius-lg,10px)}
.bb-docs-page-help{margin-top:46px;padding:26px 2px 12px;border-top:1px solid var(--bb-border-color)}
.bb-docs-page-help-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.bb-docs-page-help-links a{display:flex;align-items:center;gap:11px;padding:8px 0;font-size:.83rem;color:var(--bb-body-color);text-decoration:none}
.bb-docs-page-help-links a:hover{color:var(--bb-link-color,var(--bb-primary))}
.bb-docs-page-help-links svg{width:17px;height:17px;flex-shrink:0;stroke:var(--bb-secondary-color);fill:none;stroke-width:1.7}
.bb-docs-page-help-links strong{color:var(--bb-link-color,var(--bb-primary));font-weight:600}
.bb-docs-page-help-brand{margin-top:20px;font-size:.78rem;color:var(--bb-secondary-color)}
.bb-docs-page-help-brand a{color:var(--bb-link-color,var(--bb-primary));text-decoration:none}
@media(max-width:800px){.bb-docs-page-help-links{grid-template-columns:1fr}.bb-dynamic-docs-reference-content pre{font-size:.76rem;padding:12px!important}}
@media(prefers-reduced-motion:reduce){.bb-docs-overview-operation{transition:none}}

/* Beta71 review: vertically stacked, single-rule documentation help footer */
.bb-docs-page-help{margin-top:68px;padding-top:32px;border-top:1px solid var(--bb-border-color)}
.bb-dynamic-docs-section:last-of-type{border-bottom:0}
.bb-docs-page-help-links{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.bb-docs-page-help-links a{padding:7px 0}
.bb-docs-page-help-brand{margin-top:30px}
/* Larger endpoint heading and navigational chevron */
.bb-docs-endpoint-tab{font-size:1rem;font-weight:750}
.bb-docs-overview-operation .bb-docs-overview-arrow{font-size:2rem;line-height:1}
.bb-docs-overview-operation-label{font-size:1.05rem}
/* Quiet, token-based OpenAPI field separators */
.bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table th,
.bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table td{border-bottom:1px solid var(--bb-border-color);border-color:color-mix(in srgb,var(--bb-border-color) 45%,transparent)}
.bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table tr:last-child td{border-bottom:0}
/* Code surface one design token lighter than outer page, with a distinct container. */
.bb-dynamic-docs-reference-content pre{background:var(--bb-tertiary-bg)!important}
.bb-dynamic-docs-reference-content{background:var(--bb-body-bg)}
.bb-dynamic-docs-reference-content .bb-v1-code-heading,
.bb-dynamic-docs-reference-content .bb-doc-footnote{background:var(--bb-body-bg)}
/* JSON token highlighting: no hard-coded colors; theme semantic variables. */
.bb-dynamic-docs-reference-content .bb-json-key{color:var(--bb-link-color,var(--bb-primary))}
.bb-dynamic-docs-reference-content .bb-json-string{color:var(--bb-success,var(--bb-link-color,var(--bb-primary)))}
.bb-dynamic-docs-reference-content .bb-json-number{color:var(--bb-warning,var(--bb-primary))}
.bb-dynamic-docs-reference-content .bb-json-literal{color:var(--bb-secondary-color)}

/* Beta71 refinement: muted sidebar links, clearer reference code and footer. */
.bb-dev-sidebar-rail .bb-dev-side-link:not(.is-active){color:var(--bb-secondary-color)}
.bb-dev-sidebar-rail .bb-dev-side-link:not(.is-active):hover{color:var(--bb-emphasis-color)}
.bb-dev-sidebar-rail .bb-dev-side-link.is-active{color:var(--bb-emphasis-color)}
.bb-dev-sidebar-rail .bb-dev-side-group + .bb-dev-side-group{margin-top:20px}
.bb-dev-sidebar-rail .bb-dev-side-title{color:var(--bb-emphasis-color);margin-bottom:9px}
.bb-dynamic-docs-reference-content pre,
.bb-dynamic-docs-reference-content pre code{font-size:.9rem;line-height:1.72}
.bb-dynamic-docs-reference-content .bb-v1-code-heading strong{font-size:.9rem}
.bb-dynamic-docs-reference-content .bb-v1-code-heading span{font-size:.8rem}
.bb-dynamic-docs-reference-content .bb-doc-footnote{font-size:.82rem}
.bb-docs-page-help-links a{font-size:.92rem;gap:12px}
.bb-docs-page-help-links svg{width:18px;height:18px}
.bb-docs-page-help-links [aria-hidden="true"]{font-size:1.05rem;line-height:1}
.bb-docs-page-help-brand{font-size:.84rem}

/* Beta71 typography corrections from visual QA — main.css tokens only. */
.bb-dev-sidebar-rail .bb-dev-sidebar .bb-dev-side-title,
.bb-dev-sidebar-rail .bb-dev-sidebar .bb-dev-side-group > .bb-dev-side-title{color:var(--bb-emphasis-color)!important;opacity:1}
.bb-dev-sidebar-rail .bb-dev-side-link:not(.is-active){color:var(--bb-secondary-color)}
.bb-docs-overview-intro h1 small{font-size:.42em;font-weight:400;letter-spacing:0;color:var(--bb-secondary-color);vertical-align:baseline}
.bb-dynamic-docs-main .bb-dynamic-docs-section > h2{font-size:1.18rem;font-weight:700;line-height:1.4}
.bb-dynamic-docs-main .bb-dynamic-docs-content > h3{font-size:1.45rem;font-weight:700;line-height:1.3}
.bb-docs-endpoint-tab{font-size:1.18rem;font-weight:750}
.bb-docs-overview-operation-label{font-size:1rem}
.bb-docs-page-help-links [aria-hidden="true"]{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;font-size:1.25rem;line-height:1}
.bb-docs-page-help-links a{gap:13px}
.bb-dynamic-docs-reference-content .bb-curl-command{color:var(--bb-link-color,var(--bb-primary))}
.bb-dynamic-docs-reference-content .bb-curl-option{color:var(--bb-warning,var(--bb-primary))}
.bb-dynamic-docs-reference-content .bb-curl-string{color:var(--bb-success,var(--bb-primary))}
.bb-dynamic-docs-reference-content .bb-curl-continuation{color:var(--bb-secondary-color)}

/* Beta71 final review: theme-neutral reference surface in light/dark/navy.
   Code background is exactly one semantic surface level above the page. */
.bb-dynamic-docs-reference-content pre,
.bb-dynamic-docs-reference-content pre code{
  background-color:var(--bb-tertiary-bg)!important;
  color:var(--bb-body-color);
}
.bb-dynamic-docs-reference-content pre code span{background:transparent!important}
/* Model table: one clear title, emphasized first column, softly separated rows. */
.bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table th:first-child,
.bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table td:first-child{
  padding-left:0!important;font-weight:700;color:var(--bb-emphasis-color);
  background:color-mix(in srgb,var(--bb-tertiary-bg) 36%,transparent);
}
.bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table th:first-child{background:transparent}
.bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table th,
.bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table td{
  border-bottom:1px solid color-mix(in srgb,var(--bb-border-color) 45%,transparent);
}
/* OpenAPI-source footnote must read as separate metadata, not a table row. */
.bb-dynamic-docs-content > .bb-doc-footnote{
  margin:24px 0 10px;padding:12px 0 0;border-left:0;border-top:1px solid var(--bb-border-color);
  font-size:.8rem;line-height:1.65;color:var(--bb-secondary-color)
}
/* A section heading and its subsection labels should have equal visual weight. */
.bb-dynamic-docs-main .bb-dynamic-docs-section > h2,
.bb-dynamic-docs-main .bb-dynamic-docs-content > h3{
  font-size:1.2rem;font-weight:700;line-height:1.4
}
.bb-docs-endpoint-tab{text-transform:uppercase;letter-spacing:.04em}

/* Beta72: final targeted fixes — selector specificity beats legacy docs rules. */
.bb-dev-workspace-content .bb-dynamic-docs .bb-dynamic-docs-content > h3,
.bb-dev-workspace-content .bb-dynamic-docs .bb-dynamic-docs-section > h2{
  font-size:1.15rem!important;font-weight:700!important;line-height:1.4!important;
}
.bb-dev-workspace-content .bb-dynamic-docs .bb-docs-endpoint-tab{
  text-transform:uppercase!important;font-size:1.1rem!important;letter-spacing:.06em;
}
.bb-dev-workspace-content .bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table{
  width:100%;border-collapse:collapse;table-layout:auto;
}
.bb-dev-workspace-content .bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table th:first-child,
.bb-dev-workspace-content .bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table td:first-child{
  padding-left:0!important;font-weight:750!important;color:var(--bb-emphasis-color)!important;
  background:color-mix(in srgb,var(--bb-tertiary-bg) 45%,transparent)!important;
}
.bb-dev-workspace-content .bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table th,
.bb-dev-workspace-content .bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table td{
  border-bottom:1px solid color-mix(in srgb,var(--bb-border-color) 45%,transparent)!important;
}
.bb-dev-workspace-content .bb-dynamic-docs-content > .bb-doc-footnote{
  display:block;margin:30px 0 0!important;padding:14px 0 0!important;
  border-left:0!important;border:0.082rem solid var(--bb-emphasis-color)!important;
  font-size:.78rem!important;color:var(--bb-secondary-color)!important;
}
.bb-dev-workspace-content .bb-dynamic-docs-reference-content pre{
  background:var(--bb-tertiary-bg)!important;color:var(--bb-body-color)!important;
}
.bb-dev-workspace-content .bb-dynamic-docs-reference-content pre code{
  background:transparent!important;color:var(--bb-body-color)!important;
}
.bb-dev-workspace-content .bb-docs-page-help{margin-top:52px}

/* Beta72 final polish: restore field padding and replace source divider with soft note. */
.bb-dev-workspace-content .bb-dynamic-docs .bb-docs-overview-intro h1{
  font-size:clamp(1.35rem,2.2vw,1.75rem);
}
.bb-dev-workspace-content .bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table th:first-child,
.bb-dev-workspace-content .bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table td:first-child{
  padding-left:10px!important;
}
.bb-dev-workspace-content .bb-dynamic-docs-content > .bb-doc-footnote{
  margin:22px 0 0!important;
  padding:15px 17px!important;
  border:0!important;
  border-radius:var(--bb-radius-lg,10px);
  background:var(--bb-tertiary-bg);
  color:var(--bb-secondary-color);
}
.bb-dynamic-docs-content .bb-openapi-table-caption{
  margin:15px 0 0;
  font-size:.82rem;
  line-height:1.65;
  color:var(--bb-secondary-color);
}

/* Product list explanation belongs below the endpoint list, inside a soft info box. */
 .bb-docs-overview-index .bb-docs-endpoint-note{
  margin:18px 0 0;padding:0;
  border:0;border-radius:0;background:transparent;
  color:var(--bb-emphasis-color);
  font-size:inherit;line-height:1.6;
}


/* Beta72: exact three final requirements, scoped to the actual rendered DOM. */
.bb-dev-page .bb-dev-workspace-content .bb-dynamic-docs-content [data-openapi-schema]{
  border-radius:var(--bb-radius,6px);
  overflow:hidden;
}
.bb-dev-page .bb-dev-workspace-content .bb-dynamic-docs-content [data-openapi-schema] .bb-doc-table{
  border-collapse:separate;border-spacing:0;border-radius:var(--bb-radius,6px);
}
.bb-dev-page .bb-dev-workspace-content .bb-dynamic-docs-content > p.bb-doc-footnote{
  margin:22px 0 0!important;
  padding:15px 17px!important;
  border:0!important;
  border-radius:var(--bb-radius-lg,10px)!important;
  background:var(--bb-tertiary-bg)!important;
  color:var(--bb-emphasis-color)!important;
  font-size:.82rem!important;
}
.bb-dev-page .bb-dev-workspace-content .bb-docs-overview-index > p.bb-docs-endpoint-note{
  margin:18px 0 0!important;
  padding:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;
  color:var(--bb-emphasis-color)!important;
  font-size:.82rem!important;line-height:1.6;
}

/* Section titles are one step larger; parameter headings retain their size. */
.bb-dev-page .bb-dev-workspace-content .bb-dynamic-docs-main .bb-dynamic-docs-section > h2{font-size:1.3rem!important;}

/* Light theme only: use darker tonal blends of the existing main.css semantic tokens.
   Dark and navy remain unchanged; no global tokens are overwritten. */
html[data-bs-theme="light"] .bb-dynamic-docs{
  --bb-doc-light-accent:color-mix(in srgb,var(--bb-primary) 42%,var(--bb-emphasis-color));
  --bb-doc-light-success:color-mix(in srgb,var(--bb-success,#22a66b) 64%,var(--bb-emphasis-color));
  --bb-doc-light-warm:color-mix(in srgb,var(--bb-warning,var(--bb-primary)) 52%,var(--bb-emphasis-color));
}
html[data-bs-theme="light"] .bb-dynamic-docs .bb-docs-endpoint-tab.is-active::after{
  background:var(--bb-doc-light-accent);
}
html[data-bs-theme="light"] .bb-dynamic-docs .bb-docs-overview-method[data-method="GET"],
html[data-bs-theme="light"] .bb-dynamic-docs .bb-docs-page-help-links strong,
html[data-bs-theme="light"] .bb-dynamic-docs .bb-docs-page-help-brand a,
html[data-bs-theme="light"] .bb-dynamic-docs .bb-docs-overview-operation:hover .bb-docs-overview-arrow,
html[data-bs-theme="light"] .bb-dynamic-docs .bb-dynamic-docs-content a{
  color:var(--bb-doc-light-accent);
}
html[data-bs-theme="light"] .bb-dynamic-docs .bb-json-key,
html[data-bs-theme="light"] .bb-dynamic-docs .bb-curl-command{
  color:var(--bb-doc-light-accent);
}
html[data-bs-theme="light"] .bb-dynamic-docs .bb-json-string,
html[data-bs-theme="light"] .bb-dynamic-docs .bb-curl-string,
html[data-bs-theme="light"] .bb-dynamic-docs .bb-docs-overview-method[data-method="POST"]{
  color:var(--bb-doc-light-success);
}
html[data-bs-theme="light"] .bb-dynamic-docs .bb-json-number,
html[data-bs-theme="light"] .bb-dynamic-docs .bb-curl-option{
  color:var(--bb-doc-light-warm);
}
html[data-bs-theme="light"] .bb-dynamic-docs .bb-dynamic-docs-reference-content pre,
html[data-bs-theme="light"] .bb-dynamic-docs .bb-dynamic-docs-reference-content pre code{
  color:var(--bb-emphasis-color);
}

/* Beta72 closing pass: shared grid tracks, stable spacing and copy controls. */
.bb-dev-workspace-content .bb-dynamic-docs .bb-docs-overview{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:30px;
}
.bb-dev-workspace-content .bb-dynamic-docs .bb-dynamic-docs-section-split .bb-dynamic-docs-section-body{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:30px;
}
.bb-dev-workspace-content .bb-dynamic-docs .bb-docs-overview-index,
.bb-dev-workspace-content .bb-dynamic-docs .bb-dynamic-docs-reference-content{width:100%;min-width:0}
.bb-dev-workspace-content .bb-dynamic-docs .bb-dynamic-docs-section{padding-top:28px;padding-bottom:38px}
.bb-dev-workspace-content .bb-dynamic-docs .bb-dynamic-docs-page-header{margin-bottom:14px}
.bb-dynamic-docs-reference-content .bb-v1-code-heading{flex-wrap:wrap}
.bb-dynamic-docs-reference-content .bb-doc-copy{
  appearance:none;border:1px solid var(--bb-border-color);border-radius:var(--bb-radius,6px);
  background:var(--bb-body-bg);color:var(--bb-emphasis-color);
  padding:5px 9px;font:600 .75rem var(--bb-font-sans,inherit);cursor:pointer;
}
.bb-dynamic-docs-reference-content .bb-doc-copy:hover{background:var(--bb-tertiary-bg);border-color:var(--bb-primary)}
.bb-dynamic-docs-reference-content .bb-doc-copy:focus-visible{outline:2px solid var(--bb-primary);outline-offset:2px}
@media(max-width:900px){
 .bb-dev-workspace-content .bb-dynamic-docs .bb-docs-overview,
 .bb-dev-workspace-content .bb-dynamic-docs .bb-dynamic-docs-section-split .bb-dynamic-docs-section-body{
   grid-template-columns:minmax(0,1fr);
 }
}