@import url("/static/dapp-v2.css?v=null-safe-20260704-v1");

body.surface-dapp {
  min-width: 0;
  overflow-x: hidden;
}

body.surface-dapp .desktop-rail {
  display: none !important;
}

body.surface-dapp .shell-main,
body.surface-dapp .content-v2 {
  width: 100%;
  max-width: 520px;
  margin-inline: auto;
}

body.surface-dapp .content-v2 {
  padding-inline: max(12px, env(safe-area-inset-left));
  padding-bottom: calc(96px + env(safe-area-inset-bottom));
}

body.surface-dapp .dapp-home-grid,
body.surface-dapp .position-board-grid,
body.surface-dapp .settings-grid {
  grid-template-columns: minmax(0, 1fr);
}

body.surface-dapp .panel,
body.surface-dapp .home-order-card,
body.surface-dapp .paper-order-card {
  max-width: 100%;
}

body.surface-dapp .top-actions .icon-btn,
body.surface-dapp .bottom-nav button,
body.surface-dapp button {
  cursor: pointer;
}

body.surface-dapp button:disabled,
body.surface-dapp .is-disabled {
  cursor: not-allowed;
}

@media (min-width: 760px) {
  body.surface-dapp {
    background:
      radial-gradient(circle at 50% 0%, rgba(45, 212, 191, .16), transparent 32rem),
      #030812;
  }

  body.surface-dapp .app-shell {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.surface-dapp *,
  body.app-v2-login * {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}