html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  --nx-vh: 1vh;
}

body {
  -webkit-tap-highlight-color: transparent;
  min-height: 100%;
}

button,
a,
input,
select,
textarea {
  touch-action: manipulation;
}

.nx-pwa-standalone body {
  min-height: calc(var(--nx-vh) * 100);
  overscroll-behavior-y: none;
  background-color: var(--bg-grad-a, #f8fafc);
}

.nx-pwa-standalone .app-shell,
.nx-pwa-standalone .app-sidebar,
.nx-pwa-standalone .app-main {
  min-height: calc(var(--nx-vh) * 100);
}

.nx-pwa-standalone .boss-frame-card {
  min-height: 0 !important;
  height: calc((var(--nx-vh) * 100) - var(--boss-header-h, 64px)) !important;
}

.nx-pwa-standalone .boss-frame-card iframe,
.nx-pwa-standalone .settings-modal-body iframe {
  background: var(--bg-grad-a, #f8fafc);
}

.nx-pwa-standalone .app-content {
  min-height: calc((var(--nx-vh) * 100) - var(--boss-header-h, 64px));
}

@supports (padding: max(0px)) {
  .nx-pwa-standalone .top-mini {
    padding-top: max(0px, env(safe-area-inset-top));
  }

  .nx-pwa-standalone .app-sidebar,
  .nx-pwa-standalone .settings-shell {
    padding-bottom: max(14px, env(safe-area-inset-bottom));
  }

  .nx-pwa-standalone .settings-overlay,
  .nx-pwa-standalone .modal-backdrop {
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

.nx-ios input,
.nx-ios select,
.nx-ios textarea {
  font-size: max(16px, 1rem);
}

@media (max-width: 960px) {
  .nx-pwa-standalone .app-header {
    padding-top: calc(env(safe-area-inset-top) + 10px) !important;
  }

  .nx-pwa-standalone .sidebar-overlay {
    min-height: calc(var(--nx-vh) * 100) !important;
    height: calc(var(--nx-vh) * 100) !important;
  }

  .nx-pwa-standalone .app-sidebar {
    height: calc(var(--nx-vh) * 100) !important;
    min-height: calc(var(--nx-vh) * 100) !important;
    max-height: calc(var(--nx-vh) * 100) !important;
    padding-top: calc(env(safe-area-inset-top) + 16px) !important;
    padding-bottom: calc(env(safe-area-inset-bottom) + 18px) !important;
    background-color: var(--sidebar-bg-b, #020617) !important;
  }

  .nx-pwa-standalone .settings-modal {
    height: calc(var(--nx-vh) * 100) !important;
    max-height: calc(var(--nx-vh) * 100) !important;
  }
}

@media (display-mode: standalone) {
  a,
  button {
    -webkit-touch-callout: none;
  }
}