/* SUNDEX p158: one viewport-owned support control on every route. */
:root {
  --sx-support-edge: max(20px, env(safe-area-inset-right));
  --sx-support-bottom: max(20px, env(safe-area-inset-bottom));
  --sx-support-layer: 2147481500;
}

/*
 * #root is intentional: it outranks the legacy Wallet p79 rule that docks the
 * launcher absolutely at the bottom of the document.
 */
html body #root > button.support-launcher,
html body #root button.support-launcher[data-sx154-persistent="true"],
html body button.support-launcher {
  position: fixed !important;
  z-index: var(--sx-support-layer) !important;
  inset: auto var(--sx-support-edge) var(--sx-support-bottom) auto !important;
  display: inline-flex !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border-radius: 999px !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
}

html body #root > button.support-launcher::after,
html body #root button.support-launcher[data-sx154-persistent="true"]::after,
html body button.support-launcher::after {
  content: none !important;
  display: none !important;
}

html body #root > button.support-launcher svg,
html body #root button.support-launcher[data-sx154-persistent="true"] svg,
html body button.support-launcher svg {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
}

html body #root > .support-panel,
html body #root .support-panel[data-sx154-persistent="true"],
html body .support-panel {
  position: fixed !important;
  z-index: var(--sx-support-layer) !important;
  inset: auto var(--sx-support-edge) var(--sx-support-bottom) auto !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
}

/* The old in-flow Wallet support card must never replace the global launcher. */
html body .wallet-inline-support {
  display: none !important;
}

@media (max-width: 640px) {
  :root {
    --sx-support-edge: max(14px, env(safe-area-inset-right));
    --sx-support-bottom: max(14px, env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion: reduce) {
  html body button.support-launcher,
  html body .support-panel {
    transition-duration: 0.01ms !important;
  }
}