/* Shared docs shell: search and light/dark toggle for the SDK and integration pages. Theme state is
   :root[data-docs-theme], the same key the /docs portal writes, so a choice carries across pages. */
.docs-shell{position:relative;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:10px 16px;border-bottom:1px solid #e5e7eb;background:#fff;color:#111827;font:500 14px/1.4 "DM Sans",system-ui,sans-serif}
.docs-shell a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.docs-shell>a{display:inline-flex;align-items:center;min-height:44px}
.docs-shell :is(a,input,button):focus-visible{outline:2px solid #6d28d9;outline-offset:2px}
.docs-shell__search{display:flex;flex:1 1 260px;align-items:center;gap:8px;max-width:520px}
.docs-shell__search input{flex:1;min-width:0;min-height:44px;padding:8px 12px;border:1px solid #9ca3af;border-radius:8px;background:#fff;color:#111827;font:inherit}
.docs-shell__search kbd{padding:2px 6px;border:1px solid #9ca3af;border-radius:4px;font:12px "Fragment Mono",monospace;white-space:nowrap}
.docs-shell__toggle{min-height:44px;padding:8px 14px;border:1px solid #9ca3af;border-radius:8px;background:#fff;color:#111827;font:inherit;cursor:pointer}
.docs-shell__results{position:absolute;top:100%;left:16px;right:16px;max-width:560px;max-height:60vh;overflow:auto;padding:8px 16px;border:1px solid #9ca3af;border-radius:8px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.18)}
.docs-shell__results[hidden]{display:none}
.docs-shell__results a{display:flex;align-items:center;min-height:44px;padding:0;border:0;border-bottom:1px solid #e5e7eb;border-radius:0;box-shadow:none;background:none}
.docs-shell__results a:last-child{border-bottom:0}
.docs-shell__count{margin:6px 0;color:#4b5563}
@media (max-width:640px){.docs-shell__search kbd{display:none}.docs-shell__results{left:8px;right:8px}}
@media (prefers-reduced-motion:no-preference){.docs-shell__toggle{transition:background-color .15s}}

:root[data-docs-theme="dark"]{color-scheme:dark}
:root[data-docs-theme="dark"] body,:root[data-docs-theme="dark"] .bg-gray-50,:root[data-docs-theme="dark"] .bg-gray-100{background:#12151c!important;color:#e2e8f0}
:root[data-docs-theme="dark"] .bg-white,:root[data-docs-theme="dark"] .docs-sidebar,:root[data-docs-theme="dark"] .docs-shell,:root[data-docs-theme="dark"] .docs-shell__results{background:#1b202b!important;color:#e2e8f0}
:root[data-docs-theme="dark"] .docs-shell,:root[data-docs-theme="dark"] .docs-shell__results,:root[data-docs-theme="dark"] .docs-shell__results a{border-color:#364052}
:root[data-docs-theme="dark"] .docs-shell__search input,:root[data-docs-theme="dark"] .docs-shell__toggle{background:#12151c;color:#e2e8f0;border-color:#64748b}
:root[data-docs-theme="dark"] .docs-shell__search kbd{border-color:#64748b}
:root[data-docs-theme="dark"] .docs-shell__count{color:#aebbd0}
:root[data-docs-theme="dark"] .text-gray-900,:root[data-docs-theme="dark"] .text-gray-800,:root[data-docs-theme="dark"] .text-black{color:#f8fafc!important}
:root[data-docs-theme="dark"] .text-gray-700,:root[data-docs-theme="dark"] .text-gray-600,:root[data-docs-theme="dark"] .text-gray-500,:root[data-docs-theme="dark"] .text-gray-400{color:#aebbd0!important}
:root[data-docs-theme="dark"] .text-purple-600,:root[data-docs-theme="dark"] .text-purple-700,:root[data-docs-theme="dark"] .text-indigo-600,:root[data-docs-theme="dark"] .text-blue-600{color:#c4b5fd!important}
:root[data-docs-theme="dark"] .text-green-600,:root[data-docs-theme="dark"] .text-green-700{color:#86efac!important}
:root[data-docs-theme="dark"] .text-amber-600,:root[data-docs-theme="dark"] .text-amber-700,:root[data-docs-theme="dark"] .text-yellow-700{color:#fcd34d!important}
:root[data-docs-theme="dark"] .border-gray-100,:root[data-docs-theme="dark"] .border-gray-200,:root[data-docs-theme="dark"] .border-gray-300,:root[data-docs-theme="dark"] .border-b,:root[data-docs-theme="dark"] .border{border-color:#364052!important}
:root[data-docs-theme="dark"] .bg-gray-200,:root[data-docs-theme="dark"] .bg-purple-50,:root[data-docs-theme="dark"] .bg-blue-50,:root[data-docs-theme="dark"] .bg-green-50,:root[data-docs-theme="dark"] .bg-amber-50,:root[data-docs-theme="dark"] .bg-yellow-50{background:#272e3c!important}
:root[data-docs-theme="dark"] table th,:root[data-docs-theme="dark"] table td{border-color:#364052}
:root[data-docs-theme="dark"] a{color:#c4b5fd}
:root[data-docs-theme="dark"] .docs-shell a,:root[data-docs-theme="dark"] .vkc-nav a{color:inherit}
:root[data-docs-theme="dark"] :not(pre)>code{background:#272e3c;color:#e2e8f0}
:root[data-docs-theme="dark"] :is([class*="bg-red-"],[class*="bg-pink-"],[class*="bg-orange-"],[class*="bg-teal-"],[class*="bg-emerald-"],[class*="bg-indigo-"],[class*="bg-slate-"],[class*="bg-sky-"],[class*="bg-cyan-"],[class*="bg-rose-"],[class*="bg-yellow-"],[class*="bg-green-"],[class*="bg-blue-"],[class*="bg-purple-"],[class*="bg-amber-"]):is([class*="-50"],[class*="-100"]){background:#272e3c!important}
:root[data-docs-theme="dark"] :is(.text-red-500,.text-red-600,.text-red-700,.text-red-800,.text-rose-600,.text-rose-700){color:#fca5a5!important}
:root[data-docs-theme="dark"] :is(.text-blue-700,.text-blue-800,.text-indigo-700,.text-indigo-800,.text-sky-700,.text-cyan-700){color:#bfdbfe!important}
:root[data-docs-theme="dark"] :is(.text-green-800,.text-emerald-600,.text-emerald-700,.text-teal-700){color:#86efac!important}
:root[data-docs-theme="dark"] :is(.text-yellow-800,.text-amber-800,.text-orange-600,.text-orange-700){color:#fcd34d!important}
/* Prism comment colour on the always-dark code blocks: 3.5:1 by default, 4.5:1 here (light and dark). */
pre .token.comment,pre .token.prolog,pre .token.doctype,pre .token.cdata{color:#a9b8d0}
:root[data-docs-theme="dark"] .param-required{color:#fca5a5}
:root[data-docs-theme="dark"] .docs-shell :is(a,input,button):focus-visible{outline-color:#c4b5fd}

.docs-shell__toggle[hidden]{display:none}