/* Shared XRBC navigation. The body hook isolates this layout from sibling projects. */
:root {
  --xrbc-sidebar-width: 220px;
  --xrbc-sidebar-bg: #0a0b0d;
  --xrbc-sidebar-panel: #11151b;
  --xrbc-sidebar-line: #272e39;
  --xrbc-sidebar-text: #edf2f8;
  --xrbc-sidebar-muted: #a2afc0;
  --xrbc-sidebar-blue: #4d7df4;
}
html[data-theme="light"],
html:has(.xrbc-theme-checkbox:checked) {
  --xrbc-sidebar-bg: #f7f9fc;
  --xrbc-sidebar-panel: #ffffff;
  --xrbc-sidebar-line: #d7e0eb;
  --xrbc-sidebar-text: #18283d;
  --xrbc-sidebar-muted: #617187;
  --xrbc-sidebar-blue: #356fe0;
}

/* A single offset owns the page; legacy rails also offset main and footer. */
html body.xrbc-has-unified-sidebar,
html body.xrbc-has-unified-sidebar.xrbc-exchange-shell {
  --xrbc-ex-sidebar-width: var(--xrbc-sidebar-width);
  box-sizing: border-box !important;
  padding-left: var(--xrbc-sidebar-width) !important;
  padding-top: 0 !important;
}
html body.xrbc-has-unified-sidebar > main,
html body.xrbc-has-unified-sidebar > main:is(#main, #main-content, #xmain),
html body.xrbc-has-unified-sidebar > footer,
html body.xrbc-has-unified-sidebar.xrbc-exchange-shell:is(.xrbc-home-exchange-shell, .xrbc-developer-exchange-shell, .xrbc-tool-exchange-shell, .xrbc-liquidity-shell) > footer {
  margin-left: 0 !important;
}

/* Scope every navigation rule above the earlier page-specific header rules. */
html body.xrbc-has-unified-sidebar > header.xrbc-unified-sidebar {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  z-index: 900 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: var(--xrbc-sidebar-width) !important;
  max-width: var(--xrbc-sidebar-width) !important;
  height: 62px !important;
  min-height: 0 !important;
  max-height: 62px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: var(--xrbc-sidebar-text) !important;
  background: var(--xrbc-sidebar-bg) !important;
  border: 0 !important;
  border-right: 1px solid var(--xrbc-sidebar-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  animation: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  isolation: isolate;
}
html body.xrbc-has-unified-sidebar > header.xrbc-unified-sidebar::before,
html body.xrbc-has-unified-sidebar > header.xrbc-unified-sidebar::after {
  display: none !important;
  content: none !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar *,
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar *::before,
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar *::after { box-sizing: border-box !important; }

html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-top {
  position: relative !important;
  z-index: 4;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 62px !important;
  margin: 0 !important;
  padding: 8px !important;
  background: var(--xrbc-sidebar-bg) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--xrbc-sidebar-line) !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar #xrbcPrimaryNav {
  position: fixed !important;
  inset: 62px auto 0 0 !important;
  z-index: 899 !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  width: var(--xrbc-sidebar-width) !important;
  min-width: 0 !important;
  max-width: var(--xrbc-sidebar-width) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 9px 8px 16px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  color: var(--xrbc-sidebar-text) !important;
  background: var(--xrbc-sidebar-bg) !important;
  border: 0 !important;
  border-right: 1px solid var(--xrbc-sidebar-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  scrollbar-color: #56687d transparent;
  scrollbar-width: thin;
  overscroll-behavior: contain;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-brand {
  display: flex !important;
  flex: 1 1 auto !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--xrbc-sidebar-text) !important;
  background: transparent !important;
  border: 0 !important;
  text-decoration: none !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-brand img {
  display: block !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  object-fit: contain;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  filter: none !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-brand-copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 2px !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-brand-copy strong {
  display: block !important;
  color: var(--xrbc-sidebar-text) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: -.02em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-brand-copy small {
  display: block !important;
  color: var(--xrbc-sidebar-muted) !important;
  font-size: 8px !important;
  font-weight: 450 !important;
  letter-spacing: .01em !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-top-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 5px !important;
}
html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar #themeToggle,
html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar .xrbc-sidebar-theme-static,
html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar #xrbcMobileNavToggle,
html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar .xrbc-sidebar-menu-static {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  flex: 0 0 32px !important;
  place-items: center !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: var(--xrbc-sidebar-text) !important;
  background: var(--xrbc-sidebar-panel) !important;
  border: 1px solid var(--xrbc-sidebar-line) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  font: 17px/1 system-ui, sans-serif !important;
  transform: none !important;
  cursor: pointer;
}
html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar #xrbcMobileNavToggle,
html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar .xrbc-sidebar-menu-static {
  display: none !important;
  border-radius: 8px !important;
}
html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar #themeToggle.xrbc-theme-checkbox,
html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar #xrbcMobileNavToggle.xrbc-menu-checkbox {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2;
  display: block !important;
  opacity: 0;
  border: 0 !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .sidebar-sun,
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .sidebar-moon { font: 17px/1 system-ui, sans-serif !important; }
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .sidebar-moon,
html[data-theme="light"] body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .sidebar-sun,
html:has(.xrbc-theme-checkbox:checked) body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .sidebar-sun { display: none !important; }
html[data-theme="light"] body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .sidebar-moon,
html:has(.xrbc-theme-checkbox:checked) body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .sidebar-moon { display: inline !important; }
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar #themeToggleText,
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .sr-only,
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .menu-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;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-nav,
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar #xrbcHeaderUtilities {
  position: static !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-group {
  position: relative !important;
  z-index: 0;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 3px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow: hidden !important;
  background: var(--xrbc-sidebar-panel) !important;
  border: 1px solid var(--xrbc-sidebar-line) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  isolation: isolate;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-group::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(108deg, transparent 0%, rgb(88 145 238 / .015) 27%, rgb(88 145 238 / .105) 48%, rgb(88 145 238 / .02) 68%, transparent 100%);
  background-size: 220% 100%;
  animation: xrbc-sidebar-section-sweep 18s ease-in-out infinite;
  content: "";
  pointer-events: none;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-group:nth-child(2)::before { animation-delay: -4s; }
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-group:nth-child(3)::before { animation-delay: -8s; }
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar #xrbcHeaderUtilities .xrbc-sidebar-group:first-child::before { animation-delay: -12s; }
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar #xrbcHeaderUtilities .xrbc-sidebar-group:last-child::before { animation-delay: -16s; }
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-group h2 {
  position: relative;
  z-index: 1;
  margin: 0 0 3px !important;
  padding: 1px 4px 4px !important;
  color: var(--xrbc-sidebar-muted) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  letter-spacing: .08em !important;
  line-height: 1.35 !important;
  text-transform: uppercase;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar a.xrbc-sidebar-link {
  position: relative;
  z-index: 1;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 7px !important;
  color: var(--xrbc-sidebar-text) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 620 !important;
  letter-spacing: normal !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  transform: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar a.xrbc-sidebar-link:hover,
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar a.xrbc-sidebar-link:focus-visible,
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar a.xrbc-sidebar-link[aria-current="page"] {
  color: var(--xrbc-sidebar-text) !important;
  background: color-mix(in srgb, var(--xrbc-sidebar-blue) 15%, var(--xrbc-sidebar-panel)) !important;
  border-color: color-mix(in srgb, var(--xrbc-sidebar-blue) 44%, var(--xrbc-sidebar-line)) !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar a.xrbc-sidebar-link-connect {
  color: #fff !important;
  background: var(--xrbc-sidebar-blue) !important;
  border-color: var(--xrbc-sidebar-blue) !important;
  font-weight: 740 !important;
}
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar a.xrbc-sidebar-link-connect:hover,
html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar a.xrbc-sidebar-link-connect:focus-visible {
  color: #fff !important;
  background: color-mix(in srgb, var(--xrbc-sidebar-blue) 86%, white) !important;
  border-color: var(--xrbc-sidebar-blue) !important;
}
html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar :focus-visible,
html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar :is(.xrbc-sidebar-theme-static, .xrbc-sidebar-menu-static):focus-within {
  outline: 2px solid var(--xrbc-sidebar-blue) !important;
  outline-offset: 2px !important;
}
@keyframes xrbc-sidebar-section-sweep {
  0%, 18% { background-position: 100% 0; }
  82%, 100% { background-position: 0 0; }
}

/* Replace colored left-edge callouts with neutral, fully boxed cards. */
.notice,
.notice.warn,
.notice.danger,
.notice.green,
.notice.good,
.notice.ok,
.notice.success,
.warn,
.boundary-note,
.le-policy-warning,
.mobile-policy-warning,
.security-panel,
.truth-panel,
.danger-panel,
.gate-boundary,
#main-content #emergency-exit,
.sd-notice,
.sd-integrity-note,
.bridge-option,
.bridge-option.established,
.bridge-option.caution,
.bridge-option.incident,
.incident-card,
.incident-card.critical,
.incident-card.recovered,
.receipt-purpose,
#optionalNftOffer,
.request-history-item,
.request-history-item.action-deposit,
.request-history-item.action-withdraw,
.request-history-item.action-nft,
.request-history-item.action-trust,
.request-history-item.action-trade,
.limit-card,
.limit-card.danger,
.limit-card.good,
.auth-explainer,
.wallet-history-item,
.continuity-path article,
.continuity-path article:nth-child(2),
.continuity-path article:nth-child(3),
.audience-guide,
.stage-guidance,
.stage-guidance.plain,
.stage-guidance.advanced,
.plain-language-guide,
.professional-guide,
#advanced-wizard .workspace-availability,
#advanced-wizard .workspace-availability[data-state]:not([data-state="ready"]),
.forensic-verdict,
.critical-floor,
.alert-item,
.alert-item.high,
.alert-item.medium,
.alert-item.info,
.reading-guide-card,
.plain-controls .plain-control,
.advanced-settings,
.watch-plain-summary,
.watch-advanced-panel,
.plain-help,
.nft-pending-banner,
.workflow-state,
.operator-result,
.operator-result.ok,
.operator-result.err,
.submit-status,
.submit-status.ok,
.submit-status.err,
.ready-limit,
.trade-side-explain .note,
.risk-disclaimer-hero,
.route-danger,
.path-danger,
.execution-danger,
.xaman-code-instruction,
.trade-asset-firewall,
.ownership-callout,
.plain-language,
.advanced-language,
.xrbA-boundary,
.xrbcv2-before-signing,
.xrbc-before-signing,
.xrbc-liq-index .liq-fee-legend,
body.xrbc-institutional #trade .trade-asset-firewall,
body.xrbc-institutional #trade .trade-asset-firewall[data-state="pass"],
body.xrbc-institutional #trade .trade-asset-firewall[data-state="warn"],
body.xrbc-institutional #trade .trade-asset-firewall[data-state="block"],
body.xrbc-institutional .xrbc-before-signing,
.xrbc-liq-index .liq-fee-legend,
body.xrbc-institutional #xrbc-terminal #trade .xaman-sign-qr-stack #xamanCodeInstruction,
#xrbLegacy .plain-language,
#xrbLegacy .advanced-language,
#xmain .forensic-verdict,
#main-content :is(.truth-panel,.security-panel,.danger-panel,.gate-boundary),
#main-content .danger-panel,
#main-content .security-panel,
#main-content #emergency-exit {
  border: 1px solid var(--line, var(--ui-line, var(--xrbc-sidebar-line))) !important;
  border-left: 1px solid var(--line, var(--ui-line, var(--xrbc-sidebar-line))) !important;
}


body.xrbc-has-unified-sidebar #xrt-mobile-nav { display: none !important; }

@media (min-width: 901px) and (max-width: 1180px) {
  :root { --xrbc-sidebar-width: 188px; }
  html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-brand img {
    flex-basis: 28px !important;
    width: 28px !important;
    height: 28px !important;
  }
  html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-brand-copy strong { font-size: 11.5px !important; }
  html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-brand-copy small { font-size: 7.5px !important; }
}
@media (max-width: 900px) {
  html body.xrbc-has-unified-sidebar,
  html body.xrbc-has-unified-sidebar.xrbc-exchange-shell {
    padding-top: 62px !important;
    padding-left: 0 !important;
  }
  html body.xrbc-has-unified-sidebar > header.xrbc-unified-sidebar {
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    max-width: none !important;
    border-right: 0 !important;
  }
  html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-top { padding: 8px 12px !important; }
  html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar #xrbcPrimaryNav {
    inset: 62px 0 0 0 !important;
    display: none !important;
    width: 100% !important;
    max-width: none !important;
    padding: 10px 12px 20px !important;
    border-right: 0 !important;
  }
  html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar #xrbcMobileNavToggle,
  html body.xrbc-has-unified-sidebar header.xrbc-unified-sidebar .xrbc-sidebar-menu-static { display: grid !important; }
  html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar.menu-open #xrbcPrimaryNav.is-open,
  html body.xrbc-has-unified-sidebar:has(#xrbcMobileNavToggle:checked) .xrbc-unified-sidebar #xrbcPrimaryNav { display: flex !important; }
  html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar a.xrbc-sidebar-link { min-height: 40px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar .xrbc-sidebar-group::before { animation: none !important; }
  html body.xrbc-has-unified-sidebar .xrbc-unified-sidebar a.xrbc-sidebar-link { transition: none !important; }
}

html[data-theme="light"] body.xrbc-market-page {
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel2: #edf3f9;
  --line: #ccd8e5;
  --line2: #9bb8dc;
  --text: #17283e;
  --muted: #576a80;
  --blue: #2f64c1;
  --cyan: #08749b;
  --green: #08724e;
  --gold: #81600b;
  --red: #b12e4c;
  color-scheme: light;
  color: var(--text) !important;
  background: var(--bg) !important;
}

/* Scriptless reference pages use a native checkbox for their theme switch. */
html:has(.xrbc-theme-checkbox:checked) { color-scheme: light; }
html:has(.xrbc-theme-checkbox:checked) body.xrb-security-shell {
  --bg: #f4f7fb;
  --panel: #ffffff;
  --raised: #edf3f9;
  --line: #d2dce8;
  --text: #18283d;
  --muted: #5d6d82;
  --link: #175ea8;
  --gold: #79570a;
}
html:has(.xrbc-theme-checkbox:checked) body.xrbc-has-static-sidebar:not(.xrb-security-shell) {
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel-2: #edf3f9;
  --ink: #17283e;
  --muted: #576a80;
  --line: #cbd8e5;
  --accent: #2f64c1;
  color-scheme: light;
  color: var(--ink) !important;
  background: var(--bg) !important;
}

.xrbc-trade-quick-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 8px;
}
.xrbc-trade-quick-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 7px 10px;
  color: var(--ui-ink, var(--ink, #e8eef6));
  background: transparent;
  border: 1px solid var(--ui-line, var(--line, #2b3b4d));
  border-radius: 8px;
  font-size: .74rem;
  font-weight: 700;
  text-decoration: none;
}
.xrbc-trade-quick-actions a:hover,
.xrbc-trade-quick-actions a:focus-visible {
  background: color-mix(in srgb, var(--xrbc-sidebar-blue) 10%, transparent);
  border-color: var(--xrbc-sidebar-blue);
}