
@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 100 700;
  src: url("/v1/docs/assets/ibm-plex-sans-latin-wght-normal-5.3.0.woff2") format("woff2-variations");
}
:root {
  color-scheme: light dark;
  --docket-paper: #fbf8f2;
  --docket-ink: #24211d;
  --docket-muted: #6f685f;
  --docket-line: #ded7cc;
  --docket-accent: #b94c2f;
  --docket-panel: #f3eee6;
  --scalar-font: "IBM Plex Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  --scalar-font-code: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --scalar-background-1: var(--docket-paper);
  --scalar-background-2: var(--docket-panel);
  --scalar-background-3: #eae3d8;
  --scalar-color-1: var(--docket-ink);
  --scalar-color-2: var(--docket-muted);
  --scalar-color-3: #8f877d;
  --scalar-color-accent: var(--docket-accent);
  --scalar-border-color: var(--docket-line);
  --scalar-radius: 10px;
  --scalar-radius-lg: 14px;
}
* { box-sizing: border-box; }
html, body { min-width: 0; margin: 0; background: var(--docket-paper); color: var(--docket-ink); }
body { font-family: var(--scalar-font) !important; font-size: 16px; }
.scalar-app {
  --scalar-font: "IBM Plex Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-family: var(--scalar-font) !important;
}
.docket-header {
  position: sticky; top: 0; z-index: 100;
  min-height: 64px; padding: 10px 18px;
  display: flex; align-items: center; gap: 14px;
  background: color-mix(in srgb, var(--docket-paper) 94%, transparent);
  border-bottom: 1px solid var(--docket-line);
  backdrop-filter: blur(12px);
}
.docket-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.docket-mark {
  width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center;
  background: var(--docket-accent); color: white; font-weight: 800; flex: 0 0 auto;
}
.docket-title { font-weight: 760; letter-spacing: -0.02em; white-space: nowrap; }
.docket-version { color: var(--docket-muted); font-size: 13px; white-space: nowrap; }
.docket-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.docket-link, .docket-button {
  min-height: 44px; padding: 0 14px; border: 1px solid var(--docket-line); border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--docket-panel); color: var(--docket-ink); font: inherit; font-weight: 650;
  text-decoration: none; cursor: pointer;
}
.docket-link:hover, .docket-button:hover { border-color: var(--docket-accent); }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--docket-accent) 65%, white); outline-offset: 2px; }
#reference-status { padding: 38px 22px; text-align: center; color: var(--docket-muted); }
#reference-error {
  max-width: 640px; margin: 48px auto; padding: 24px; border: 1px solid var(--docket-line);
  border-radius: 14px; background: var(--docket-panel);
}
#reference-error h1 { margin: 0 0 8px; font-size: 22px; }
#reference-error p { line-height: 1.55; }
#reference-error .docket-actions { margin: 18px 0 0; flex-wrap: wrap; }
.scalar-api-reference button,
.scalar-api-reference [role="button"] { min-width: 44px; min-height: 44px; }
.scalar-api-reference pre, .scalar-api-reference code { max-width: 100%; overflow-x: auto; }
.darklight-reference { display: none !important; }
@media (max-width: 620px) {
  .docket-header { align-items: flex-start; flex-wrap: wrap; padding: 10px 12px; }
  .docket-version { width: 100%; padding-left: 44px; margin-top: -10px; }
  .docket-actions { position: absolute; right: 10px; top: 10px; }
  .docket-title { font-size: 15px; }
  .docket-link { padding: 0 10px; font-size: 14px; }
}
@media (max-width: 350px) {
  .docket-title { font-size: 0; }
  .docket-title::after { content: "Docket API"; font-size: 14px; }
}
@media (prefers-color-scheme: dark) {
  :root {
    --docket-paper: #1f1c19; --docket-ink: #f5efe7; --docket-muted: #b9afa3;
    --docket-line: #453e37; --docket-accent: #e57858; --docket-panel: #2b2723;
    --scalar-background-3: #37312b; --scalar-color-3: #948a7e;
  }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }
