/* Documentation-only palette: every surface follows the selected theme. */
.docs-page #dd-result { margin:0; padding:22px; max-height:440px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--docs-text); font:12px/1.75 var(--mono); }
.datadome-page .page-hero p { color:var(--docs-muted); }
.datadome-page .dd-live-note { padding:16px; border:1px solid var(--docs-border); border-radius:12px; background:var(--docs-surface); }
.datadome-page .response-panel .panel-head { flex-wrap:wrap; height:auto; padding:16px; gap:12px; }
.dd-table-wrap { overflow:auto; border:1px solid var(--docs-border); border-radius:12px; background:var(--docs-surface); }
.dd-table { width:100%; border-collapse:collapse; text-align:left; font-size:13px; line-height:1.7; }
.dd-table th, .dd-table td { padding:16px; border-bottom:1px solid var(--docs-border); vertical-align:top; }
.dd-table th { background:var(--docs-raised); color:var(--docs-text); white-space:nowrap; }
.dd-table td { color:var(--docs-muted); }
.dd-table td code { color:var(--docs-text); }
.dd-table tbody tr:last-child td { border-bottom:0; }
.dd-doc-note { margin:24px 0; color:var(--docs-muted); font-size:13px; line-height:1.9; overflow-wrap:anywhere; }
.dd-doc-note h3 { color:var(--docs-text); }
.datadome-page .code-block + .code-block { margin-top:24px; }
.docs-page .switch { position:relative; }
.docs-page .switch input { width:1px; height:1px; left:0; top:0; }
@media(max-width:600px) { .dd-table { min-width:560px; } }
.docs-page .code-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.docs-page .docs-back { display:block; width:fit-content; margin-bottom:28px; font-size:13px; }
.docs-page .console-login { border:1px solid var(--docs-border); border-radius:18px; padding:32px; margin-top:60px; background:var(--docs-surface); }
.docs-page .console-login p { color:var(--docs-muted); margin-bottom:24px; }
.docs-page {
  --docs-text:#edf0f5;
  --docs-muted:#b1bdcd;
  --docs-surface:#111a27;
  --docs-raised:#1c2839;
  --docs-input:#0c1420;
  --docs-border:#46566c;
  --docs-accent:#e3c38c;
  --docs-accent-bg:#392e1d;
  --docs-error:#ffb0ab;
  --docs-key:#9adacb;
  --docs-string:#efd29d;
  --docs-bool:#abcfff;
  --docs-number:#e8b9f6;
  --text:var(--docs-text);
  --muted:var(--docs-muted);
  --cyan:var(--docs-accent);
  --cyan-dark:var(--docs-accent-bg);
  --amber:var(--docs-accent);
  --red:var(--docs-error);
  --line:var(--docs-border);
  --line-strong:var(--docs-border);
  --surface-2:var(--docs-raised);
  background:var(--bg);
  color:var(--docs-text);
}
html[data-theme="light"] .docs-page {
  --docs-text:#243247;
  --docs-muted:#526176;
  --docs-surface:#fffefa;
  --docs-raised:#ece7de;
  --docs-input:#f8f6f1;
  --docs-border:#8c96a3;
  --docs-accent:#76501b;
  --docs-accent-bg:#f1e5ce;
  --docs-error:#a52c29;
  --docs-key:#176457;
  --docs-string:#80531d;
  --docs-bool:#285b9b;
  --docs-number:#7c3f8e;
  color:var(--docs-text);
}
.docs-page .endpoint-card,
.docs-page .endpoint-card.accent,
.docs-page .console-grid,
.docs-page .mode-tab,
.docs-page .response-panel,
.docs-page .code-block { background:var(--docs-surface); }
.docs-page .mode-tab.active,
.docs-page .panel-head,
.docs-page .code-head { background:var(--docs-raised); }
.docs-page .panel-head code,
.docs-page .endpoint-title code,
.docs-page .field label,
.docs-page .advanced summary,
.docs-page .guard-list strong,
.docs-page .response-empty strong,
.docs-page .metric strong,
.docs-page .token-card code,
.docs-page .endpoint-card dd,
.docs-page .preview-panel pre,
.docs-page #response-json,
.docs-page .code-block pre { color:var(--docs-text); }
.docs-page .endpoint-card dt,
.docs-page .field small,
.docs-page .field small code,
.docs-page .mode-tab small,
.docs-page .advanced summary span,
.docs-page .check,
.docs-page .elapsed,
.docs-page .metric span,
.docs-page .code-head,
.docs-page .footer p { color:var(--docs-muted); }
.docs-page .preview-note code,
.docs-page .mode-tab.active small { color:var(--docs-accent); }
.docs-page input,
.docs-page textarea,
.docs-page select { background:var(--docs-input); color:var(--docs-text); border-color:var(--docs-border); }
.docs-page input::placeholder,
.docs-page textarea::placeholder { color:var(--docs-muted); opacity:1; }
.docs-page input:focus,
.docs-page textarea:focus,
.docs-page select:focus { border-color:var(--docs-accent); outline:2px solid var(--docs-accent); outline-offset:2px; box-shadow:none; }
.docs-page .button.primary { color:var(--docs-input); background:var(--docs-accent); }
.docs-page .button:disabled { opacity:1; color:var(--docs-muted); background:var(--docs-raised); border-color:var(--docs-border); }
.docs-page .form-error { color:var(--docs-error); background:var(--docs-surface); border-color:var(--docs-error); }
.docs-page .key { color:var(--docs-key); }
.docs-page .string { color:var(--docs-string); }
.docs-page .bool { color:var(--docs-bool); }
.docs-page .number { color:var(--docs-number); }
.docs-page .switch span { background:var(--docs-input); }
.docs-page .switch span::after { background:var(--docs-muted); }
.docs-page .switch input:focus-visible + span { outline:2px solid var(--docs-accent); outline-offset:3px; }
.docs-page .field small,.docs-page .code-head,.docs-page .endpoint-card dt { font-size:12px; }
