/* NxtOrigin Knowledge Base — floating help launcher + assistant card. Global --nx-* tokens. */ /* Launcher (bottom-right, above everything incl. the themed header z-index:10000). position/offsets are !important so a theme's `.elementor button` / generic `button` rule can't restyle it to static and let it float up to the top. */ button.nxkbw__launch[data-nxkbw-open] { -webkit-appearance: none !important; appearance: none !important; position: fixed !important; right: 22px !important; bottom: 22px !important; top: auto !important; left: auto !important; z-index: 100000 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; width: 58px !important; min-width: 58px !important; max-width: 58px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; padding: 0 !important; border: 1px solid color-mix(in srgb, var(--nx-cyan) 48%, var(--nx-border)) !important; border-radius: 15px !important; background: linear-gradient(145deg, var(--nx-cyan), var(--nx-sky)) !important; color: var(--nx-btn-text) !important; box-shadow: 0 14px 34px color-mix(in srgb, var(--nx-bg) 62%, transparent) !important; font: 700 16px/1 var(--nx-font-family, "Outfit", Inter, system-ui, sans-serif) !important; letter-spacing: normal !important; text-align: center !important; text-decoration: none !important; text-indent: 0 !important; text-shadow: none !important; text-transform: none !important; opacity: 1 !important; visibility: visible !important; cursor: pointer !important; transition: transform 0.15s ease, filter 0.15s ease; } button.nxkbw__launch[data-nxkbw-open]:hover { filter: brightness(1.06); transform: translateY(-2px); } button.nxkbw__launch[data-nxkbw-open]:focus { outline: 0 !important; } button.nxkbw__launch[data-nxkbw-open]:focus-visible { outline: 2px solid var(--nx-text) !important; outline-offset: 2px !important; } button.nxkbw__launch[data-nxkbw-open] svg { display: block !important; flex: 0 0 auto !important; width: 24px !important; height: 24px !important; margin: 0 !important; padding: 0 !important; color: inherit !important; } button.nxkbw__launch[data-nxkbw-open] .nxkbw__launch-icon, button.nxkbw__launch[data-nxkbw-open] .nxkbw__launch-fallback { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; } button.nxkbw__launch[data-nxkbw-open] .nxkbw__launch-fallback { font-size: 21px; font-weight: 850; } button.nxkbw__launch[data-nxkbw-open] .nxkbw__launch-label { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .nxkbw.is-open button.nxkbw__launch[data-nxkbw-open] { z-index: 2147483002 !important; } /* * Native event pages: sit the launcher INSIDE the fixed footer band, not above * it. * * It used to float at bottom:100px to stay clear of the footer pill — but 100px * up is where page content lives, so on the Central Hub it landed squarely on * the message composer, and on booth and hall surfaces it covered whatever was * at the bottom of the scroll. Avoiding one overlap created a worse one, on * every page rather than one strip. * * The footer pill is fixed at bottom:10px with a 68px body, so it occupies * 10–78px. The launcher at bottom:22px reads as part of that same control band. * Horizontally it tucks just inside the pill's right edge — the pill is centred * and capped at 1320px, so on a wide screen its edge is (100vw − 1320px)/2 and * on a narrow one the 12px gutter. It therefore reads as part of the footer * instead of hovering beside it. * * Override without editing this file by setting --nxkbw-launch-bottom on * (for example, a surface with its own fixed bar can raise it). */ body.nxtorigin-native-event-shell-page button.nxkbw__launch[data-nxkbw-open] { bottom: var(--nxkbw-launch-bottom, 22px) !important; right: 22px !important; /* Above the footer pill (z-index 50) so it stays clickable. */ z-index: 100000 !important; } /* * Embedded booth actions can render their own copy of the global launcher. * Hide only that duplicate; the parent Hall/page launcher remains available. */ body.nxtorigin-exhibitor-booth-embed.nxtorigin-exhibitor-panel-open .nxkbw { display: none !important; } /* Overlay + assistant card. The launcher sits two layers above this while open, so it remains the familiar minimize control beneath the card. */ .nxkbw { --nxkbw-safe-top: 18px; } body.nxtorigin-native-event-shell-page .nxkbw { --nxkbw-safe-top: 100px; } .nxkbw__overlay { position: fixed; inset: 0; z-index: 2147483000; } .nxkbw__overlay[hidden] { display: none !important; } /* JS also toggles inline display */ .nxkbw__backdrop { position: fixed; inset: 0; z-index: 0; background: color-mix(in srgb, var(--nx-bg) 42%, transparent); backdrop-filter: blur(2px); } .nxkbw__panel { --nxkbw-card-bottom: 96px; position: fixed; top: auto; right: 18px; bottom: var(--nxkbw-card-bottom); z-index: 1; box-sizing: border-box; width: min(410px, calc(100vw - 32px)); height: min(690px, calc(100vh - var(--nxkbw-card-bottom) - var(--nxkbw-safe-top))); height: min(690px, calc(100dvh - var(--nxkbw-card-bottom) - var(--nxkbw-safe-top))); max-height: calc(100vh - var(--nxkbw-card-bottom) - var(--nxkbw-safe-top)); max-height: calc(100dvh - var(--nxkbw-card-bottom) - var(--nxkbw-safe-top)); display: flex; flex-direction: column; min-height: 0; overflow: hidden; overscroll-behavior: contain; background: var(--nx-panel); border: 1px solid color-mix(in srgb, var(--nx-cyan) 24%, var(--nx-border)); border-radius: 18px; box-shadow: 0 24px 70px color-mix(in srgb, var(--nx-shadow) 58%, transparent); animation: nxkbw-enter 0.2s ease-out; } /* Native event pages already place the launcher inside the footer band. The card remains immediately above it and never covers footer navigation. */ body.nxtorigin-native-event-shell-page .nxkbw__panel { --nxkbw-card-bottom: 96px; } @keyframes nxkbw-enter { from { transform: translateY(12px) scale(0.985); opacity: 0; } to { transform: none; opacity: 1; } } .nxkbw__head { position: relative; padding: 18px 18px 14px; border-bottom: 1px solid color-mix(in srgb, var(--nx-cyan) 28%, var(--nx-border)); background: radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--nx-sky) 24%, transparent), transparent 48%), linear-gradient(135deg, color-mix(in srgb, var(--nx-cyan) 18%, var(--nx-panel)), color-mix(in srgb, var(--nx-sky) 12%, var(--nx-bg))); color: var(--nx-text); flex: 0 0 auto; } .nxkbw__head-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; } .nxkbw__head h2 { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 0; color: var(--nx-text); font: 800 1.12rem/1.2 var(--nx-font-family, "Outfit", Inter, system-ui, sans-serif); } .nxkbw__head h2 span { display: inline-flex; align-items: center; min-height: 20px; padding: 2px 7px; border: 1px solid color-mix(in srgb, var(--nx-cyan) 42%, var(--nx-border)); border-radius: 999px; background: color-mix(in srgb, var(--nx-bg) 42%, transparent); color: var(--nx-cyan-soft); font-size: 0.68rem; font-weight: 750; letter-spacing: 0.02em; } .nxkbw__head > p:not(.nxkbw__prompt-status) { margin: 13px 0 12px; color: var(--nx-text-soft); font: 500 0.86rem/1.45 var(--nx-font-family, "Outfit", Inter, system-ui, sans-serif); } /* !important throughout because the site theme styles every