@media (max-width: 640px) {
  body.nexbit-crypto main {
    min-width: 0;
    overflow-x: clip;
    padding: 0;
  }

  body.nexbit-crypto main > .space-y-6 {
    min-width: 0;
    padding: 1rem;
  }

  body.nexbit-crypto main [role="tabpanel"],
  body.nexbit-crypto main [role="tabpanel"] > div,
  body.nexbit-crypto main [role="tabpanel"] .grid,
  body.nexbit-crypto main [role="tabpanel"] .grid > div {
    min-width: 0;
    max-width: 100%;
  }

  body.nexbit-crypto main [role="tabpanel"] .grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.nexbit-crypto main [role="tabpanel"] code {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.nexbit-crypto main .overflow-x-auto {
    max-width: 100%;
    overscroll-behavior-x: contain;
  }
}

#nexbit-pwa-install {
  position: fixed;
  top: 10px;
  right: 100px;
  z-index: 60;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  color: #93c5fd;
  background: transparent;
  font: 22px/1 sans-serif;
  cursor: pointer;
}

#nexbit-pwa-install:hover,
#nexbit-pwa-install:focus-visible {
  background: rgba(59, 130, 246, .16);
}

#nexbit-pwa-panel {
  position: fixed;
  top: 54px;
  right: 12px;
  z-index: 100;
  width: min(310px, calc(100vw - 24px));
  padding: 16px;
  border: 1px solid #334155;
  border-radius: 12px;
  background: #0f172a;
  color: #f8fafc;
  box-shadow: 0 14px 35px #0008;
  font: 14px/1.5 sans-serif;
}

#nexbit-pwa-panel button {
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid #475569;
  color: inherit;
  background: transparent;
  cursor: pointer;
}