:root {
  --bg: #060b16;
  --bg-soft: #0d1424;
  --panel: #111a2e;
  --panel-2: #16213b;
  --line: rgba(255, 255, 255, 0.08);
  --text: #e7eefc;
  --muted: #8fa1c2;
  --blue: #1ea7ff;
  --green: #20e38a;
  --lime: #9bea2d;
  --danger: #ff5a7a;
  --warn: #ffbf47;
  --radius: 24px;
  --radius-lg: 30px;
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  background: linear-gradient(180deg, #ffffff, #e6f0ff, #ffffff);
}

a {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  display: block;
}
button,
input,
select,
textarea {
  font: inherit;
}
body.nt-auth {
  background: linear-gradient(180deg, #07111f 0%, #08101d 45%, #060b16 100%);
}
.app-shell {
  max-width: 480px;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.02),
    rgba(255, 255, 255, 0)
  );
  padding-bottom: 110px;
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  backdrop-filter: blur(18px);
  background: rgba(4, 8, 16, 0.82);
  border-bottom: 1px solid var(--line);
}
.topbar-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
}
.icon-btn {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.04);
  display: grid;
  place-items: center;
  color: var(--text);
  cursor: pointer;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.brand img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 12px;
  background: #091120;
  padding: 4px;
}
.brand-title {
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  color: #000;
}

.nt-native-select {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}
.nt-tab-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.nt-tab-grid-stack {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.nt-tab-option {
  width: 100%;
  min-height: 48px;
  border-radius: 16px;
  border: 1px solid rgba(7, 15, 28, 0.12);
  background: #fff;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  padding: 12px 14px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(5, 10, 18, 0.08);
}
.nt-tab-option.is-active {
  background: #58a9ff;
  color: #fff;
  border-color: #58a9ff;
}
.nt-tab-option:focus-visible {
  outline: 2px solid rgba(88, 169, 255, 0.30);
  outline-offset: 2px;
}
@media (max-width: 560px) {
  .nt-tab-grid-stack {
    grid-template-columns: 1fr;
  }
}
.brand-sub {
  font-size: 11px;
  color: var(--muted);
  margin-top: 4px;
}
.spacer {
  flex: 1;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(30, 167, 255, 0.13);
  color: #bce6ff;
  font-size: 11px;
  font-weight: 700;
  border: 1px solid rgba(30, 167, 255, 0.18);
}
.content {
  padding: 18px;
}
.section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 14px;
}
.section-title h2 {
  margin: 0;
  font-size: 18px;
}
.section-title p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
}
.hero {
  background: linear-gradient(
    135deg,
    rgba(30, 167, 255, 0.24),
    rgba(32, 227, 138, 0.16)
  );
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 30px;
  padding: 18px;
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}
.hero:before,
.hero:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(10px);
}
.hero:before {
  width: 180px;
  height: 180px;
  background: rgba(30, 167, 255, 0.18);
  top: -90px;
  right: -80px;
}
.hero:after {
  width: 140px;
  height: 140px;
  background: rgba(155, 234, 45, 0.13);
  bottom: -80px;
  left: -50px;
}
.hero-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  z-index: 1;
}
.hero-title {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.15;
  margin: 0;
}
.hero-copy {
  margin: 8px 0 0;
  color: #d0dcf4;
  font-size: 13px;
  line-height: 1.6;
}
.hero-actions {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  position: relative;
  z-index: 1;
}
.btn {
  border: 0;
  border-radius: 18px;
  padding: 13px 16px;
  font-weight: 800;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.btn-primary {
  background: linear-gradient(135deg, var(--blue), #4e74ff);
  color: white;
  box-shadow: 0 10px 30px rgba(30, 167, 255, 0.25);
}
.btn-secondary {
  background: rgba(255, 255, 255, 0.06);
  color: var(--text);
  border: 1px solid var(--line);
}
.btn-success {
  background: linear-gradient(135deg, var(--green), #14b871);
  color: #03140d;
}
.btn-danger {
  background: linear-gradient(135deg, #ff6b8c, #ff4d61);
  color: white;
}
.btn-warning {
  background: linear-gradient(135deg, #ffd166, #ffb703);
  color: #241600;
}
.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.card { background: var(--nt-glass, linear-gradient(180deg, rgba(14,25,46,.86), rgba(7,13,25,.94))) !important; color:#f8fbff; }
.card-soft {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 14px;
}
.stat-label {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 8px;
}
.stat-value {
  font-size: 20px;
  font-weight: 800;
}
.stat-chip {
  margin-top: 12px;
  font-size: 11px;
  color: #c8d9f7;
}
.quick-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  min-height: 120px;
}
.quick-link .ic {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  display: grid;
  place-items: center;
  font-size: 22px;
}
.quick-link strong {
  font-size: 14px;
}
.quick-link span {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.5;
}
.list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.list-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--line);
  border-radius: 22px;
  padding: 14px;
}
.list-main {
  flex: 1;
  min-width: 0;
}
.list-title {
  font-weight: 800;
  font-size: 14px;
}
.list-sub {
  margin-top: 6px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.5;
}
.list-right {
  text-align: right;
}
.price {
  font-weight: 800;
  font-size: 15px;
}
.tiny {
  font-size: 11px;
  color: var(--muted);
}
.coin {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-weight: 900;
  color: white;
  background: linear-gradient(135deg, #263a73, #1ea7ff);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.coin.alt {
  background: linear-gradient(135deg, #183821, #20e38a);
}
.coin.warn {
  background: linear-gradient(135deg, #56420d, #ffbf47);
  color: #2c2000;
}
.coin-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.tabs {
  display: flex;
  gap: 10px;
  overflow: auto;
  padding-bottom: 2px;
}
.tab {
  white-space: nowrap;
  padding: 10px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--line);
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
}
.tab.active {
  background: rgba(30, 167, 255, 0.12);
  color: #d7efff;
  border-color: rgba(30, 167, 255, 0.18);
}
.form-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.field label {
  display: block;
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 8px;
  font-weight: 700;
}
.field input,
.field select,
.field textarea {
  width: 100%;
  background: #ffffff;
  border: 1px solid rgba(8, 17, 31, 0.16);
  border-radius: 18px;
  color: #111111;
  padding: 14px 15px;
  outline: none;
}
.field input::placeholder,
.field textarea::placeholder {
  color: #8d96a7;
  opacity: 1;
}
.field select {
  color: #111111;
  -webkit-appearance: none;
  appearance: none;
}
.field textarea {
  min-height: 110px;
  resize: vertical;
}
.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: rgba(30, 167, 255, 0.5);
  box-shadow: 0 0 0 4px rgba(30, 167, 255, 0.12);
}
.field-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: end;
}
.helper {
  font-size: 11px;
  color: var(--muted);
  margin-top: 8px;
}
.inline-note {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px dashed rgba(255, 255, 255, 0.08);
  color: #cad7ee;
  font-size: 12px;
  line-height: 1.6;
}
.bottom-nav {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 16px;
  z-index: 50;
  width: min(448px, calc(100vw - 20px));
  background: rgba(7, 12, 22, 0.92);
  border: 1px solid var(--line);
  backdrop-filter: blur(18px);
  border-radius: 28px;
  padding: 10px 12px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  box-shadow: var(--shadow);
}
.bottom-nav a {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 10px 8px;
  border-radius: 18px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}
.bottom-nav a.active {
  background: rgba(30, 167, 255, 0.11);
  color: white;
}
.bottom-nav .nav-ic {
  font-size: 18px;
}

.sidebar {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
  z-index: 60;
  overflow: hidden;
}

.sidebar.open {
  opacity: 1;
  pointer-events: auto;
}

.sidebar-panel {
  width: min(360px, 92vw);
  height: 100dvh;
  max-height: 100dvh;
  background: #000;
  border-right: 1px solid var(--line);
  padding: 18px 18px 40px;
  transform: translateX(-100%);
  transition: 0.25s;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.sidebar.open .sidebar-panel {
  transform: translateX(0);
}

.sidebar-inner {
  min-height: calc(100dvh - 36px);
  padding-bottom: 40px;
}


.side-user {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid var(--line);
}
.avatar {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: linear-gradient(135deg, #1ea7ff, #4e74ff);
  display: grid;
  place-items: center;
  font-weight: 900;
}
.side-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 18px;
}
.side-links a {
  padding: 13px 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid transparent;
  color: #dbe7ff;
  font-size: 14px;
}
.side-links a:hover,
.side-links a.active {
  border-color: var(--line);
}
.auth-wrap {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 4px 18px;
}

.auth-card {
  width: min(440px, calc(100vw - 8px));
  background: linear-gradient(
    180deg,
    rgba(17, 26, 46, 0.96),
    rgba(9, 14, 24, 0.96)
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 32px;
  padding: 22px;
  box-shadow: var(--shadow);
}
.auth-logo {
  width: 88px;
  height: 88px;
  border-radius: 28px;
  padding: 12px;
  background: #091120;
  margin: 0 auto 16px;
}
.auth-title {
  text-align: center;
  font-size: 26px;
  font-weight: 900;
  margin: 0;
}
.auth-sub {
  text-align: center;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
  margin: 10px 0 18px;
}
.auth-switch {
  text-align: center;
  color: var(--muted);
  font-size: 12px;
  margin-top: 18px;
}
.auth-switch a {
  color: #bfe4ff;
  font-weight: 800;
}
.toast-wrap {
  position: fixed;
  inset: auto 0 110px;
  display: flex;
  justify-content: center;
  pointer-events: none;
  z-index: 80;
}
.toast {
  min-width: 260px;
  max-width: 420px;
  background: rgba(8, 13, 24, 0.96);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 14px 16px;
  display: none;
  box-shadow: var(--shadow);
}
.toast.show {
  display: block;
}
.toast.success {
  border-color: rgba(32, 227, 138, 0.22);
}
.toast.error {
  border-color: rgba(255, 90, 122, 0.22);
}
.toast-title {
  font-weight: 800;
  margin-bottom: 6px;
}
.loading {
  position: fixed;
  inset: 0;
  background: rgba(3, 6, 12, 0.58);
  backdrop-filter: blur(4px);
  display: none;
  place-items: center;
  z-index: 90;
}
.loading.show {
  display: grid;
}
.spinner {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.08);
  border-top-color: var(--blue);
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.table {
  width: 100%;
  border-collapse: collapse;
}
.table th,
.table td {
  padding: 13px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 13px;
  vertical-align: top;
}
.table th {
  color: var(--muted);
  font-weight: 700;
  text-align: left;
}
.table td strong {
  display: block;
}
.empty {
  padding: 22px;
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  color: var(--muted);
  text-align: center;
  font-size: 13px;
}
.banner {
  padding: 14px 16px;
  border-radius: 20px;
  background: linear-gradient(
    135deg,
    rgba(32, 227, 138, 0.18),
    rgba(30, 167, 255, 0.12)
  );
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 13px;
  line-height: 1.6;
}
.split {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.split > * {
  flex: 1 1 150px;
}
.center {
  text-align: center;
}
.muted {
  color: var(--muted);
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 8px;
}
.mt-2 {
  margin-top: 12px;
}
.mt-3 {
  margin-top: 16px;
}
.mt-4 {
  margin-top: 20px;
}
.mt-5 {
  margin-top: 24px;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-2 {
  margin-bottom: 12px;
}
.mb-3 {
  margin-bottom: 16px;
}
.mb-4 {
  margin-bottom: 20px;
}

/* ===== FIX FINAL HALAMAN TRADE ===== */

/* kurangi padding halaman khusus trade */
.content {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* card trade dibuat lebih mepet kiri-kanan */
.list .card { background: var(--nt-glass, linear-gradient(180deg, rgba(14,25,46,.86), rgba(7,13,25,.94))) !important; color:#f8fbff; }

/* wrapper isi utama dalam card */
.list .card > div {
  display: flex;
  gap: 8px !important;
  align-items: flex-start;
  width: 100%;
}

/* coin kiri diperkecil */
.coin {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 14px;
  font-size: 14px;
}

/* area kanan ambil sisa lebar penuh */
.list .card > div > div:last-child {
  flex: 1;
  min-width: 0;
}

/* grid 3 kolom */
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  margin: 0;
}

/* box kecil */
.card-soft {
  padding: 10px 8px;
  text-align: center;
  border-radius: 16px;
}

/* rapikan teks */
.grid-3 .stat-label {
  font-size: 11px;
  margin-bottom: 4px;
}

.grid-3 .stat-value,
.grid-3 div[style*="font-weight:800"] {
  font-size: 13px !important;
  font-weight: 800;
  line-height: 1.2;
}

/* tombol full */
.btn.btn-primary {
  width: 100%;
}

/* ===== FIX JARAK ATAS GRID ===== */
.grid-3 {
  margin-top: 20px !important; /* tambah jarak atas */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  width: 100%;
}

/* ===== CENTER VISUAL 3 KOLOM ===== */
.grid-3 {
  justify-items: center; /* center isi tiap kolom */
}

/* ===== BOX BIAR BALANCE ===== */
.card-soft {
  padding: 12px 8px;
  text-align: center;
  border-radius: 16px;
  width: 100%;
  max-width: 100px; /* biar tidak terlalu lebar */
}

/* ===== RAPIIIN TENT ===== */
.stat-label {
  font-size: 11px;
  margin-bottom: 6px;
}

.grid-3 div[style*="font-weight:800"] {
  font-size: 12px !important;
  line-height: 1.2;
}

/* ===== TARIK KE KIRI ===== */
.list .card > div {
  display: flex;
  align-items: flex-start;
  gap: 8px !important; /* kecilkan jarak */
  padding-left: 0 !important; /* hilangkan dorongan kiri */
}

/* ===== KECILKAN ICON KIRI ===== */
.coin {
  width: 44px;
  height: 44px;
  min-width: 44px;
  margin-left: 0;
}

/* ===== HAPUS SPACE TAMBAHAN DARI CARD ===== */
.list .card { background: var(--nt-glass, linear-gradient(180deg, rgba(14,25,46,.86), rgba(7,13,25,.94))) !important; color:#f8fbff; }

/* ===== GRID IKUT NEMPEL KIRI ===== */
.grid-3 {
  margin-left: 0 !important;
}

/* ===== PASTIKAN KONTEN KIRI FULL ===== */
.list .card > div > div:last-child {
  margin-left: 0 !important;
}

/* ===== TRADE CARD FINAL ===== */
.trade-card {
  display: block;
  padding: 14px 12px !important;
}

.trade-head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.trade-head-main {
  flex: 1;
  min-width: 0;
}

.trade-title-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.trade-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
  width: 100%;
}

.trade-stats .card-soft {
  padding: 12px 8px;
  border-radius: 16px;
  text-align: center;
}

.trade-stat-value {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.trade-action {
  margin-top: 14px;
}

.trade-action .btn {
  width: 100%;
}

.coin {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 14px;
  font-size: 14px;
}

.stat-label {
  font-size: 11px;
  margin-bottom: 6px;
}

.trade-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}

.trade-stats .card-soft {
  width: 100% !important;
  max-width: none !important;
}

@media (min-width: 600px) {
  .content {
    padding: 22px;
  }
  .hero-title {
    font-size: 24px;
  }
}


/* ===== DUKUNGAN & BONUS TIM ===== */
.support-grid,
.reward-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.support-card,
.reward-card,
.boost-card {
  position: relative;
  overflow: hidden;
}
.support-card::before,
.reward-card::before,
.boost-card::before,
.claim-modal-box::before {
  content: "";
  position: absolute;
  inset: auto -50px -60px auto;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(30,167,255,.16), rgba(30,167,255,0));
  pointer-events: none;
}
.support-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
}
.support-icon,
.boost-icon {
  width: 54px;
  height: 54px;
  min-width: 54px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-size: 24px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.05);
}
.support-meta,
.reward-meta,
.boost-meta {
  flex: 1;
  min-width: 0;
}
.support-title,
.reward-title,
.boost-title {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}
.support-sub,
.reward-sub,
.boost-sub {
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.6;
  color: var(--muted);
}
.support-arrow {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  font-size: 18px;
}
.reward-head,
.boost-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.reward-badge,
.boost-badge,
.soft-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.05);
}
.soft-badge {
  background: rgba(30,167,255,.10);
  color: #d9f1ff;
}
.reward-badge.claimed,
.boost-badge.ok {
  background: rgba(32,227,138,.14);
  color: #aef0cf;
  border-color: rgba(32,227,138,.20);
}
.reward-badge.ready {
  background: rgba(255,191,71,.16);
  color: #ffe4a2;
  border-color: rgba(255,191,71,.22);
}
.reward-badge.locked,
.boost-badge.no {
  background: rgba(255,90,122,.12);
  color: #ffb4c4;
  border-color: rgba(255,90,122,.18);
}
.reward-stats,
.boost-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-top: 14px;
}
.metric-box {
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
}
.metric-label {
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 6px;
}
.metric-value {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
}
.progress-track {
  margin-top: 14px;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.05);
}
.progress-bar {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--blue), var(--green));
  box-shadow: 0 8px 24px rgba(30,167,255,.28);
}
.reward-action {
  margin-top: 14px;
}
.btn[disabled] {
  opacity: .6;
  cursor: not-allowed;
}
.hero-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 16px;
}
.hero-chip {
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.09);
}
.hero-chip-label {
  font-size: 11px;
  color: #d6e3fb;
}
.hero-chip-value {
  margin-top: 6px;
  font-size: 17px;
  font-weight: 800;
}
.claim-modal {
  position: fixed;
  inset: 0;
  z-index: 95;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(2, 7, 16, .72);
  backdrop-filter: blur(8px);
}
.claim-modal.show {
  display: flex;
}
.claim-modal-box {
  position: relative;
  width: min(420px, 100%);
  border-radius: 30px;
  padding: 24px;
  background: linear-gradient(180deg, rgba(17,26,46,.98), rgba(8,12,22,.98));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--shadow);
  text-align: center;
  overflow: hidden;
}
.claim-modal-icon {
  width: 78px;
  height: 78px;
  margin: 0 auto 14px;
  border-radius: 26px;
  display: grid;
  place-items: center;
  font-size: 34px;
  background: linear-gradient(135deg, rgba(255,191,71,.22), rgba(32,227,138,.18));
  border: 1px solid rgba(255,255,255,.09);
}
.claim-modal-title {
  margin: 0;
  font-size: 24px;
  font-weight: 900;
}
.claim-modal-copy {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}
.claim-amount {
  margin: 18px 0 0;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 900;
  color: #fff0bf;
  text-shadow: 0 0 30px rgba(255,191,71,.15);
}
.claim-modal-actions {
  margin-top: 18px;
}
@keyframes claimPop {
  0% { transform: scale(.88); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.claim-modal.show .claim-modal-box {
  animation: claimPop .28s ease-out;
}
@media (max-width: 420px) {
  .reward-stats,
  .boost-stats,
  .hero-stats {
    grid-template-columns: 1fr;
  }
}


/* ===== REVISI 2: GLOBAL CARD ENFORCE ===== */
html,
body,
body.nt-auth {
  background: linear-gradient(180deg, #ffffff 0%, #eaf4ff 50%, #ffffff 100%) !important;
}

/* pastikan semua card tidak terlewat */
.card,
.card-soft,
.auth-card,
.trade-card,
.support-card,
.reward-card,
.boost-card,
.claim-modal-box,
.metric-box,
.hero-chip,
.list-item,
[class*="card"],
[class*="Card"] {
  background: #000000 !important;
  color: #ffffff !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

/* jaga varian radius untuk card besar */
.auth-card,
.claim-modal-box,
.hero,
[class*="card"][class*="modal"] {
  border-radius: 30px !important;
}

/* turunan teks di card tetap terbaca */
.card *,
.card-soft *,
.auth-card *,
.trade-card *,
.support-card *,
.reward-card *,
.boost-card *,
.claim-modal-box *,
.metric-box *,
.hero-chip *,
.list-item *,
[class*="card"] *,
[class*="Card"] * {
  border-color: rgba(255,255,255,0.08);
}

/* Revisi 3: paksa header & footer global full width, fixed, hitam pekat */
.app-shell {
  padding-top: 74px;
  padding-bottom: 96px;
}
.topbar {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 999 !important;
  width: min(480px, 100vw) !important;
  margin: 0 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  background: #000000 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.topbar-inner {
  padding: 12px 12px !important;
}
.bottom-nav {
  position: fixed !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;
  z-index: 999 !important;
  width: min(480px, 100vw) !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  backdrop-filter: none !important;
  background: #000000 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}
.bottom-nav a {
  border-radius: 12px !important;
}

/* ===== REVISI 5: PROFILE + GLOBAL CARD SHADOW + HERO HITAM ===== */
.hero,
[class*="hero-card"],
[class*="Hero-card"],
.card.hero,
.hero.card {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
}

.hero:before,
.hero:after,
[class*="hero-card"]:before,
[class*="hero-card"]:after,
[class*="Hero-card"]:before,
[class*="Hero-card"]:after {
  display: none !important;
}

/* paksa shadow di semua card agar tidak ada yang terlewat */
.card,
.card-soft,
.auth-card,
.trade-card,
.support-card,
.reward-card,
.boost-card,
.claim-modal-box,
.metric-box,
.hero-chip,
.list-item,
.quick-link,
[class*="card"],
[class*="Card"] {
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
}

/* rapikan semua isi card di halaman profile */
.profile-head {
  align-items: flex-start !important;
  gap: 14px !important;
}

.profile-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.profile-meta {
  line-height: 1.55 !important;
  word-break: break-word !important;
}

.profile-main .badge,
.hero .badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 8px 14px !important;
  margin: 0 8px 8px 0 !important;
  line-height: 1.2 !important;
  vertical-align: top !important;
  border-radius: 999px !important;
}

.profile-stats {
  gap: 14px !important;
}

.profile-stats .card-soft {
  padding: 20px 18px !important;
}

.profile-quick .quick-link {
  min-height: 116px !important;
  padding: 18px 18px 20px !important;
  gap: 14px !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

.profile-quick .quick-link > div:last-child {
  width: 100% !important;
}

.profile-quick .quick-link strong {
  display: block !important;
  margin: 0 0 8px !important;
  line-height: 1.35 !important;
}

.profile-quick .quick-link span {
  display: block !important;
  line-height: 1.55 !important;
  word-break: break-word !important;
}

@media (max-width: 420px) {
  .profile-main .badge,
  .hero .badge {
    min-height: 32px !important;
    padding: 7px 12px !important;
    margin: 0 6px 6px 0 !important;
    font-size: 11px !important;
  }

  .profile-quick .quick-link {
    min-height: 112px !important;
    padding: 16px !important;
  }

  .profile-quick .quick-link strong {
    font-size: 13px !important;
  }

  .profile-quick .quick-link span {
    font-size: 12px !important;
  }
}

/* ===== REVISI 1: HEADER PUTIH + SPASI CARD RAPI ===== */
.topbar,
.topbar * {
  color: #ffffff !important;
}

.topbar .brand-title,
.topbar .badge,
.topbar .icon-btn,
.topbar a {
  color: #ffffff !important;
}

.topbar .brand-sub {
  color: rgba(255, 255, 255, 0.86) !important;
}

.topbar .badge {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}

/* rapikan isi card supaya teks tidak terlalu mepet di semua halaman */
.card:not(.hero):not(.claim-modal-box),
.trade-card,
.support-card,
.reward-card,
.boost-card,
.quick-link,
.claim-modal-box {
  padding: 18px 16px !important;
  overflow: hidden !important;
}

.card-soft,
.metric-box,
.hero-chip,
.list-item,
.toast {
  padding: 14px !important;
}

.card .section-title,
.trade-card .trade-title-wrap,
.support-card,
.reward-head,
.boost-head,
.quick-link,
.list-item,
.claim-modal-box {
  gap: 12px !important;
}

.card p,
.card .tiny,
.card .helper,
.card .inline-note,
.card .list-sub,
.card .support-sub,
.card .reward-sub,
.card .boost-sub,
.card .claim-modal-copy,
.card .metric-label,
.card .stat-label,
.card .hero-chip-label,
.card label,
.card td,
.card th,
.card strong,
.card span,
.card div {
  line-height: 1.5;
  word-break: break-word;
}

.card .price,
.card .stat-value,
.card .metric-value,
.card .hero-chip-value,
.card .reward-title,
.card .boost-title,
.card .support-title,
.card .list-title,
.card .claim-modal-title,
.card .brand-title {
  line-height: 1.3 !important;
}

.support-meta,
.reward-meta,
.boost-meta,
.trade-head-main,
.trade-detail-main,
.list-main {
  min-width: 0 !important;
}

.table th,
.table td {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.inline-note,
.support-sub,
.reward-sub,
.boost-sub,
.claim-modal-copy,
.list-sub,
.helper,
.tiny {
  line-height: 1.6 !important;
}

@media (max-width: 420px) {
  .card:not(.hero):not(.claim-modal-box),
  .trade-card,
  .support-card,
  .reward-card,
  .boost-card,
  .quick-link,
  .claim-modal-box {
    padding: 16px 14px !important;
  }

  .card-soft,
  .metric-box,
  .hero-chip,
  .list-item,
  .toast {
    padding: 13px !important;
  }
}


/* ===== REVISI 6: TOAST LEBIH PRO + CARD LEBIH MENGAMBANG ===== */
.toast {
  background: rgba(0, 0, 0, 0.98) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  padding: 14px 16px !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.46), 0 0 0 1px rgba(255,255,255,0.03) inset !important;
}
.toast-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.toast-icon {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 900;
  flex: 0 0 34px;
  background: rgba(30,167,255,.14);
  color: #1ea7ff;
  border: 1px solid rgba(30,167,255,.22);
  box-shadow: 0 10px 22px rgba(30,167,255,.16);
}
.toast.success .toast-icon {
  background: rgba(32,227,138,.14);
  color: #20e38a;
  border-color: rgba(32,227,138,.24);
  box-shadow: 0 10px 22px rgba(32,227,138,.16);
}
.toast.error .toast-icon {
  background: rgba(255,90,122,.14);
  color: #ff5a7a;
  border-color: rgba(255,90,122,.24);
  box-shadow: 0 10px 22px rgba(255,90,122,.16);
}
.toast-title {
  color: #1ea7ff !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  margin: 0 !important;
}
.toast.success .toast-title {
  color: #20e38a !important;
}
.toast.error .toast-title {
  color: #1ea7ff !important;
}
.toast-message {
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
.card,
.card-soft,
.auth-card,
.trade-card,
.support-card,
.reward-card,
.boost-card,
.claim-modal-box,
.metric-box,
.hero-chip,
.list-item,
.quick-link,
[class*="card"],
[class*="Card"] {
  box-shadow: 0 26px 66px rgba(0, 0, 0, 0.44), 0 0 0 1px rgba(255,255,255,0.03) inset !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}
.hero,
[class*="hero-card"],
[class*="Hero-card"],
.card.hero,
.hero.card {
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(255,255,255,0.03) inset !important;
}
.list .card,
.trade-card,
.quick-link,
.support-card,
.reward-card,
.boost-card,
.referral-member-card,
.referral-card,
.referral-hero,
.referral-bonus-item,
.referral-stat-card {
  transform: translateY(-1px);
}


/* Revisi 1: auth input putih, teks hitam, area toggle tetap hitam */
.input-phone,
.input-password {
  background: #08111f !important;
}

.input-phone input,
.input-password input {
  background: #ffffff !important;
  color: #111111 !important;
}

.input-phone input::placeholder,
.input-password input::placeholder {
  color: #8d96a7 !important;
  opacity: 1;
}

.toggle-password {
  background: #08111f !important;
  color: #dce8ff !important;
}

.phone-prefix {
  background: #08111f !important;
  color: #ffffff !important;
}

.phone-prefix .code {
  color: #ffffff !important;
}

.withdraw-destination-card {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  padding: 14px;
  background: rgba(255,255,255,0.03);
}

.withdraw-destination-card.is-empty {
  border-style: dashed;
}

.withdraw-destination-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.withdraw-destination-title {
  font-size: 14px;
  font-weight: 800;
  color: #ffffff;
}

.withdraw-destination-sub {
  margin-top: 4px;
  font-size: 12px;
  color: var(--muted);
  line-height: 1.5;
}

.withdraw-destination-grid {
  display: grid;
  gap: 10px;
}

.withdraw-destination-item {
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
}

.withdraw-destination-label {
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 6px;
}

.withdraw-destination-value {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  word-break: break-word;
}

@media (max-width: 420px) {
  .auth-wrap {
    padding-left: 2px;
    padding-right: 2px;
  }

  .auth-card {
    width: calc(100vw - 4px);
  }
}


.topbar .brand-title {
  color: #ffffff !important;
}

.sidebar .brand-title {
  color: #ffffff !important;
}


/* Revisi 2: perbaikan top-upZ dan withdrawZ */
.sidebar {
  overflow: hidden;
}

.sidebar-panel .icon-btn,
.sidebar-panel .brand-sub,
.sidebar-panel .tiny,
.sidebar-panel .side-links a,
.sidebar-panel .side-user,
.sidebar-panel .side-user * {
  color: #ffffff;
}

.sidebar-panel .side-links a.active {
  color: #ffffff;
}

.topbar,
.bottom-nav {
  isolation: isolate;
}


/* ===== NEURAL TRADE FINAL PREMIUM OVERRIDES ===== */
body {
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 16% 0%, rgba(30,167,255,.20), transparent 34%),
    radial-gradient(circle at 84% 10%, rgba(32,227,138,.18), transparent 32%),
    linear-gradient(180deg, #020711 0%, #06101f 45%, #03070f 100%) !important;
  overflow-x: hidden;
}
.app-shell {
  background:
    linear-gradient(180deg, rgba(11,20,38,.96), rgba(4,9,18,.98)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 30px 90px rgba(0,0,0,.42);
}
.topbar {
  background: rgba(3, 10, 20, .82) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,.24);
}
.brand-title { color: #f8fbff !important; letter-spacing: -.02em; }
.brand-sub { color: rgba(214,232,255,.70) !important; }
.brand img, .auth-logo {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(45,226,185,.14);
  box-shadow: 0 12px 30px rgba(0,0,0,.30);
}
.content { padding: 18px 14px 118px !important; }
.hero,
.card,
.list-item,
.card-soft,
.auth-card,
.invoice-card,
.support-card,
.reward-card,
.boost-card {
  background: linear-gradient(180deg, rgba(14,25,46,.82), rgba(7,13,25,.90)) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  color: #f8fbff !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.hero {
  background:
    radial-gradient(circle at 85% 0%, rgba(32,227,138,.22), transparent 34%),
    linear-gradient(135deg, rgba(22,174,255,.22), rgba(23,225,186,.13)) !important;
}
.hero-title, .section-title h2, .list-title, .stat-value, .price { color:#f8fbff !important; }
.section-title p, .list-sub, .muted, .tiny, .stat-label, .stat-chip { color: rgba(214,232,255,.70) !important; }
.dashboard-stats { grid-template-columns: 1.25fr .75fr; }
.dashboard-stats .nt-balance-card-main { grid-row: span 2; }
.nt-balance-card-main .stat-value { font-size: 26px; letter-spacing: -.03em; }
.btn,
button,
.nt-tab-option,
.bottom-nav a,
.side-links a { -webkit-tap-highlight-color: transparent; }
.btn-primary,
.btn.btn-primary {
  background: linear-gradient(135deg, #1ea7ff 0%, #2de2b9 100%) !important;
  color: #02111a !important;
  box-shadow: 0 14px 34px rgba(32,227,138,.22) !important;
}
.btn-secondary {
  background: rgba(255,255,255,.06) !important;
  color:#e7eefc !important;
}
.icon-btn {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.10) !important;
  color:#f8fbff !important;
}
.field input, .field select, .field textarea {
  background: rgba(255,255,255,.96) !important;
  border-color: rgba(30,167,255,.18) !important;
}
.field input:focus, .field select:focus, .field textarea:focus {
  border-color: rgba(32,227,138,.72) !important;
  box-shadow: 0 0 0 4px rgba(32,227,138,.12) !important;
}
.bottom-nav {
  width: min(452px, calc(100vw - 18px));
  padding: 9px;
  background: rgba(4, 11, 22, .92) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.bottom-nav a { gap: 5px; padding: 9px 4px; }
.bottom-nav a.active {
  background: linear-gradient(135deg, rgba(30,167,255,.24), rgba(32,227,138,.18)) !important;
  color:#ffffff !important;
}
.sidebar-panel {
  background:
    radial-gradient(circle at 15% 0%, rgba(30,167,255,.20), transparent 30%),
    linear-gradient(180deg, #071223 0%, #020711 100%) !important;
}
.side-links a.active,
.side-links a:hover {
  background: linear-gradient(135deg, rgba(30,167,255,.18), rgba(32,227,138,.12)) !important;
  border-color: rgba(45,226,185,.18) !important;
}
.toast {
  background: rgba(5, 12, 24, .96) !important;
  backdrop-filter: blur(18px);
}
.toast-head { display:flex; align-items:center; gap:10px; }
.toast-icon {
  width:26px; height:26px; border-radius:9px; display:grid; place-items:center;
  background:rgba(255,255,255,.08); font-weight:900;
}
.toast.success .toast-icon { background:rgba(32,227,138,.16); color:#71ffc2; }
.toast.error .toast-icon { background:rgba(255,90,122,.16); color:#ff91a7; }
.badge, .section-badge {
  background: linear-gradient(135deg, rgba(30,167,255,.18), rgba(32,227,138,.12)) !important;
  border: 1px solid rgba(32,227,138,.18) !important;
  color: #dbfff4 !important;
}
.nt-tab-option {
  background: rgba(255,255,255,.06) !important;
  color: #dceaff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}
.nt-tab-option.is-active {
  background: linear-gradient(135deg, #1ea7ff, #2de2b9) !important;
  color: #02111a !important;
}
.inline-note {
  background: rgba(30,167,255,.06) !important;
  border-color: rgba(32,227,138,.18) !important;
}
.empty {
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.10) !important;
}
.coin-img { width: 40px; height: 40px; object-fit: contain; border-radius: 50%; }
@media (max-width: 390px) {
  .content { padding-left: 10px !important; padding-right: 10px !important; }
  .dashboard-stats { grid-template-columns: 1fr; }
  .dashboard-stats .nt-balance-card-main { grid-row: auto; }
  .hero-title { font-size: 21px; }
}

/* ===== INVOICE USDT MULTI NETWORK ===== */
.nt-invoice-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.invoice-status {
  align-self: center;
  display: inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  border: 1px solid rgba(255,255,255,.10);
}
.invoice-status.success { color: #8dffd0; background: rgba(32,227,138,.12); }
.invoice-status.pending { color: #bfe8ff; background: rgba(30,167,255,.12); }
.invoice-status.expired { color: #ffb1c0; background: rgba(255,90,122,.12); }
.invoice-badge { align-self: center; }
.invoice-amount {
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -.04em;
  color: #f8fbff;
}
.invoice-desc {
  color: rgba(214,232,255,.70);
  font-size: 12px;
  line-height: 1.6;
}
.invoice-qr-wrap {
  width: min(240px, 82vw);
  margin: 0 auto;
  border-radius: 24px;
  padding: 12px;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(0,0,0,.26);
}
.invoice-qr { width: 100%; border-radius: 16px; }
.invoice-address {
  margin-top: 12px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  color: #eaf4ff;
  font-size: 12px;
  line-height: 1.5;
  word-break: break-all;
}
.invoice-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  text-align: left;
}
.invoice-meta-grid > div {
  padding: 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.07);
}
.invoice-meta-grid span {
  display: block;
  font-size: 11px;
  color: rgba(214,232,255,.64);
  margin-bottom: 6px;
}
.invoice-meta-grid strong {
  display: block;
  color: #f8fbff;
  font-size: 12px;
  word-break: break-word;
}
.countdown,
.invoice-expired-note {
  color: rgba(214,232,255,.70);
  font-size: 12px;
}
.is-hidden { display: none !important; }
.nt-payment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.nt-payment-grid .nt-tab-option { min-height: 62px; flex-direction: column; gap: 3px; }
.nt-payment-grid small { opacity: .78; font-size: 11px; }


/* ===== NEURAL TRADE DEEP MOBILE UI/UX POLISH 2026-06-29 ===== */
:root{
  --nt-safe-bottom: env(safe-area-inset-bottom, 0px);
  --nt-safe-top: env(safe-area-inset-top, 0px);
  --nt-glass: linear-gradient(180deg, rgba(14,25,46,.86), rgba(7,13,25,.94));
  --nt-glass-soft: linear-gradient(180deg, rgba(16,29,53,.72), rgba(7,13,25,.80));
  --nt-accent: linear-gradient(135deg, #1ea7ff 0%, #2de2b9 100%);
}
html{width:100%;min-height:100%;background:#020711;overflow-x:hidden;}
body{min-width:0;width:100%;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;}
body.nt-sidebar-open{overflow:hidden;touch-action:none;}
.app-shell{width:min(100%,480px);max-width:480px;overflow-x:hidden;isolation:isolate;}
.content{padding:18px 14px calc(132px + var(--nt-safe-bottom)) !important;}
.topbar{top:0;padding-top:var(--nt-safe-top);border-bottom-color:rgba(255,255,255,.075)!important;}
.topbar-inner{min-height:64px;padding:10px 14px!important;gap:10px;}
.icon-btn{width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px;border-radius:14px!important;font-size:18px;line-height:1;}
.brand{min-width:0;overflow:hidden;}
.brand img{width:38px!important;height:38px!important;min-width:38px;padding:3px!important;border-radius:13px!important;}
.brand-title{font-size:14px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;}
.brand-sub{font-size:10.5px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px;}
.topbar .section-badge{font-size:10px!important;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 9px!important;}
.hero,.card,.card-soft,.list-item,.auth-card,.invoice-card,.bank-card,.wallet-card,.referral-card,.referral-hero,.referral-member-card,.referral-bonus-item,.referral-tab-summary,.tx-card{background:var(--nt-glass)!important;border-color:rgba(255,255,255,.09)!important;color:#f8fbff!important;min-width:0;}
.hero,.card,.auth-card,.invoice-card,.bank-card,.wallet-card{border-radius:26px!important;}
.card,.card-soft,.list-item,.quick-link,.trade-card{overflow:hidden;}
.hero-title{font-size:clamp(21px,6vw,26px)!important;letter-spacing:-.035em;line-height:1.12!important;}
.hero-copy{font-size:13px!important;line-height:1.62!important;color:rgba(224,238,255,.76)!important;}
.hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;}
.hero-actions .btn{width:100%;min-width:0;padding-left:10px!important;padding-right:10px!important;}
.section-title{gap:12px;margin-bottom:12px!important;}
.section-title h2{font-size:18px!important;line-height:1.25!important;color:#f8fbff!important;letter-spacing:-.02em;}
.section-title p{font-size:12px!important;line-height:1.55!important;color:rgba(214,232,255,.70)!important;}
.grid-2,.grid-3,.trade-stats,.invoice-meta-grid{min-width:0;}
.grid-2{gap:12px!important;}
.card{padding:16px!important;}
.quick-link{min-height:112px!important;padding:15px!important;gap:12px!important;}
.quick-link .ic{width:44px!important;height:44px!important;min-width:44px;border-radius:15px!important;background:linear-gradient(135deg,rgba(30,167,255,.16),rgba(45,226,185,.10))!important;color:#eaf7ff;}
.quick-link strong,.list-title{font-size:14px!important;line-height:1.28!important;color:#f8fbff!important;}
.quick-link span,.list-sub{font-size:11.5px!important;line-height:1.5!important;color:rgba(214,232,255,.68)!important;}
.list-item{padding:13px!important;gap:10px!important;border-radius:20px!important;}
.list-main{min-width:0;}
.list-right{min-width:76px;max-width:38%;overflow:hidden;}
.price{font-size:14px!important;line-height:1.25!important;word-break:break-word;}
.coin{width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important;}
.coin-img{width:38px!important;height:38px!important;}
.badge,.section-badge{font-size:10.5px!important;line-height:1.25!important;min-width:0;}
.btn{min-height:48px;border-radius:16px!important;padding:12px 14px!important;font-size:13px!important;line-height:1.2!important;text-align:center;white-space:normal;}
button:disabled,.btn:disabled{opacity:.62;cursor:not-allowed;}
.field{min-width:0;}
.field label{font-size:12px!important;margin-bottom:7px!important;color:rgba(224,238,255,.76)!important;}
.field input,.field select,.field textarea,.bank-input,.bank-select,.wallet-input{min-height:52px!important;border-radius:16px!important;font-size:14px!important;line-height:1.25!important;}
.input-phone,.input-password{min-height:52px!important;border-radius:16px!important;}
.input-phone input,.input-password input{min-width:0;height:52px!important;}
.phone-prefix{min-height:52px!important;flex:0 0 auto;}
.toggle-password{height:52px!important;min-width:48px!important;width:48px!important;}
.inline-note,.banner,.empty{font-size:12.5px!important;line-height:1.62!important;border-radius:17px!important;}
.nt-tab-grid{gap:9px!important;}
.nt-tab-option{min-height:50px!important;border-radius:16px!important;padding:10px 9px!important;font-size:12px!important;line-height:1.25!important;}
.nt-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.nt-payment-grid .nt-tab-option{min-height:58px!important;}
.trade-card{padding:15px!important;border-radius:22px!important;}
.trade-head{align-items:center!important;}
.trade-title-wrap{align-items:flex-start!important;gap:8px!important;}
.trade-title-wrap .badge{flex:0 0 auto;max-width:118px;text-align:center;white-space:normal;}
.trade-stats{gap:8px!important;margin-top:13px!important;}
.trade-stats .card-soft{padding:10px 6px!important;border-radius:15px!important;min-width:0!important;}
.trade-stat-value,.trade-detail-stats .stat-value{font-size:11.5px!important;line-height:1.3!important;word-break:break-word;color:#f8fbff!important;}
.stat-label{font-size:10.5px!important;line-height:1.3!important;}
.trade-action{margin-top:13px!important;}
.trade-detail-head{align-items:center!important;}
.trade-detail-title{font-size:20px!important;color:#f8fbff!important;}
.trade-detail-stats{gap:10px!important;}
.trade-detail-stats .card-soft{min-height:82px!important;padding:13px 8px!important;}
.trade-mini-metrics{gap:8px!important;}
.trade-mini-metric{padding:10px 8px!important;}
.tradebuy-actions{gap:10px!important;}
.trade-flow-modal{padding:14px!important;}
.trade-flow-box{max-height:calc(100dvh - 28px);overflow-y:auto;border-radius:26px!important;}
.auth-wrap{min-height:100dvh;padding:calc(14px + var(--nt-safe-top)) 12px calc(18px + var(--nt-safe-bottom))!important;align-items:flex-start!important;}
.auth-card{width:100%!important;max-width:430px!important;margin:0 auto!important;box-shadow:0 24px 70px rgba(0,0,0,.36)!important;}
.login-banner-wrap{height:154px!important;background:radial-gradient(circle at 50% 0%,rgba(30,167,255,.18),transparent 55%),#050b16;}
.login-content,.register-content{padding:16px 16px 0!important;}
.auth-sub{font-size:12.5px!important;margin:8px 0 16px!important;}
.captcha-row{grid-template-columns:minmax(0,1fr) 102px!important;gap:9px!important;}
.captcha-box{width:102px!important;height:52px!important;}
.bottom-nav{bottom:max(10px,var(--nt-safe-bottom))!important;width:min(452px,calc(100vw - 20px))!important;min-height:70px;padding:8px 8px!important;border-radius:24px!important;}
.bottom-nav a{min-width:0;gap:4px!important;padding:8px 2px!important;border-radius:16px!important;font-size:10px!important;line-height:1.1!important;}
.bottom-nav .nav-ic{font-size:17px!important;line-height:1!important;}
.sidebar{z-index:70!important;}
.sidebar-panel{width:min(348px,calc(100vw - 26px))!important;padding:16px 14px calc(34px + var(--nt-safe-bottom))!important;}
.sidebar-inner{min-height:calc(100dvh - 32px)!important;padding-bottom:20px!important;}
.side-user{padding:13px!important;border-radius:20px!important;}
.avatar{width:50px!important;height:50px!important;min-width:50px;border-radius:16px!important;}
.side-links{gap:7px!important;}
.side-links a{padding:12px 13px!important;border-radius:16px!important;font-size:13px!important;line-height:1.25!important;}
.toast-wrap{inset:auto 12px calc(96px + var(--nt-safe-bottom))!important;}
.toast{width:min(420px,100%)!important;min-width:0!important;border-radius:18px!important;padding:13px 14px!important;}
.toast-message{font-size:12.5px;line-height:1.45;color:rgba(231,238,252,.78);}
.toast.warning{border-color:rgba(255,191,71,.26)!important;}
.toast.info{border-color:rgba(30,167,255,.24)!important;}
.toast.loading{border-color:rgba(45,226,185,.22)!important;}
.loading{z-index:100!important;}
.table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px;}
.invoice-wrap,.bank-wrap,.wallet-wrap{max-width:100%!important;}
.invoice-card{padding:18px!important;}
.invoice-head{gap:12px!important;}
.invoice-title{font-size:20px!important;}
.invoice-grid,.invoice-meta-grid{gap:10px!important;}
.invoice-info,.invoice-timer-box,.invoice-meta-grid>div{padding:13px!important;border-radius:16px!important;}
.invoice-info-value,.invoice-timer-value,.invoice-amount{font-size:clamp(22px,7vw,30px)!important;word-break:break-word;}
.invoice-frame{height:min(560px,70dvh)!important;}
.invoice-qr-wrap{width:min(216px,74vw)!important;border-radius:22px!important;}
.invoice-address{font-size:11.5px!important;line-height:1.55!important;max-width:100%;overflow-wrap:anywhere;}
.invoice-payment-area .btn,.nt-invoice-card .btn{width:100%;}
.bank-body,.wallet-body{padding:18px!important;}
.bank-title,.wallet-title{font-size:21px!important;}
.bank-grid,.wallet-checks{gap:12px!important;}
.bank-actions,.wallet-actions{gap:10px!important;}
.referral-shell{gap:14px!important;}
.referral-card,.referral-hero,.referral-member-card,.referral-tab-summary{border-radius:22px!important;}
.referral-grid,.referral-bonus-grid,.referral-actions{gap:10px!important;}
.referral-actions{grid-template-columns:1fr!important;}
.referral-tabs{gap:8px!important;}
.referral-tab-btn{font-size:12px!important;padding:11px 8px!important;}
.referral-member-top{gap:10px!important;}
.referral-link-box{font-size:12px!important;overflow-wrap:anywhere;}
.tx-card__top{gap:8px!important;}
.tx-card__amount{white-space:normal!important;min-width:84px;}
.profile-head{align-items:flex-start!important;}
.profile-stats{gap:10px!important;}
.profile-stats .card-soft{min-height:82px!important;padding:13px 8px!important;}
.profile-quick{gap:10px!important;}
@media (max-width:430px){
  .content{padding-left:12px!important;padding-right:12px!important;}
  .topbar-inner{padding-left:12px!important;padding-right:12px!important;}
  .brand-title{max-width:150px;}
  .brand-sub{max-width:158px;}
  .topbar .section-badge{display:none!important;}
  .list-right{min-width:68px;}
  .profile-stats,.trade-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:390px){
  .content{padding-left:10px!important;padding-right:10px!important;}
  .grid-2{gap:10px!important;}
  .quick-link{min-height:104px!important;padding:13px!important;}
  .quick-link .ic{width:40px!important;height:40px!important;min-width:40px!important;}
  .trade-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
  .trade-stats .card-soft{padding:9px 4px!important;}
  .trade-stat-value,.trade-detail-stats .stat-value{font-size:10.8px!important;}
  .stat-label{font-size:10px!important;}
  .invoice-meta-grid{grid-template-columns:1fr!important;}
  .login-banner-wrap{height:138px!important;}
  .auth-wrap{padding-left:10px!important;padding-right:10px!important;}
  .captcha-row{grid-template-columns:1fr!important;}
  .captcha-box{width:100%!important;}
}
@media (max-width:360px){
  .brand-title{max-width:132px;}
  .brand-sub{display:none;}
  .hero-actions,.grid-2.profile-quick{grid-template-columns:1fr!important;}
  .bottom-nav a{font-size:9.5px!important;}
  .bottom-nav .nav-ic{font-size:16px!important;}
  .trade-title-wrap{flex-direction:column!important;align-items:flex-start!important;}
  .trade-title-wrap .badge{max-width:100%;}
}

/* ===== NEURAL TRADE AUTH HARDENING PATCH ===== */
.login-banner-wrap img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
.input-phone,
.input-password{
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  width:100%!important;
}
.input-phone input,
.input-password input{
  flex:1 1 auto!important;
  min-width:0!important;
}
.phone-prefix{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.toggle-password{
  display:grid!important;
  place-items:center!important;
  flex:0 0 48px!important;
}

/* ===== NEURAL TRADE DEEP UI/UX AUDIT TAHAP 2 - FINAL MOBILE PATCH ===== */
:root{
  --nt-stage2-bg:#020711;
  --nt-stage2-panel:linear-gradient(180deg,rgba(13,25,48,.92),rgba(5,11,22,.96));
  --nt-stage2-panel-soft:linear-gradient(180deg,rgba(16,31,58,.76),rgba(7,14,28,.86));
  --nt-stage2-line:rgba(151,202,255,.105);
  --nt-stage2-text:#f7fbff;
  --nt-stage2-muted:rgba(218,233,255,.72);
}
html,
body{
  width:100%!important;
  max-width:100%!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  background:
    radial-gradient(circle at 14% -8%,rgba(30,167,255,.28) 0,transparent 34%),
    radial-gradient(circle at 92% 4%,rgba(45,226,185,.20) 0,transparent 32%),
    linear-gradient(180deg,#020711 0%,#071321 46%,#020711 100%)!important;
  color:var(--nt-stage2-text)!important;
  touch-action:pan-y;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.54),transparent 72%);
  opacity:.45;
  z-index:0;
}
.app-shell{
  min-height:100dvh!important;
  width:min(100vw,480px)!important;
  max-width:480px!important;
  margin-inline:auto!important;
  padding-top:calc(78px + var(--nt-safe-top))!important;
  padding-bottom:calc(116px + var(--nt-safe-bottom))!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(30,167,255,.14),transparent 34%),
    linear-gradient(180deg,rgba(7,14,28,.96),rgba(3,8,17,.985))!important;
  position:relative!important;
  overflow-x:hidden!important;
}
.app-shell > .content{
  position:relative;
  z-index:1;
  padding:16px 14px calc(126px + var(--nt-safe-bottom))!important;
}
.topbar{
  min-height:calc(70px + var(--nt-safe-top))!important;
  padding-top:var(--nt-safe-top)!important;
  background:linear-gradient(180deg,rgba(3,10,20,.94),rgba(4,11,23,.86))!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  border-bottom:1px solid rgba(151,202,255,.10)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.30)!important;
}
.topbar-inner{
  min-height:70px!important;
  padding:10px 14px!important;
  gap:10px!important;
}
.topbar .brand{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 100px)!important;}
.topbar .brand img{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  object-fit:contain!important;
}
.brand-title{
  max-width:100%!important;
  font-size:14px!important;
  line-height:1.16!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.brand-sub{
  max-width:100%!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.icon-btn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
}
.spacer{min-width:0!important;}
.hero,
.card,
.card-soft,
.quick-link,
.list-item,
.trade-card,
.auth-card,
.invoice-card,
.bank-card,
.wallet-card,
.referral-card,
.referral-hero,
.referral-member-card,
.referral-bonus-item,
.referral-tab-summary,
.support-card,
.reward-card,
.boost-card,
.metric-box,
.hero-chip,
.tx-card,
[class*="Card"]{
  background:var(--nt-stage2-panel)!important;
  border:1px solid var(--nt-stage2-line)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.035)!important;
  color:var(--nt-stage2-text)!important;
  min-width:0!important;
  max-width:100%!important;
}
.card-soft,
.metric-box,
.hero-chip,
.inline-note,
.invoice-meta-grid>div{
  background:var(--nt-stage2-panel-soft)!important;
}
.hero{
  background:
    radial-gradient(circle at 92% 0%,rgba(45,226,185,.24),transparent 34%),
    radial-gradient(circle at 8% 100%,rgba(30,167,255,.18),transparent 42%),
    linear-gradient(135deg,rgba(15,33,63,.94),rgba(6,14,28,.96))!important;
}
.hero::before,
.hero::after{display:block!important;opacity:.58!important;filter:blur(16px)!important;}
.hero-head,
.hero-head>div{min-width:0!important;width:100%;}
.hero-title,
.section-title h2,
.list-title,
.stat-value,
.price,
.trade-detail-title,
.invoice-title,
.bank-title,
.wallet-title{
  color:var(--nt-stage2-text)!important;
  overflow-wrap:anywhere;
}
.hero-copy,
.section-title p,
.stat-label,
.stat-chip,
.list-sub,
.tiny,
.muted,
.helper,
.invoice-desc,
.countdown,
.invoice-expired-note{
  color:var(--nt-stage2-muted)!important;
}
.hero-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.hero-actions .btn{width:100%!important;min-width:0!important;}
.dashboard-stats{
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.dashboard-stats .nt-balance-card-main{grid-row:auto!important;}
.grid-2,
.grid-3,
.trade-stats,
.profile-stats,
.referral-grid,
.referral-bonus-grid,
.invoice-meta-grid,
.nt-tab-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.quick-link{
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.quick-link strong,
.quick-link span{overflow-wrap:anywhere!important;}
.list-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.list-main{flex:1 1 auto!important;min-width:0!important;}
.list-right{
  flex:0 0 auto!important;
  max-width:38%!important;
  min-width:66px!important;
  overflow:hidden!important;
  text-align:right!important;
}
.list-title,
.list-sub,
.price,
.tiny{overflow-wrap:anywhere!important;}
.coin,
.coin-img{flex:0 0 auto!important;}
.nt-tab-grid-stack,
.nt-payment-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.nt-tab-option{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
}
.field input,
.field select,
.field textarea,
.input-phone,
.input-password,
.bank-input,
.bank-select,
.wallet-input{
  width:100%!important;
  max-width:100%!important;
}
.input-phone input,
.input-password input{
  min-width:0!important;
}
.table{
  max-width:100%!important;
  overflow-x:auto!important;
}
.tx-card__amount,
.invoice-address,
.referral-link-box,
.profile-meta,
.meta-value,
.invoice-info-value,
.invoice-timer-value{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.invoice-qr-wrap{
  width:min(216px,70vw)!important;
  max-width:100%!important;
}
.invoice-frame{
  width:100%!important;
  max-width:100%!important;
  border:0!important;
  border-radius:20px!important;
  background:#fff!important;
}
.bottom-nav{
  width:min(452px,calc(100vw - 18px))!important;
  max-width:calc(100vw - 18px)!important;
  bottom:max(10px,var(--nt-safe-bottom))!important;
  border-radius:24px!important;
  padding:8px!important;
  min-height:70px!important;
  background:rgba(3,10,20,.93)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  border:1px solid rgba(151,202,255,.12)!important;
  box-shadow:0 16px 46px rgba(0,0,0,.42)!important;
}
.bottom-nav a{
  min-width:0!important;
  flex:1 1 0!important;
  padding:8px 2px!important;
  gap:4px!important;
}
.bottom-nav a span:last-child{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
.toast-wrap{
  inset:auto 12px calc(94px + var(--nt-safe-bottom))!important;
  z-index:1000!important;
  pointer-events:none!important;
}
.toast{
  width:min(420px,100%)!important;
  max-width:100%!important;
  min-width:0!important;
  border-radius:18px!important;
  background:rgba(5,12,24,.96)!important;
  border:1px solid rgba(151,202,255,.12)!important;
}
.sidebar-panel{
  width:min(350px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  height:100dvh!important;
  padding:calc(16px + var(--nt-safe-top)) 14px calc(38px + var(--nt-safe-bottom))!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(30,167,255,.22),transparent 34%),
    linear-gradient(180deg,#071326 0%,#020711 100%)!important;
}
.sidebar.open .sidebar-panel{box-shadow:26px 0 70px rgba(0,0,0,.46)!important;}
.trade-flow-modal,
.claim-modal,
.nt-voucher-modal,
.modal.show{
  overscroll-behavior:contain!important;
}
.trade-flow-box,
.claim-modal-box,
.nt-voucher-dialog,
.modal-dialog{
  max-width:calc(100vw - 28px)!important;
  max-height:calc(100dvh - 28px)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.auth-wrap{
  min-height:100dvh!important;
  padding:calc(16px + var(--nt-safe-top)) 12px calc(18px + var(--nt-safe-bottom))!important;
  align-items:flex-start!important;
}
.auth-card{width:min(100%,430px)!important;}
.login-banner-wrap{height:clamp(126px,38vw,158px)!important;}
.login-content,
.register-content{padding:16px 16px 2px!important;}
.captcha-row{display:grid!important;grid-template-columns:minmax(0,1fr) 102px!important;gap:10px!important;align-items:center!important;}
.captcha-box{width:102px!important;max-width:100%!important;}
@media (max-width:430px){
  .app-shell{padding-top:calc(76px + var(--nt-safe-top))!important;}
  .app-shell>.content{padding-left:12px!important;padding-right:12px!important;}
  .topbar-inner{padding-left:12px!important;padding-right:12px!important;}
  .topbar .section-badge{display:none!important;}
  .brand-title{font-size:13.5px!important;}
  .brand-sub{font-size:10px!important;}
}
@media (max-width:375px){
  .app-shell>.content{padding-left:10px!important;padding-right:10px!important;}
  .grid-2{gap:10px!important;}
  .quick-link{min-height:106px!important;padding:13px!important;}
  .list-right{min-width:58px!important;max-width:34%!important;}
  .price{font-size:13px!important;}
  .nt-tab-option{font-size:11.5px!important;padding:9px 6px!important;}
  .bottom-nav{width:calc(100vw - 14px)!important;min-height:68px!important;border-radius:22px!important;}
  .bottom-nav a{font-size:9.5px!important;}
  .captcha-row{grid-template-columns:1fr!important;}
  .captcha-box{width:100%!important;}
}
@media (max-width:340px){
  .topbar .brand img{width:36px!important;height:36px!important;min-width:36px!important;}
  .icon-btn{width:38px!important;height:38px!important;min-width:38px!important;}
  .brand-sub{display:none!important;}
  .hero-actions{grid-template-columns:1fr!important;}
  .quick-link .ic{width:38px!important;height:38px!important;min-width:38px!important;}
  .grid-2.profile-quick,
  .profile-stats,
  .trade-detail-stats{grid-template-columns:1fr!important;}
  .trade-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
  .trade-stats .card-soft{padding:8px 3px!important;}
  .trade-stat-value{font-size:10px!important;}
  .stat-label{font-size:9.5px!important;}
}

/* Tahap 2 sidebar interaction hardening */
.sidebar.open .sidebar-panel{
  transform:translateX(0)!important;
}

/* Tahap 2 chart/canvas overflow hardening */
.trade-mini-chart-wrap,
.trade-chart-wrap,
.trade-chart-canvas-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}
.trade-mini-chart-canvas,
.trade-chart-canvas,
canvas[class*="trade"]{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.trade-mini-chart-canvas{height:128px!important;}
.trade-chart-canvas{height:min(300px,52dvh)!important;}

/* ===== NEURAL TRADE DEEP UI/UX AUDIT TAHAP 3 - PRODUCTION MOBILE POLISH ===== */
:root{
  --nt-safe-top: env(safe-area-inset-top, 0px);
  --nt-safe-bottom: env(safe-area-inset-bottom, 0px);
  --nt-app-max: 480px;
  --nt-shell-pad-x: 14px;
  --nt-header-h: 64px;
  --nt-bottom-h: 78px;
  --nt-focus: rgba(45,226,185,.42);
}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
html,body{overscroll-behavior-y:contain;scroll-behavior:smooth;}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;}
body.nt-sidebar-open{overflow:hidden!important;touch-action:none!important;}
a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
button{border:0;appearance:none;-webkit-appearance:none;}
:where(.app-shell,.app-shell *){box-sizing:border-box;}
:where(.app-shell *){min-width:0;}
:where(.app-shell img,.auth-wrap img){max-width:100%;height:auto;}
:where(.app-shell input,.app-shell select,.app-shell textarea,.app-shell button){max-width:100%;}
:where(.hero-copy,.list-sub,.tiny,.muted,.helper,.inline-note,p,small,.referral-link-box,.invoice-address,.meta-value,.withdraw-destination-value){overflow-wrap:anywhere;word-break:normal;}
.app-shell{isolation:isolate!important;contain:paint!important;}
.app-shell>.content{width:100%!important;max-width:100%!important;}
.content>*{max-width:100%;}
.content>*+*{margin-top:16px;}
.topbar{position:sticky!important;top:0!important;z-index:80!important;}
.topbar-inner{width:100%;max-width:var(--nt-app-max);margin:0 auto;}
.topbar .brand>div{min-width:0;overflow:hidden;}
.topbar .section-badge{flex:0 1 auto;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.brand img{object-fit:contain!important;}
.icon-btn{display:grid!important;place-items:center!important;line-height:1!important;user-select:none;}
.icon-btn:focus-visible,.btn:focus-visible,.bottom-nav a:focus-visible,.side-links a:focus-visible,.nt-tab-option:focus-visible{outline:2px solid var(--nt-focus)!important;outline-offset:2px!important;}
.section-title{align-items:flex-start!important;gap:10px!important;}
.section-title>div{min-width:0;}
.section-title h2,.section-title p{overflow-wrap:anywhere;}
.hero{overflow:hidden!important;}
.hero-head{display:flex;align-items:flex-start;gap:12px;}
.hero-title{font-size:clamp(23px,7.1vw,32px)!important;line-height:1.08!important;letter-spacing:-.055em!important;}
.hero-copy{font-size:clamp(12.5px,3.4vw,14px)!important;line-height:1.65!important;}
.hero-actions .btn,.tradebuy-actions .btn{min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
.btn{white-space:normal!important;line-height:1.25!important;min-height:44px!important;}
.grid-2,.grid-3,.trade-stats,.profile-stats,.trade-detail-stats,.referral-grid,.referral-bonus-grid,.support-grid,.reward-grid{align-items:stretch;}
.card,.card-soft,.quick-link,.list-item,.trade-card,.tx-card,.support-card,.reward-card,.boost-card{overflow:hidden!important;}
.quick-link strong,.quick-link span,.list-title,.trade-card-title,.trade-detail-title,.tx-card__title{overflow-wrap:anywhere;}
.quick-link .ic{flex:0 0 auto;}
.stat-value,.trade-stat-value,.hero-chip-value,.invoice-info-value,.invoice-timer-value,.invoice-amount{font-variant-numeric:tabular-nums;letter-spacing:-.035em;}
.dashboard-stats .card,.nt-balance-card{display:flex!important;flex-direction:column!important;gap:8px!important;}
.nt-balance-card-main .stat-value{font-size:clamp(24px,8.2vw,34px)!important;}
.list-item{min-height:76px!important;}
.list-right{display:flex;align-items:center;justify-content:flex-end;}
.price{white-space:nowrap;}
.nt-tab-grid,.nt-payment-grid{gap:9px!important;}
.nt-tab-option small{display:block;margin-top:2px;font-size:10.5px;line-height:1.1;opacity:.84;}
.nt-tab-option.is-active{box-shadow:0 14px 32px rgba(45,226,185,.16), inset 0 1px 0 rgba(255,255,255,.20)!important;}
.field,.form-group,.bank-field,.wallet-field{min-width:0;width:100%;}
.field label,.bank-label,.wallet-label{display:block;margin-bottom:8px;color:rgba(218,233,255,.78)!important;font-size:12px;font-weight:800;}
.field input,.field select,.field textarea,.bank-input,.bank-select,.wallet-input{min-height:48px!important;border-radius:16px!important;}
.input-phone,.input-password{min-height:50px!important;border-radius:16px!important;}
.toggle-password{height:50px!important;}
.captcha-row{width:100%;}
.loadmore-wrap,.referral-loadmore-wrap{display:flex;justify-content:center;width:100%;margin-top:16px;}
.loadmore-wrap .btn,.referral-loadmore-wrap .btn{width:100%;max-width:100%;}
.table{border:0!important;background:transparent!important;}
.table table{min-width:680px;}
.tx-card{display:block!important;}
.tx-card__copy{flex:1 1 auto;min-width:0;}
.tx-card__amount{flex:0 1 42%;text-align:right;}
.tx-card__meta{display:flex;flex-wrap:wrap;gap:8px;}
.referral-member-top,.referral-member-head{min-width:0;}
.referral-member-head-copy{min-width:0;flex:1 1 auto;}
.referral-member-name,.referral-member-phone,.referral-status,.referral-meta-item span{overflow-wrap:anywhere;}
.referral-status{flex:0 0 auto;max-width:112px;text-align:center;}
.referral-tabs{position:sticky;top:calc(64px + var(--nt-safe-top));z-index:20;background:linear-gradient(180deg,rgba(3,10,20,.96),rgba(3,10,20,.72));padding:8px 0;backdrop-filter:blur(12px);}
.referral-tab-btn{min-height:42px;}
.invoice-wrap{padding:0!important;}
.invoice-card{overflow:hidden!important;}
.invoice-grid{grid-template-columns:1fr!important;}
.invoice-payment-area,.invoice-action-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
.invoice-frame-wrap,.invoice-frame{max-width:100%!important;overflow:hidden!important;}
.invoice-frame{min-height:420px!important;height:min(620px,68dvh)!important;}
.invoice-address{display:block;width:100%;max-width:100%;}
.withdraw-destination-grid{grid-template-columns:1fr!important;gap:10px!important;}
.withdraw-destination-card{overflow:hidden!important;}
.trade-detail-head{display:flex!important;align-items:flex-start!important;gap:12px!important;}
.trade-detail-main{flex:1 1 auto;min-width:0;}
.trade-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.trade-mini-chart-overlay{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;}
.trade-mini-chip,.trade-mini-stat{max-width:100%;overflow-wrap:anywhere;}
.trade-mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.trade-mini-metric{min-width:0;overflow:hidden;}
.trade-flow-modal,.claim-modal,.nt-voucher-modal,.modal.show,#ntInstallModal.show{padding:14px!important;align-items:center!important;justify-content:center!important;}
.trade-flow-box,.claim-modal-box,.nt-voucher-dialog,.modal-dialog,.neuraltrade-pwa-box{width:min(100%,430px)!important;max-width:calc(100vw - 28px)!important;margin:auto!important;}
.trade-chart-status,.trade-chart-actions,.claim-modal-actions,.nt-voucher-actions,.neuraltrade-pwa-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
.trade-chart-actions .btn,.claim-modal-actions .btn,.nt-voucher-actions button,.neuraltrade-pwa-btn{width:100%!important;}
.sidebar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.sidebar-panel{overscroll-behavior:contain!important;}
.sidebar-inner> .side-links{padding-bottom:24px;}
.side-links a{min-height:44px;display:flex!important;align-items:center!important;}
.side-user>div:last-child{min-width:0;}
.toast-wrap{width:min(420px,calc(100vw - 24px))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;}
.toast{pointer-events:auto!important;}
.toast-head{min-width:0;}
.toast-title,.toast-message{overflow-wrap:anywhere;}
.loading{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.auth-wrap{width:100%;overflow-x:hidden!important;}
.auth-card{overflow:hidden!important;}
.auth-head,.login-content,.register-content{width:100%;}
.auth-title{font-size:clamp(23px,7.2vw,30px)!important;line-height:1.12!important;}
.auth-sub{line-height:1.55!important;}
.login-banner-wrap{overflow:hidden!important;}
.login-banner-wrap img{object-position:center!important;}
@media (max-width:430px){
  :root{--nt-shell-pad-x:12px;}
  .section-title{flex-direction:column!important;align-items:flex-start!important;}
  .hero-actions{grid-template-columns:1fr 1fr!important;}
  .referral-tabs{top:calc(62px + var(--nt-safe-top));}
  .profile-head{display:flex!important;gap:12px!important;}
  .profile-main{min-width:0;}
  .profile-name{overflow-wrap:anywhere;}
}
@media (max-width:375px){
  .app-shell>.content{padding-left:10px!important;padding-right:10px!important;}
  .hero{padding:18px!important;border-radius:22px!important;}
  .hero-actions{gap:9px!important;}
  .card,.card-soft,.quick-link,.list-item,.trade-card,.tx-card{border-radius:20px!important;}
  .grid-2:not(.dashboard-stats):not(.trade-detail-stats):not(.profile-stats),
  .profile-quick,
  .support-grid,
  .reward-grid{grid-template-columns:1fr!important;}
  .quick-link{min-height:auto!important;}
  .nt-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .referral-member-top{flex-direction:column;align-items:flex-start!important;}
  .referral-status{max-width:100%;}
  .tx-card__top{flex-direction:column;align-items:flex-start!important;}
  .tx-card__amount{text-align:left;max-width:100%;}
  .bottom-nav a span:last-child{font-size:9.5px!important;}
}
@media (max-width:340px){
  .topbar-inner{gap:8px!important;}
  .topbar .brand{max-width:calc(100% - 88px)!important;}
  .hero-title{font-size:23px!important;}
  .hero-actions{grid-template-columns:1fr!important;}
  .nt-payment-grid,.nt-tab-grid{grid-template-columns:1fr!important;}
  .trade-stats,.trade-mini-metrics{grid-template-columns:1fr!important;}
  .invoice-frame{height:min(520px,62dvh)!important;}
  .bottom-nav{padding-left:6px!important;padding-right:6px!important;}
  .bottom-nav a span:last-child{font-size:9px!important;}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}

/* ===== NEURAL TRADE TAHAP 3 UTILITY CLEANUP ===== */
.nt-hidden{display:none!important;}
.nt-flex-between{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
.nt-flex-fill{flex:1 1 auto!important;min-width:0!important;position:relative!important;z-index:1!important;}
.nt-fw-800{font-weight:800!important;}
.nt-section-tight{margin:0 0 12px 0!important;}
.nt-title-white{color:#fff!important;}
.nt-referral-section-title{font-size:20px!important;font-weight:800!important;line-height:1.25!important;overflow-wrap:anywhere!important;}
.nt-loadmore-hidden{display:none;margin-top:16px;width:100%;}
.nt-loadmore-hidden .btn{width:100%;}
.nt-trade-chart-label{margin-bottom:4px!important;}
.nt-full-grid-span{grid-column:1 / -1!important;}
.nt-text-center{text-align:center!important;}
.nt-invoice-frame-holder{height:min(640px,68dvh)!important;position:relative!important;overflow:hidden!important;border-radius:20px!important;}
.nt-progress-bar{width:var(--nt-progress,0%)!important;}

/* ===== NEURAL TRADE TAHAP 3 HOTFIX: fixed bars must stay viewport-bound ===== */
.app-shell{contain:none!important;overflow-x:hidden!important;}
.topbar{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(var(--nt-app-max),100vw)!important;
  max-width:100vw!important;
  z-index:900!important;
}
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  z-index:920!important;
}

/* Tahap 3 specificity fix: dashboard balance cards must stay single-column on mobile. */
.grid-2.dashboard-stats,
.dashboard-stats.grid-2{
  grid-template-columns:1fr!important;
}

/* ===== NEURAL TRADE DEEP UI/UX AUDIT TAHAP 4 - MOBILE PRECISION LOCK ===== */
:root{
  --nt-stage4-header: clamp(66px, 18vw, 78px);
  --nt-stage4-bottom: clamp(74px, 19vw, 88px);
  --nt-stage4-side-gap: clamp(10px, 3.6vw, 16px);
  --nt-stage4-card-pad: clamp(14px, 4vw, 18px);
  --nt-stage4-touch: 44px;
}
html,
body{
  max-width:100%!important;
  overflow-x:hidden!important;
}
body:not(.nt-auth){
  min-height:100dvh!important;
  background:
    radial-gradient(circle at 12% -10%, rgba(30,167,255,.30) 0, transparent 34%),
    radial-gradient(circle at 92% 0%, rgba(45,226,185,.22) 0, transparent 34%),
    linear-gradient(180deg,#020711 0%,#081525 52%,#020711 100%)!important;
}
body.nt-auth{
  min-height:100dvh!important;
  background:
    radial-gradient(circle at 12% -12%, rgba(30,167,255,.24), transparent 34%),
    radial-gradient(circle at 92% 4%, rgba(45,226,185,.20), transparent 34%),
    linear-gradient(180deg,#020711 0%,#071321 55%,#020711 100%)!important;
}
body.nt-auth .app-shell{
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.app-shell{
  width:min(480px,100vw)!important;
  max-width:100vw!important;
  margin:0 auto!important;
  padding-top:calc(var(--nt-stage4-header) + var(--nt-safe-top,0px))!important;
  padding-bottom:calc(var(--nt-stage4-bottom) + var(--nt-safe-bottom,0px) + 24px)!important;
  overflow-x:clip!important;
  contain:none!important;
}
.app-shell>.content{
  padding:var(--nt-stage4-side-gap) var(--nt-stage4-side-gap) calc(var(--nt-stage4-bottom) + var(--nt-safe-bottom,0px) + 44px)!important;
  width:100%!important;
  max-width:100%!important;
}
.topbar{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(480px,100vw)!important;
  min-height:calc(var(--nt-stage4-header) + var(--nt-safe-top,0px))!important;
  padding-top:var(--nt-safe-top,0px)!important;
  z-index:980!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(3,10,20,.96),rgba(5,13,26,.90))!important;
  border-bottom:1px solid rgba(134,205,255,.12)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
}
.topbar-inner{
  min-height:var(--nt-stage4-header)!important;
  padding:8px var(--nt-stage4-side-gap)!important;
  gap:10px!important;
}
.topbar .brand{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - 96px)!important;
}
.topbar .brand>div,
.sidebar .brand>div{
  min-width:0!important;
  flex:1 1 auto!important;
}
.brand-title,
.brand-sub{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.icon-btn,
.toggle-password,
.btn,
.nt-tab-option,
.side-links a,
.bottom-nav a,
.referral-tab-btn,
.neuraltrade-pwa-btn{
  min-height:var(--nt-stage4-touch)!important;
}
.icon-btn,
.toggle-password{
  min-width:var(--nt-stage4-touch)!important;
  width:var(--nt-stage4-touch)!important;
  height:var(--nt-stage4-touch)!important;
  flex:0 0 var(--nt-stage4-touch)!important;
}
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(10px + var(--nt-safe-bottom,0px))!important;
  transform:translateX(-50%)!important;
  width:min(456px,calc(100vw - 18px))!important;
  min-height:70px!important;
  max-width:calc(100vw - 18px)!important;
  padding:7px 8px!important;
  z-index:990!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(8,18,34,.96),rgba(3,9,19,.96))!important;
  border:1px solid rgba(151,202,255,.13)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.bottom-nav a{
  min-width:0!important;
  flex:1 1 0!important;
  padding:7px 2px!important;
  gap:4px!important;
  border-radius:17px!important;
  line-height:1.05!important;
}
.bottom-nav .nav-ic{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  line-height:1!important;
}
.bottom-nav a span:last-child{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
}
body.nt-input-focus .bottom-nav{
  transform:translate(-50%, calc(100% + 18px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.nt-input-focus .toast-wrap{
  bottom:calc(16px + var(--nt-safe-bottom,0px))!important;
}
.card,
.card-soft,
.hero,
.quick-link,
.list-item,
.tx-card,
.trade-card,
.auth-card,
.invoice-card,
.referral-card,
.referral-member-card,
.support-card,
.reward-card,
.boost-card{
  max-width:100%!important;
  min-width:0!important;
  border-radius:clamp(20px,5.6vw,28px)!important;
  overflow:hidden!important;
}
.card:not(.hero),
.card-soft,
.tx-card,
.trade-card,
.invoice-card,
.referral-card,
.referral-member-card,
.support-card,
.reward-card,
.boost-card{
  padding:var(--nt-stage4-card-pad)!important;
}
.grid-2,
.grid-3,
.dashboard-stats,
.profile-stats,
.trade-stats,
.trade-detail-stats,
.referral-grid,
.referral-bonus-grid,
.support-grid,
.reward-grid,
.withdraw-destination-grid,
.invoice-meta-grid{
  min-width:0!important;
  max-width:100%!important;
}
.dashboard-stats.grid-2,
.grid-2.dashboard-stats{
  grid-template-columns:1fr!important;
}
.list-item{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
}
.list-main,
.tx-card__copy,
.trade-detail-main,
.profile-main,
.referral-member-head-copy,
.side-user>div:last-child{
  min-width:0!important;
  overflow:hidden!important;
}
.list-right{
  min-width:0!important;
  max-width:36vw!important;
  overflow:hidden!important;
  text-align:right!important;
  justify-self:end!important;
}
.price,
.stat-value,
.invoice-info-value,
.invoice-amount,
.tx-card__amount,
.meta-value,
.withdraw-destination-value{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.list-title,
.list-sub,
.quick-link strong,
.quick-link span,
.tx-card__title,
.tx-card__sub,
.referral-link-box,
.invoice-address,
.trade-mini-chip,
.trade-mini-stat,
.side-links a,
.inline-note,
.helper,
.muted,
.tiny{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.invoice-address,
.referral-link-box,
.wallet-address,
[class*="address"],
[class*="Address"]{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.field,
.form-group,
.bank-field,
.wallet-field,
.input-password,
.input-phone,
.captcha-row{
  min-width:0!important;
  max-width:100%!important;
}
.field input,
.field select,
.field textarea,
.bank-input,
.bank-select,
.wallet-input,
.input-phone input,
.input-password input{
  min-height:50px!important;
  width:100%!important;
  max-width:100%!important;
  font-size:16px!important;
}
.auth-wrap{
  min-height:100dvh!important;
  width:100%!important;
  padding:calc(14px + var(--nt-safe-top,0px)) 12px calc(20px + var(--nt-safe-bottom,0px))!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow-x:hidden!important;
}
.auth-card{
  width:min(100%,430px)!important;
  margin:0 auto!important;
}
.login-banner-wrap{
  height:clamp(112px,34vw,156px)!important;
  max-height:28dvh!important;
}
.login-banner-wrap img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.captcha-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(92px,104px)!important;
  gap:10px!important;
  align-items:center!important;
}
.captcha-box{
  width:100%!important;
  min-height:50px!important;
}
.sidebar{
  z-index:1100!important;
  overscroll-behavior:contain!important;
}
.sidebar-panel{
  width:min(350px,calc(100vw - 22px))!important;
  max-width:calc(100vw - 22px)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  padding:calc(16px + var(--nt-safe-top,0px)) 14px calc(40px + var(--nt-safe-bottom,0px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  transform:translate3d(-105%,0,0)!important;
}
.sidebar.open .sidebar-panel{
  transform:translate3d(0,0,0)!important;
}
.side-user{
  min-width:0!important;
  align-items:flex-start!important;
}
.side-links a{
  padding:12px 14px!important;
  line-height:1.25!important;
}
.toast-wrap{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(var(--nt-stage4-bottom) + var(--nt-safe-bottom,0px) + 10px)!important;
  transform:translateX(-50%)!important;
  width:min(420px,calc(100vw - 24px))!important;
  z-index:1300!important;
  pointer-events:none!important;
}
.toast{
  pointer-events:auto!important;
  max-width:100%!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.toast-head,
.toast-message{
  min-width:0!important;
}
.trade-flow-modal,
.claim-modal,
.nt-voucher-modal,
.modal.show,
#ntInstallModal.show{
  position:fixed!important;
  inset:0!important;
  z-index:1250!important;
  padding:14px!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
.trade-flow-box,
.claim-modal-box,
.nt-voucher-dialog,
.modal-dialog,
.neuraltrade-pwa-box{
  width:min(100%,430px)!important;
  max-width:calc(100vw - 28px)!important;
  max-height:calc(100dvh - 28px)!important;
  margin:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
.trade-chart-canvas,
.trade-mini-chart-canvas,
canvas{
  max-width:100%!important;
}
.trade-mini-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.table,
.table-responsive,
.table-wrap{
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.empty-state,
.error-state,
.loading-state{
  min-height:150px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:22px 16px!important;
}
.nt-m-0{margin:0!important;}
.nt-display-none{display:none!important;}
@media (max-width:390px){
  .topbar .section-badge{display:none!important;}
  .topbar .brand{max-width:calc(100% - 58px)!important;}
  .hero-actions,.tradebuy-actions,.invoice-payment-area,.invoice-action-row,.referral-actions{
    grid-template-columns:1fr!important;
  }
  .list-item{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .list-right{
    grid-column:2!important;
    justify-self:start!important;
    max-width:100%!important;
    text-align:left!important;
    margin-top:2px!important;
  }
  .trade-detail-stats,
  .invoice-meta-grid,
  .profile-stats{
    grid-template-columns:1fr!important;
  }
  .captcha-row{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:340px){
  :root{--nt-stage4-side-gap:10px;--nt-stage4-card-pad:13px;--nt-stage4-touch:42px;}
  .brand img{width:36px!important;height:36px!important;min-width:36px!important;}
  .brand-title{font-size:13px!important;}
  .brand-sub{font-size:9.75px!important;}
  .bottom-nav{width:calc(100vw - 12px)!important;padding-left:5px!important;padding-right:5px!important;border-radius:22px!important;}
  .bottom-nav a{font-size:9px!important;}
  .bottom-nav .nav-ic{width:20px!important;height:20px!important;font-size:15px!important;}
  .grid-2:not(.dashboard-stats),.grid-3,.nt-tab-grid,.nt-payment-grid,.trade-mini-metrics{
    grid-template-columns:1fr!important;
  }
  .quick-link{min-height:auto!important;}
  .invoice-frame{height:min(510px,62dvh)!important;}
}

/* Tahap 4 micro-fix: toast harus punya jarak aman ekstra dari bottom navigation di viewport 320px. */
.toast-wrap{
  bottom:calc(var(--nt-stage4-bottom) + var(--nt-safe-bottom,0px) + 18px)!important;
}
body.nt-input-focus .toast-wrap{
  bottom:calc(18px + var(--nt-safe-bottom,0px))!important;
}

/* ===== NEURAL TRADE DEEP UI/UX AUDIT TAHAP 5 - PRODUCTION MOBILE HARDENING ===== */
:root{
  --nt-stage5-max:480px;
  --nt-stage5-header:clamp(62px,17vw,76px);
  --nt-stage5-bottom:clamp(68px,18vw,84px);
  --nt-stage5-gap:clamp(10px,3.4vw,16px);
  --nt-stage5-card-pad:clamp(14px,3.8vw,18px);
  --nt-stage5-radius:clamp(20px,5vw,28px);
  --nt-keyboard:0px;
}
html{
  width:100%;
  max-width:100%;
  min-height:100%;
  background:#020711!important;
  overflow-x:hidden!important;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  width:100%;
  max-width:100%;
  min-height:100dvh!important;
  overflow-x:hidden!important;
  color:var(--text)!important;
  overscroll-behavior-y:none;
}
body:not(.nt-auth){
  background:
    radial-gradient(circle at 9% -8%, rgba(30,167,255,.28), transparent 33%),
    radial-gradient(circle at 94% 3%, rgba(32,227,138,.22), transparent 31%),
    radial-gradient(circle at 50% 118%, rgba(18,79,160,.20), transparent 42%),
    linear-gradient(180deg,#020711 0%,#071421 54%,#020711 100%)!important;
}
.app-shell{
  width:min(var(--nt-stage5-max),100vw)!important;
  max-width:100vw!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  padding-top:calc(var(--nt-stage5-header) + var(--nt-safe-top,0px))!important;
  padding-bottom:calc(var(--nt-stage5-bottom) + var(--nt-safe-bottom,0px) + 32px)!important;
  overflow-x:hidden!important;
  position:relative!important;
  background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,0) 28%,rgba(255,255,255,.018))!important;
}
body.nt-auth .app-shell{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  min-height:100dvh!important;
  background:transparent!important;
}
.app-shell>.content{
  width:100%!important;
  max-width:100%!important;
  padding:var(--nt-stage5-gap) var(--nt-stage5-gap) calc(var(--nt-stage5-bottom) + var(--nt-safe-bottom,0px) + 52px)!important;
}
.topbar{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(var(--nt-stage5-max),100vw)!important;
  max-width:100vw!important;
  min-height:calc(var(--nt-stage5-header) + var(--nt-safe-top,0px))!important;
  padding-top:var(--nt-safe-top,0px)!important;
  z-index:980!important;
  background:linear-gradient(180deg,rgba(3,10,20,.985),rgba(4,13,27,.935))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.40), inset 0 -1px 0 rgba(130,205,255,.12)!important;
  border-bottom:1px solid rgba(135,205,255,.12)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.topbar-inner{
  min-height:var(--nt-stage5-header)!important;
  width:100%!important;
  padding:8px var(--nt-stage5-gap)!important;
  gap:10px!important;
}
.topbar .brand{
  min-width:0!important;
  flex:1 1 auto!important;
  max-width:calc(100% - 96px)!important;
}
.topbar .brand img,
.sidebar .brand img{
  flex:0 0 auto!important;
}
.brand-title{
  color:#f6fbff!important;
  letter-spacing:.01em!important;
}
.brand-sub{
  color:#8fa1c2!important;
}
.section-badge{
  flex:0 0 auto!important;
  max-width:96px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.icon-btn{
  display:grid!important;
  place-items:center!important;
  border-color:rgba(143,213,255,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.bottom-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(10px + var(--nt-safe-bottom,0px))!important;
  width:min(456px,calc(100vw - 16px))!important;
  max-width:calc(100vw - 16px)!important;
  min-height:var(--nt-stage5-bottom)!important;
  padding:7px 8px!important;
  gap:4px!important;
  z-index:990!important;
  overflow:hidden!important;
}
.bottom-nav a{
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  min-height:44px!important;
  justify-content:center!important;
  padding:7px 2px!important;
}
.bottom-nav a.active{
  background:linear-gradient(135deg,rgba(30,167,255,.20),rgba(32,227,138,.14))!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.bottom-nav a span:last-child{
  max-width:100%!important;
  font-size:10px!important;
}
body.nt-input-focus .bottom-nav,
body.nt-keyboard-open .bottom-nav{
  transform:translate(-50%,calc(100% + 22px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
.card,
.card-soft,
.hero,
.quick-link,
.list-item,
.tx-card,
.trade-card,
.auth-card,
.invoice-card,
.referral-card,
.referral-member-card,
.support-card,
.reward-card,
.boost-card,
.withdraw-destination-card,
.profile-card,
.nt-state-card{
  min-width:0!important;
  max-width:100%!important;
  border-radius:var(--nt-stage5-radius)!important;
  border-color:rgba(148,210,255,.12)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.card:not(.hero),
.card-soft,
.tx-card,
.trade-card,
.invoice-card,
.referral-card,
.referral-member-card,
.support-card,
.reward-card,
.boost-card,
.withdraw-destination-card,
.profile-card,
.nt-state-card{
  padding:var(--nt-stage5-card-pad)!important;
}
:where(.app-shell *){
  min-width:0;
}
:where(.app-shell img,.app-shell svg,.app-shell canvas,.app-shell video,.app-shell iframe){
  max-width:100%!important;
}
:where(.app-shell input,.app-shell select,.app-shell textarea,.app-shell button){
  max-width:100%!important;
}
:where(.app-shell p,.app-shell span,.app-shell div,.app-shell a,.app-shell strong,.app-shell small,.app-shell td,.app-shell th){
  overflow-wrap:break-word;
}
.nt-nowrap{
  white-space:nowrap!important;
}
.nt-truncate{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.nt-break,
.invoice-address,
.referral-link-box,
.wallet-address,
.tx-hash,
.copyable-value,
.monospace,
code,
pre,
[class*="address"],
[class*="Address"],
[class*="wallet"],
[class*="Wallet"]{
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
pre{
  white-space:pre-wrap!important;
  overflow-x:auto!important;
}
.grid-2,
.grid-3,
.dashboard-stats,
.profile-stats,
.trade-stats,
.trade-detail-stats,
.referral-grid,
.referral-bonus-grid,
.support-grid,
.reward-grid,
.withdraw-destination-grid,
.invoice-meta-grid,
.nt-payment-grid,
.nt-tab-grid,
.hero-actions,
.tradebuy-actions,
.invoice-payment-area,
.invoice-action-row,
.referral-actions{
  min-width:0!important;
  max-width:100%!important;
}
.dashboard-stats.grid-2,
.grid-2.dashboard-stats{
  grid-template-columns:1fr!important;
}
.nt-payment-grid,
.nt-tab-grid,
.hero-actions,
.tradebuy-actions,
.invoice-payment-area,
.invoice-action-row,
.referral-actions{
  gap:10px!important;
}
.list-item,
.tx-card{
  gap:10px!important;
}
.list-right,
.tx-card__amount{
  min-width:0!important;
  max-width:100%!important;
}
.btn,
.neuraltrade-pwa-btn,
button[type="submit"],
a.btn{
  min-height:46px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1.15!important;
  text-align:center!important;
}
button.is-loading,
.btn.is-loading{
  position:relative!important;
  pointer-events:none!important;
  opacity:.78!important;
}
button.is-loading::after,
.btn.is-loading::after{
  content:"";
  width:15px;
  height:15px;
  border:2px solid currentColor;
  border-top-color:transparent;
  border-radius:50%;
  animation:ntSpin .72s linear infinite;
}
@keyframes ntSpin{to{transform:rotate(360deg)}}
.field input,
.field select,
.field textarea,
.bank-input,
.bank-select,
.wallet-input,
.input-phone input,
.input-password input,
.auth-card input,
.auth-card select,
.auth-card textarea{
  font-size:16px!important;
  line-height:1.25!important;
  min-height:50px!important;
  border-radius:16px!important;
}
.input-password,
.input-phone,
.captcha-row,
.field,
.form-group{
  width:100%!important;
  min-width:0!important;
}
.toggle-password{
  top:50%!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
}
.auth-wrap{
  min-height:100dvh!important;
  align-items:center!important;
  padding:calc(12px + var(--nt-safe-top,0px)) 12px calc(18px + var(--nt-safe-bottom,0px))!important;
}
.auth-card{
  width:min(100%,430px)!important;
  margin:auto!important;
  max-height:calc(100dvh - 24px - var(--nt-safe-top,0px) - var(--nt-safe-bottom,0px))!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
body.nt-keyboard-open .auth-card,
body.nt-input-focus .auth-card{
  max-height:calc(100dvh - var(--nt-keyboard,0px) - 18px)!important;
  margin-top:8px!important;
  margin-bottom:8px!important;
}
.login-banner-wrap{
  min-height:96px!important;
  height:clamp(100px,31vw,148px)!important;
}
.captcha-row{
  grid-template-columns:minmax(0,1fr) minmax(84px,104px)!important;
}
.sidebar{
  z-index:1120!important;
  overscroll-behavior:contain!important;
  touch-action:none;
}
.sidebar-panel{
  width:min(352px,calc(100vw - 18px))!important;
  max-width:calc(100vw - 18px)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  will-change:transform;
}
.sidebar-inner{
  min-height:100%;
  display:flex;
  flex-direction:column;
}
.side-links{
  overflow:visible!important;
  padding-bottom:calc(18px + var(--nt-safe-bottom,0px))!important;
}
.side-links a{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  max-width:100%!important;
}
.trade-flow-modal,
.claim-modal,
.nt-voucher-modal,
.modal.show,
#ntInstallModal.show{
  z-index:1260!important;
  padding:calc(10px + var(--nt-safe-top,0px)) 10px calc(10px + var(--nt-safe-bottom,0px))!important;
}
.trade-flow-box,
.claim-modal-box,
.nt-voucher-dialog,
.modal-dialog,
.neuraltrade-pwa-box{
  width:min(430px,calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  max-height:calc(100dvh - 20px - var(--nt-safe-top,0px) - var(--nt-safe-bottom,0px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.nt-keyboard-open .trade-flow-box,
body.nt-keyboard-open .claim-modal-box,
body.nt-keyboard-open .nt-voucher-dialog,
body.nt-keyboard-open .modal-dialog,
body.nt-keyboard-open .neuraltrade-pwa-box{
  max-height:calc(100dvh - var(--nt-keyboard,0px) - 18px)!important;
}
.toast-wrap{
  z-index:1320!important;
  width:min(420px,calc(100vw - 20px))!important;
  bottom:calc(var(--nt-stage5-bottom) + var(--nt-safe-bottom,0px) + 16px)!important;
}
body.nt-input-focus .toast-wrap,
body.nt-keyboard-open .toast-wrap{
  bottom:calc(14px + var(--nt-safe-bottom,0px))!important;
}
.toast{
  border-radius:18px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.36)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(4,11,23,.98))!important;
}
.toast.show{
  transform:translateY(0)!important;
}
.toast-message{
  overflow-wrap:anywhere!important;
}
.invoice-frame,
.invoice-frame iframe,
.nt-invoice-frame-holder iframe{
  width:100%!important;
  max-width:100%!important;
}
.invoice-address,
.invoice-copy-row,
.invoice-payment-area,
.invoice-action-row{
  min-width:0!important;
}
.qr-box,
.invoice-qr,
.nt-qr,
img[src*="qr"],
img[alt*="QR"],
img[alt*="Qr"]{
  max-width:min(240px,70vw)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.trade-chart-canvas,
.trade-mini-chart-canvas,
canvas{
  width:100%!important;
  max-width:100%!important;
}
.trade-mini-metrics{
  gap:8px!important;
}
.trade-mini-stat,
.trade-mini-chip{
  min-width:0!important;
  overflow:hidden!important;
}
.empty-state,
.error-state,
.loading-state,
.nt-state-card{
  text-align:center!important;
  min-height:150px!important;
}
.mobile-access-wrap,
.mobile-access-guard{
  max-width:100vw!important;
  overflow-x:hidden!important;
}
@media (max-width:430px){
  .topbar .section-badge{max-width:82px!important;}
  .invoice-meta-grid,
  .profile-stats,
  .trade-detail-stats{grid-template-columns:1fr!important;}
  .list-item{grid-template-columns:auto minmax(0,1fr)!important;}
  .list-right{grid-column:2!important;justify-self:start!important;text-align:left!important;max-width:100%!important;}
}
@media (max-width:360px){
  :root{--nt-stage5-gap:10px;--nt-stage5-card-pad:13px;--nt-stage5-bottom:68px;}
  .topbar .brand{max-width:calc(100% - 54px)!important;}
  .topbar .section-badge{display:none!important;}
  .brand img{width:35px!important;height:35px!important;min-width:35px!important;}
  .brand-title{font-size:13px!important;}
  .brand-sub{font-size:9.5px!important;}
  .icon-btn,.toggle-password{width:42px!important;height:42px!important;min-width:42px!important;}
  .grid-2:not(.dashboard-stats),.grid-3,.nt-tab-grid,.nt-payment-grid,.trade-mini-metrics,.hero-actions,.tradebuy-actions,.invoice-action-row,.invoice-payment-area,.referral-actions{grid-template-columns:1fr!important;}
  .bottom-nav{width:calc(100vw - 12px)!important;padding-left:5px!important;padding-right:5px!important;}
  .bottom-nav a span:last-child{font-size:9px!important;}
  .bottom-nav .nav-ic{width:20px!important;height:20px!important;font-size:15px!important;}
  .btn,button[type="submit"],a.btn{min-height:44px!important;}
  .captcha-row{grid-template-columns:1fr!important;}
}
@media (max-height:640px){
  :root{--nt-stage5-header:62px;--nt-stage5-bottom:66px;}
  .auth-wrap{align-items:flex-start!important;}
  .login-banner-wrap{height:96px!important;}
  .bottom-nav{min-height:66px!important;}
}
@supports (padding:max(0px)){
  .topbar{padding-top:max(var(--nt-safe-top,0px), env(safe-area-inset-top))!important;}
  .bottom-nav{bottom:max(calc(8px + var(--nt-safe-bottom,0px)), calc(8px + env(safe-area-inset-bottom)))!important;}
}

/* Tahap 5 micro-fix: ketika sidebar/modal aktif, bottom navigation disembunyikan agar tidak bertabrakan dengan action modal. */
body.nt-sidebar-open .bottom-nav{
  transform:translate(-50%,calc(100% + 22px))!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.nt-sidebar-open .toast-wrap{
  bottom:calc(14px + var(--nt-safe-bottom,0px))!important;
}
@supports selector(body:has(.trade-flow-modal.show)){
  body:has(.trade-flow-modal.show) .bottom-nav,
  body:has(.claim-modal.show) .bottom-nav,
  body:has(.nt-voucher-modal.show) .bottom-nav,
  body:has(.modal.show) .bottom-nav,
  body:has(#ntInstallModal.show) .bottom-nav,
  body:has(.sidebar.open) .bottom-nav{
    transform:translate(-50%,calc(100% + 22px))!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

/* Tahap 5 bugfix: modal user-facing tidak boleh muncul di layout normal saat class .show belum aktif. */
.trade-flow-modal:not(.show),
.claim-modal:not(.show),
.nt-voucher-modal:not(.show),
#ntInstallModal:not(.show),
.modal:not(.show){
  display:none!important;
}
.trade-flow-modal.show,
.claim-modal.show,
.nt-voucher-modal.show,
#ntInstallModal.show,
.modal.show{
  display:flex!important;
}

/* Tahap 5 bugfix: halaman invoice/payment fokus pada pembayaran, bottom nav disembunyikan agar tombol invoice tidak tertutup. */
body[data-page*="invoice"] .bottom-nav,
body:has(.invoice-wrap) .bottom-nav{
  display:none!important;
}
body[data-page*="invoice"] .app-shell,
body:has(.invoice-wrap) .app-shell{
  padding-bottom:calc(var(--nt-safe-bottom,0px) + 28px)!important;
}
body[data-page*="invoice"] .app-shell>.content,
body:has(.invoice-wrap) .app-shell>.content{
  padding-bottom:calc(var(--nt-safe-bottom,0px) + 32px)!important;
}

/* Tahap 5 bugfix: halaman form transaksi menyembunyikan bottom nav agar tombol submit selalu bebas. */
body[data-page="deposit"] .bottom-nav,
body[data-page="withdraw"] .bottom-nav{
  display:none!important;
}
body[data-page="deposit"] .app-shell,
body[data-page="withdraw"] .app-shell{
  padding-bottom:calc(var(--nt-safe-bottom,0px) + 28px)!important;
}
body[data-page="deposit"] .app-shell>.content,
body[data-page="withdraw"] .app-shell>.content{
  padding-bottom:calc(var(--nt-safe-bottom,0px) + 34px)!important;
}

/* Tahap 6 Deep UI/UX: page-aware mobile hardening untuk produksi asli, bukan hanya preview. */
:root{
  --nt-stage6-header: clamp(62px, 16vw, 76px);
  --nt-stage6-content-x: clamp(12px, 3.6vw, 16px);
  --nt-stage6-card-radius: 22px;
}
body[data-page],
body[data-route]{
  width:100%!important;
  max-width:100vw!important;
  overflow-x:hidden!important;
}
body[data-page] .app-shell{
  width:min(100%, var(--nt-app-max, 480px))!important;
  max-width:100vw!important;
  min-height:100dvh!important;
  margin:0 auto!important;
}
body[data-page]:not(.nt-auth) .app-shell>.content{
  padding-left:max(var(--nt-stage6-content-x), env(safe-area-inset-left))!important;
  padding-right:max(var(--nt-stage6-content-x), env(safe-area-inset-right))!important;
}
body[data-page]:not(.nt-auth) .topbar{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:0!important;
  transform:translateX(-50%)!important;
  width:min(100%, var(--nt-app-max, 480px))!important;
  max-width:100vw!important;
  min-height:calc(var(--nt-stage6-header) + var(--nt-safe-top,0px))!important;
}
body[data-page]:not(.nt-auth) .app-shell>.content{
  padding-top:calc(var(--nt-stage6-header) + var(--nt-safe-top,0px) + 14px)!important;
}
.topbar-inner,
.topbar .brand,
.sidebar .brand,
.side-user,
.card,
.list-item,
.tx-card,
.quick-link,
.metric-box,
.reward-card,
.invoice-card,
.trade-card,
.trade-detail-card{
  min-width:0!important;
  max-width:100%!important;
}
.topbar .brand-title,
.topbar .brand-sub,
.sidebar .brand-title,
.sidebar .brand-sub,
.side-user .tiny,
.side-user .nt-fw-800,
.list-title,
.list-sub,
.card-title,
.reward-title,
.reward-sub,
.metric-label,
.metric-value,
.stat-label,
.stat-value,
.price,
.badge,
.section-badge,
.invoice-address,
.wallet-address,
.referral-link,
.tx-hash,
.tx-id,
.nt-break,
.nt-copy-value,
.nt-address,
.nt-mono{
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.topbar .brand-title,
.topbar .brand-sub,
.sidebar .brand-title,
.sidebar .brand-sub,
.section-badge,
.bottom-nav a span:last-child{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.topbar .brand{
  flex:1 1 auto!important;
  max-width:calc(100% - 58px)!important;
}
.topbar .section-badge{
  flex:0 1 auto!important;
  max-width:min(104px, 28vw)!important;
}
body[data-page="deposit"] .bottom-nav,
body[data-route="top-upZ"] .bottom-nav,
body.nt-page-deposit .bottom-nav,
body[data-page="withdraw"] .bottom-nav,
body[data-route="withdrawZ"] .bottom-nav,
body.nt-page-withdraw .bottom-nav,
body[data-page="invoice"] .bottom-nav,
body[data-route="invoice-idrZ"] .bottom-nav,
body[data-route="invoice-usdtZ"] .bottom-nav,
body.nt-page-invoice .bottom-nav{
  display:none!important;
}
body[data-page="deposit"] .app-shell,
body[data-route="top-upZ"] .app-shell,
body.nt-page-deposit .app-shell,
body[data-page="withdraw"] .app-shell,
body[data-route="withdrawZ"] .app-shell,
body.nt-page-withdraw .app-shell,
body[data-page="invoice"] .app-shell,
body[data-route="invoice-idrZ"] .app-shell,
body[data-route="invoice-usdtZ"] .app-shell,
body.nt-page-invoice .app-shell{
  padding-bottom:calc(var(--nt-safe-bottom,0px) + 22px)!important;
}
body[data-page="deposit"] .app-shell>.content,
body[data-route="top-upZ"] .app-shell>.content,
body.nt-page-deposit .app-shell>.content,
body[data-page="withdraw"] .app-shell>.content,
body[data-route="withdrawZ"] .app-shell>.content,
body.nt-page-withdraw .app-shell>.content,
body[data-page="invoice"] .app-shell>.content,
body[data-route="invoice-idrZ"] .app-shell>.content,
body[data-route="invoice-usdtZ"] .app-shell>.content,
body.nt-page-invoice .app-shell>.content{
  padding-bottom:calc(var(--nt-safe-bottom,0px) + 34px)!important;
}
.progress-track{
  overflow:hidden!important;
}
.nt-progress-bar[data-nt-progress]{
  width:var(--nt-progress,0%)!important;
  max-width:100%!important;
  transition:width .35s ease!important;
}
.invoice-copy-row,
.referral-actions,
.invoice-action-row,
.tradebuy-actions,
.hero-actions,
.reward-action,
.form-action,
.nt-form-actions{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))!important;
  gap:10px!important;
  min-width:0!important;
}
.invoice-copy-row .btn,
.referral-actions .btn,
.invoice-action-row .btn,
.tradebuy-actions .btn,
.hero-actions .btn,
.reward-action .btn,
.form-action .btn,
.nt-form-actions .btn{
  width:100%!important;
  max-width:100%!important;
}
.sidebar,
.trade-flow-modal,
.claim-modal,
.nt-voucher-modal,
#ntInstallModal,
.modal.show{
  max-width:100vw!important;
  overflow-x:hidden!important;
}
.sidebar-panel{
  border-radius:0 24px 24px 0!important;
}
.sidebar.open .sidebar-panel{
  transform:translate3d(0,0,0)!important;
}
body.nt-sidebar-open{
  overflow:hidden!important;
  position:relative!important;
}
.trade-flow-box,
.claim-modal-box,
.nt-voucher-dialog,
.modal-dialog,
.neuraltrade-pwa-box{
  overscroll-behavior:contain!important;
}
body.nt-keyboard-open .topbar{
  box-shadow:0 12px 32px rgba(0,0,0,.36)!important;
}
body.nt-keyboard-open .app-shell>.content{
  padding-bottom:calc(var(--nt-keyboard,0px) + var(--nt-safe-bottom,0px) + 26px)!important;
}
@media (max-width:360px){
  body[data-page]:not(.nt-auth) .app-shell>.content{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .topbar-inner{gap:8px!important;padding-left:10px!important;padding-right:10px!important;}
  .topbar .brand{max-width:calc(100% - 48px)!important;}
  .section-title{gap:8px!important;}
  .section-title h2{font-size:16px!important;}
  .section-title p{font-size:11px!important;}
  .stat-value,.metric-value{font-size:clamp(17px,5.6vw,22px)!important;line-height:1.08!important;}
  .list-item,.tx-card,.quick-link{padding:12px!important;}
  .invoice-copy-row,.referral-actions,.invoice-action-row,.tradebuy-actions,.hero-actions,.reward-action,.form-action,.nt-form-actions{grid-template-columns:1fr!important;}
}
@media (max-height:620px){
  body[data-page]:not(.nt-auth) .app-shell>.content{padding-top:calc(62px + var(--nt-safe-top,0px) + 10px)!important;}
  .hero,.auth-card,.card{border-radius:20px!important;}
  .modal-dialog,.trade-flow-box,.claim-modal-box,.nt-voucher-dialog,.neuraltrade-pwa-box{max-height:calc(100dvh - 16px)!important;}
}

/* Tahap 6 micro-fix: sidebar transition tidak boleh memicu false overflow pada viewport 320px saat animasi buka. */
.sidebar-panel{
  height:calc(100dvh - 1px)!important;
  max-height:calc(100dvh - 1px)!important;
  transition-duration:.18s!important;
}
.sidebar.open .sidebar-panel{transition-duration:.08s!important;}
/* Tahap 6 micro-fix: beri ruang kecil antara header fixed dan konten pertama agar tidak ada clipping 1-3px di viewport kecil. */
body[data-page]:not(.nt-auth) .app-shell>.content{margin-top:6px!important;}
/* Tahap 6 micro-fix: halaman detail/beli trade memiliki CTA utama, bottom nav disembunyikan agar tombol tidak tertutup. */
body[data-page="tradebuy"] .bottom-nav,
body[data-route="tradebuyZ"] .bottom-nav,
body.nt-page-tradebuy .bottom-nav{
  display:none!important;
}
body[data-page="tradebuy"] .app-shell,
body[data-route="tradebuyZ"] .app-shell,
body.nt-page-tradebuy .app-shell{
  padding-bottom:calc(var(--nt-safe-bottom,0px) + 22px)!important;
}
body[data-page="tradebuy"] .app-shell>.content,
body[data-route="tradebuyZ"] .app-shell>.content,
body.nt-page-tradebuy .app-shell>.content{
  padding-bottom:calc(var(--nt-safe-bottom,0px) + 34px)!important;
}
body[data-page="trade detail"] .bottom-nav{
  display:none!important;
}
body[data-page="trade detail"] .app-shell{padding-bottom:calc(var(--nt-safe-bottom,0px) + 22px)!important;}
body[data-page="trade detail"] .app-shell>.content{padding-bottom:calc(var(--nt-safe-bottom,0px) + 34px)!important;}

/* Tahap 6 micro-fix: trade detail/buy dibuat aman untuk judul produk panjang dan modal live. */
.trade-detail-head{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
}
.trade-detail-main{min-width:0!important;max-width:100%!important;}
.trade-detail-title{
  display:block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.22!important;
  font-size:clamp(17px,4.8vw,20px)!important;
}
.trade-detail-sub{overflow-wrap:anywhere!important;line-height:1.55!important;}
.trade-flow-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
}
.trade-flow-head>div{min-width:0!important;max-width:100%!important;}
.trade-flow-title{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.18!important;
  font-size:clamp(18px,5.1vw,21px)!important;
}
.trade-flow-copy{overflow-wrap:anywhere!important;line-height:1.5!important;}
.trade-flow-badge{flex-shrink:0!important;max-width:72px!important;text-align:center!important;white-space:normal!important;line-height:1.1!important;justify-content:center!important;}
@media (max-width:360px){
  .trade-detail-head{grid-template-columns:auto minmax(0,1fr)!important;}
  .trade-detail-head>.badge,.trade-detail-head>.section-badge{grid-column:1 / -1!important;justify-self:start!important;}
  .trade-flow-head{grid-template-columns:1fr!important;}
  .trade-flow-badge{max-width:100%!important;justify-self:start!important;}
}

/* ===== NEURAL TRADE DEEP UI/UX AUDIT TAHAP 7 - MICRO BUG LOCK ===== */
:root{
  --nt-stage7-max: 480px;
  --nt-stage7-x: clamp(10px,3.4vw,16px);
  --nt-stage7-card-gap: clamp(10px,3.2vw,14px);
  --nt-stage7-radius: clamp(18px,5vw,24px);
  --nt-stage7-touch: 44px;
}
html,
body{
  max-width:100%!important;
  overflow-x:clip!important;
}
body[data-page]:not(.nt-auth){
  background:#020712!important;
  min-width:0!important;
}
body[data-page]:not(.nt-auth) .app-shell{
  contain:none!important;
  isolation:isolate!important;
  width:min(100vw,var(--nt-stage7-max))!important;
  max-width:100vw!important;
  overflow-x:clip!important;
  margin-inline:auto!important;
}
body[data-page]:not(.nt-auth) .app-shell>.content{
  width:100%!important;
  max-width:100%!important;
  padding-left:max(var(--nt-stage7-x),env(safe-area-inset-left,0px))!important;
  padding-right:max(var(--nt-stage7-x),env(safe-area-inset-right,0px))!important;
  overflow-x:clip!important;
}
body[data-page]:not(.nt-auth) .topbar,
body[data-page]:not(.nt-auth) .bottom-nav{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  will-change:transform!important;
}
body[data-page]:not(.nt-auth) .topbar{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(100vw,var(--nt-stage7-max))!important;
  max-width:100vw!important;
  overflow:hidden!important;
}
body[data-page]:not(.nt-auth) .topbar-inner{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
body[data-page]:not(.nt-auth) .topbar .brand,
body[data-page]:not(.nt-auth) .sidebar .brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
body[data-page]:not(.nt-auth) .topbar .brand>div,
body[data-page]:not(.nt-auth) .sidebar .brand>div,
body[data-page]:not(.nt-auth) .side-user>div:not(.avatar){
  min-width:0!important;
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) .topbar .brand img,
body[data-page]:not(.nt-auth) .sidebar .brand img{
  flex:0 0 auto!important;
}
body[data-page]:not(.nt-auth) .icon-btn,
body[data-page]:not(.nt-auth) .modal-close,
body[data-page]:not(.nt-auth) .close-modal,
body[data-page]:not(.nt-auth) .claim-modal-close,
body[data-page]:not(.nt-auth) .nt-voucher-close{
  min-width:var(--nt-stage7-touch)!important;
  min-height:var(--nt-stage7-touch)!important;
  display:inline-grid!important;
  place-items:center!important;
}
body[data-page]:not(.nt-auth) :where(.card,.hero,.quick-link,.list-item,.tx-card,.invoice-card,.trade-card,.trade-detail-card,.metric-box,.reward-card,.support-card,.profile-card,.referral-card,.bank-card,.wallet-card){
  border-radius:var(--nt-stage7-radius)!important;
  min-width:0!important;
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) :where(.grid-2,.grid-3,.trade-stats,.profile-stats,.invoice-meta-grid,.referral-grid,.nt-payment-grid,.nt-tab-grid){
  gap:var(--nt-stage7-card-gap)!important;
  min-width:0!important;
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) :where(.list-item,.tx-card,.invoice-copy-row,.referral-actions,.tradebuy-actions,.hero-actions,.form-action,.nt-form-actions){
  overflow:hidden!important;
}
body[data-page]:not(.nt-auth) :where(.hero-title,.section-title h1,.section-title h2,.list-title,.trade-detail-title,.invoice-title,.card-title,.reward-title,.bank-title,.wallet-title,.stat-value,.metric-value,.price){
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body[data-page]:not(.nt-auth) :where(.hero-copy,.section-title p,.list-sub,.tiny,.muted,.helper,.inline-note,.invoice-desc,.invoice-address,.wallet-address,.referral-link,.referral-link-box,.tx-hash,.tx-id,.meta-value,.invoice-info-value,.withdraw-destination-value,.nt-copy-value,.nt-mono){
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.48!important;
}
body[data-page]:not(.nt-auth) .bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(calc(100vw - 16px), calc(var(--nt-stage7-max) - 16px))!important;
  max-width:calc(100vw - 16px)!important;
  overflow:hidden!important;
}
body[data-page]:not(.nt-auth) .bottom-nav a{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body[data-page]:not(.nt-auth) .bottom-nav .nav-ic{
  line-height:1!important;
}
body.nt-input-focus .bottom-nav,
body.nt-keyboard-open .bottom-nav,
body.nt-overlay-open .bottom-nav,
body.nt-sidebar-open .bottom-nav{
  opacity:0!important;
  pointer-events:none!important;
  transform:translate3d(-50%,18px,0)!important;
}
.toast-wrap{
  width:min(420px,calc(100vw - 24px))!important;
  left:50%!important;
  right:auto!important;
  transform:translate3d(-50%,0,0)!important;
  max-width:calc(100vw - 24px)!important;
}
body.nt-input-focus .toast-wrap,
body.nt-keyboard-open .toast-wrap{
  bottom:calc(var(--nt-keyboard,0px) + var(--nt-safe-bottom,0px) + 18px)!important;
}
body.nt-overlay-open .toast-wrap,
body.nt-sidebar-open .toast-wrap{
  bottom:calc(var(--nt-safe-bottom,0px) + 18px)!important;
}
.sidebar{
  width:100vw!important;
  max-width:100vw!important;
  overflow:hidden!important;
}
.sidebar-panel{
  width:min(350px,calc(100vw - 18px))!important;
  max-width:calc(100vw - 18px)!important;
  overflow:hidden!important;
}
.sidebar-inner{
  max-height:calc(100dvh - var(--nt-safe-top,0px) - var(--nt-safe-bottom,0px) - 14px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
}
.side-links a{
  min-height:42px!important;
  align-items:center!important;
  overflow-wrap:anywhere!important;
}
.trade-flow-modal,
.claim-modal,
.nt-voucher-modal,
#ntInstallModal,
.modal.show{
  padding:max(10px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))!important;
  overflow-x:hidden!important;
}
.trade-flow-box,
.claim-modal-box,
.nt-voucher-dialog,
.modal-dialog,
.neuraltrade-pwa-box{
  width:min(100%,432px)!important;
  max-width:calc(100vw - 20px)!important;
  max-height:calc(100dvh - 20px - var(--nt-keyboard,0px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
.invoice-qr-wrap,
.qr-wrap,
.qrcode,
.qr-code{
  width:min(220px,66vw)!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.invoice-qr-wrap img,
.qr-wrap img,
.qrcode img,
.qr-code img{
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
}
.trade-mini-chart-wrap,
.trade-chart-wrap,
.trade-chart-canvas-wrap,
.chart-wrap,
canvas{
  max-width:100%!important;
  overflow:hidden!important;
}
input,
select,
textarea{
  font-size:16px!important;
}
.btn,
button,
a.btn{
  min-height:44px!important;
  align-items:center!important;
  justify-content:center!important;
}
body[data-page="dashboard"] .dashboard-stats,
body.nt-page-dashboard .dashboard-stats{
  grid-template-columns:1fr!important;
}
body[data-page="deposit"] .bottom-nav,
body[data-page="withdraw"] .bottom-nav,
body[data-page="invoice"] .bottom-nav,
body[data-page="tradebuy"] .bottom-nav,
body.nt-page-deposit .bottom-nav,
body.nt-page-withdraw .bottom-nav,
body.nt-page-invoice .bottom-nav,
body.nt-page-tradebuy .bottom-nav{
  display:none!important;
}
body[data-page="deposit"] .app-shell>.content,
body[data-page="withdraw"] .app-shell>.content,
body[data-page="invoice"] .app-shell>.content,
body[data-page="tradebuy"] .app-shell>.content,
body.nt-page-deposit .app-shell>.content,
body.nt-page-withdraw .app-shell>.content,
body.nt-page-invoice .app-shell>.content,
body.nt-page-tradebuy .app-shell>.content{
  padding-bottom:calc(var(--nt-safe-bottom,0px) + 42px)!important;
}
@media (max-width:380px){
  body[data-page]:not(.nt-auth) .app-shell>.content{padding-left:10px!important;padding-right:10px!important;}
  body[data-page]:not(.nt-auth) .topbar-inner{padding-left:10px!important;padding-right:10px!important;gap:8px!important;}
  body[data-page]:not(.nt-auth) .brand-title{font-size:13px!important;}
  body[data-page]:not(.nt-auth) .brand-sub{font-size:9.5px!important;}
  body[data-page]:not(.nt-auth) .section-title{gap:8px!important;}
  body[data-page]:not(.nt-auth) .grid-2:not(.dashboard-stats):not(.profile-stats):not(.trade-detail-stats),
  body[data-page]:not(.nt-auth) .nt-payment-grid,
  body[data-page]:not(.nt-auth) .nt-tab-grid{
    grid-template-columns:1fr!important;
  }
  body[data-page]:not(.nt-auth) .list-item{align-items:flex-start!important;}
  body[data-page]:not(.nt-auth) .list-right{max-width:34%!important;min-width:54px!important;}
  body[data-page]:not(.nt-auth) .bottom-nav{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;padding:7px!important;}
  body[data-page]:not(.nt-auth) .bottom-nav a span:last-child{font-size:9px!important;}
  .toast-wrap{max-width:calc(100vw - 18px)!important;}
}
@media (max-width:340px){
  body[data-page]:not(.nt-auth) .topbar .section-badge{display:none!important;}
  body[data-page]:not(.nt-auth) .topbar .brand{max-width:calc(100% - 48px)!important;}
  body[data-page]:not(.nt-auth) .hero-actions,
  body[data-page]:not(.nt-auth) .tradebuy-actions,
  body[data-page]:not(.nt-auth) .invoice-action-row,
  body[data-page]:not(.nt-auth) .referral-actions,
  body[data-page]:not(.nt-auth) .form-action,
  body[data-page]:not(.nt-auth) .nt-form-actions{
    grid-template-columns:1fr!important;
  }
  body[data-page]:not(.nt-auth) .list-item{gap:8px!important;padding:12px!important;}
  body[data-page]:not(.nt-auth) .list-right{max-width:32%!important;min-width:50px!important;}
  .trade-flow-box,.claim-modal-box,.nt-voucher-dialog,.modal-dialog,.neuraltrade-pwa-box{max-width:calc(100vw - 14px)!important;}
}

/* ===== NEURAL TRADE DEEP UI/UX AUDIT TAHAP 7 - HIDDEN DRAWER VISIBILITY FIX ===== */
.sidebar:not(.open){
  visibility:hidden!important;
}
.sidebar.open{
  visibility:visible!important;
}
.sidebar:not(.open) .sidebar-panel{
  pointer-events:none!important;
}
.sidebar.open .sidebar-panel{
  pointer-events:auto!important;
}
body:not(.nt-sidebar-open) .sidebar:not(.open) .side-links a,
body:not(.nt-sidebar-open) .sidebar:not(.open) button,
body:not(.nt-sidebar-open) .sidebar:not(.open) a{
  visibility:hidden!important;
}
/* Stage 7 strict closed sidebar geometry exclusion */
.sidebar:not(.open),
.sidebar:not(.open) *{
  visibility:hidden!important;
}
.sidebar.open,
.sidebar.open *{
  visibility:visible!important;
}
/* Stage 7 production-strength ntSidebar closed state */
#ntSidebar:not(.open),
#ntSidebar:not(.open) *{
  visibility:hidden!important;
  opacity:0!important;
}
#ntSidebar.open,
#ntSidebar.open *{
  visibility:visible!important;
  opacity:1!important;
}
/* Stage 7: prevent visibility from being animated, so closed drawer is not measured as visible */
#ntSidebar,
#ntSidebar *{
  transition-property:opacity, transform, background-color, border-color, color, box-shadow!important;
}
#ntSidebar:not(.open){
  visibility:hidden!important;
  opacity:0!important;
}
#ntSidebar.open{
  visibility:visible!important;
  opacity:1!important;
}


/* ===== NEURAL TRADE DEEP UI/UX AUDIT TAHAP 8 - PRODUCTION MOBILE GEOMETRY FINAL ===== */
:root{
  --nt-stage8-max:480px;
  --nt-stage8-content-x:clamp(10px,3.2vw,16px);
  --nt-stage8-header-h:calc(66px + env(safe-area-inset-top,0px));
  --nt-stage8-bottom-h:calc(82px + env(safe-area-inset-bottom,0px));
  --nt-stage8-radius:clamp(18px,5.2vw,26px);
}
html,
body,
body[data-page],
body[data-route]{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}
html{background:#020711!important;}
body[data-page]:not(.nt-auth){
  background:radial-gradient(circle at 50% -120px,rgba(30,167,255,.18),transparent 36%),linear-gradient(180deg,#040814 0%,#07101d 44%,#020711 100%)!important;
}
body[data-page]:not(.nt-auth) .app-shell{
  width:min(100vw,var(--nt-stage8-max))!important;
  max-width:100vw!important;
  min-width:0!important;
  margin-inline:auto!important;
  overflow-x:hidden!important;
  padding-bottom:var(--nt-stage8-bottom-h)!important;
  contain:none!important;
}
body[data-page]:not(.nt-auth) .app-shell>.content{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-top:calc(var(--nt-stage8-header-h) + 12px)!important;
  padding-left:max(var(--nt-stage8-content-x),env(safe-area-inset-left,0px))!important;
  padding-right:max(var(--nt-stage8-content-x),env(safe-area-inset-right,0px))!important;
  padding-bottom:calc(var(--nt-stage8-bottom-h) + 18px)!important;
  margin-top:0!important;
  overflow-x:hidden!important;
}
body[data-page]:not(.nt-auth) .topbar{
  position:fixed!important;
  inset:0 auto auto 50%!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(100vw,var(--nt-stage8-max))!important;
  max-width:100vw!important;
  min-height:var(--nt-stage8-header-h)!important;
  padding-top:env(safe-area-inset-top,0px)!important;
  overflow:hidden!important;
  z-index:60!important;
  background:linear-gradient(180deg,rgba(4,8,18,.94),rgba(4,8,18,.80))!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body[data-page]:not(.nt-auth) .topbar-inner{
  min-height:66px!important;
  padding:10px max(12px,env(safe-area-inset-right,0px)) 10px max(12px,env(safe-area-inset-left,0px))!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) .topbar .brand{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - 58px)!important;
}
body[data-page]:not(.nt-auth) .topbar .section-badge{
  flex:0 1 auto!important;
  max-width:min(98px,26vw)!important;
}
body[data-page]:not(.nt-auth) .topbar .brand-title,
body[data-page]:not(.nt-auth) .topbar .brand-sub,
body[data-page]:not(.nt-auth) .bottom-nav a span:last-child,
body[data-page]:not(.nt-auth) .section-badge{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-page]:not(.nt-auth) :where(.hero,.card,.card-soft,.quick-link,.list-item,.trade-card,.trade-detail-card,.invoice-card,.tx-card,.referral-member-card,.reward-card,.boost-card,.support-card,.profile-card,.bank-card,.wallet-card,.voucher-card,.legal-card){
  border-radius:var(--nt-stage8-radius)!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body[data-page]:not(.nt-auth) :where(.grid-2,.grid-3,.trade-stats,.trade-detail-stats,.trade-mini-metrics,.invoice-grid,.invoice-meta-grid,.referral-grid,.bank-grid,.wallet-checks,.nt-payment-grid,.nt-tab-grid,.tx-card__meta,.referral-member-meta){
  min-width:0!important;
  max-width:100%!important;
  gap:clamp(8px,2.8vw,12px)!important;
}
body[data-page]:not(.nt-auth) :where(.grid-2,.grid-3,.invoice-grid,.trade-detail-stats,.trade-mini-metrics,.referral-grid,.bank-grid,.wallet-checks,.nt-payment-grid,.nt-tab-grid){
  grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr))!important;
}
body[data-page="dashboard"] .dashboard-stats,
body.nt-page-dashboard .dashboard-stats,
body[data-route="index"] .dashboard-stats{
  grid-template-columns:1fr!important;
}
body[data-page]:not(.nt-auth) :where(.stat-value,.metric-value,.invoice-amount,.invoice-info-value,.invoice-timer-value,.trade-stat-value,.tx-card__amount,.price){
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.035em!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.12!important;
}
body[data-page]:not(.nt-auth) :where(.list-title,.list-sub,.tx-card__title,.tx-card__sub,.tx-meta-value,.tx-meta-trx,.referral-member-name,.referral-member-phone,.referral-status,.meta-value,.email,.wallet-address,.wallet-input,.invoice-address,.referral-link-box,.referral-link,.trade-detail-title,.trade-detail-sub,.trade-flow-title,.trade-flow-copy,.withdraw-destination-value,.nt-mono,.nt-copy-value,.legal-card p,.legal-card li){
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body[data-page]:not(.nt-auth) .list-item{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) minmax(50px,auto)!important;
  align-items:center!important;
}
body[data-page]:not(.nt-auth) .list-main{min-width:0!important;max-width:100%!important;}
body[data-page]:not(.nt-auth) .list-right{min-width:50px!important;max-width:32vw!important;text-align:right!important;}
body[data-page]:not(.nt-auth) .tx-card__top,
body[data-page]:not(.nt-auth) .referral-member-top,
body[data-page]:not(.nt-auth) .referral-member-head,
body[data-page]:not(.nt-auth) .withdraw-destination-head{
  display:flex!important;
  min-width:0!important;
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) .tx-card__copy,
body[data-page]:not(.nt-auth) .referral-member-head-copy,
body[data-page]:not(.nt-auth) .withdraw-destination-copy{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) .tx-card__amount,
body[data-page]:not(.nt-auth) .referral-status{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:42%!important;
}
body[data-page]:not(.nt-auth) .tx-card__meta,
body[data-page]:not(.nt-auth) .referral-member-meta,
body[data-page]:not(.nt-auth) .withdraw-destination-grid,
body[data-page]:not(.nt-auth) .invoice-meta-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr))!important;
}
body[data-page]:not(.nt-auth) .invoice-frame-wrap,
body[data-page]:not(.nt-auth) .nt-invoice-frame-holder,
body[data-page]:not(.nt-auth) .invoice-frame{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
body[data-page]:not(.nt-auth) .invoice-frame{display:block!important;}
body[data-page]:not(.nt-auth) table{
  width:100%!important;
  max-width:100%!important;
  table-layout:fixed!important;
}
body[data-page]:not(.nt-auth) th,
body[data-page]:not(.nt-auth) td{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body[data-page]:not(.nt-auth) .bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(calc(100vw - 16px),calc(var(--nt-stage8-max) - 16px))!important;
  max-width:calc(100vw - 16px)!important;
  min-height:68px!important;
  z-index:55!important;
  overflow:hidden!important;
}
body[data-page]:not(.nt-auth) .bottom-nav a{
  min-width:0!important;
  max-width:100%!important;
  min-height:50px!important;
  overflow:hidden!important;
}
body.nt-action-page .bottom-nav,
body[data-page="deposit"] .bottom-nav,
body[data-page="withdraw"] .bottom-nav,
body[data-page="invoice"] .bottom-nav,
body[data-page="tradebuy"] .bottom-nav,
body[data-route="top-upZ"] .bottom-nav,
body[data-route="withdrawZ"] .bottom-nav,
body[data-route="invoice-idrZ"] .bottom-nav,
body[data-route="invoice-usdtZ"] .bottom-nav,
body[data-route="tradebuyZ"] .bottom-nav{
  display:none!important;
}
body.nt-action-page .app-shell,
body[data-page="deposit"] .app-shell,
body[data-page="withdraw"] .app-shell,
body[data-page="invoice"] .app-shell,
body[data-page="tradebuy"] .app-shell{
  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;
}
body.nt-action-page .app-shell>.content,
body[data-page="deposit"] .app-shell>.content,
body[data-page="withdraw"] .app-shell>.content,
body[data-page="invoice"] .app-shell>.content,
body[data-page="tradebuy"] .app-shell>.content{
  padding-bottom:calc(env(safe-area-inset-bottom,0px) + 34px)!important;
}
.sidebar[aria-hidden="true"],
.sidebar[aria-hidden="true"] *,
#ntSidebar[aria-hidden="true"],
#ntSidebar[aria-hidden="true"] *{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.sidebar.open,
.sidebar.open *,
#ntSidebar.open,
#ntSidebar.open *{
  visibility:visible!important;
}
.sidebar.open{opacity:1!important;pointer-events:auto!important;}
.sidebar-panel{
  width:min(350px,calc(100vw - 14px))!important;
  max-width:calc(100vw - 14px)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
.sidebar-inner{
  max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 10px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.trade-flow-modal,
.claim-modal,
.nt-voucher-modal,
.modal,
#ntInstallModal{
  max-width:100vw!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
.trade-flow-modal:not(.show),
.claim-modal:not(.show),
.nt-voucher-modal:not(.show),
.modal:not(.show),
#ntInstallModal:not(.show){
  display:none!important;
}
.trade-flow-box,
.claim-modal-box,
.nt-voucher-dialog,
.modal-dialog,
.neuraltrade-pwa-box{
  width:min(100%,430px)!important;
  max-width:calc(100vw - 18px)!important;
  max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--nt-keyboard,0px) - 18px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
.toast-wrap{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(var(--nt-stage8-bottom-h) + 10px)!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(420px,calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  z-index:90!important;
}
body.nt-action-page .toast-wrap,
body[data-page="deposit"] .toast-wrap,
body[data-page="withdraw"] .toast-wrap,
body[data-page="invoice"] .toast-wrap,
body[data-page="tradebuy"] .toast-wrap,
body.nt-input-focus .toast-wrap,
body.nt-keyboard-open .toast-wrap{
  bottom:calc(env(safe-area-inset-bottom,0px) + var(--nt-keyboard,0px) + 14px)!important;
}
.toast{
  max-width:100%!important;
  overflow:hidden!important;
}
.toast-message{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
input,select,textarea,button,.btn,a.btn{
  touch-action:manipulation!important;
}
:where(button,.btn,a.btn,input,select,textarea){
  max-width:100%!important;
}
@supports not (height: 100dvh){
  .sidebar-panel{height:calc(var(--nt-vh,1vh) * 100)!important;max-height:calc(var(--nt-vh,1vh) * 100)!important;}
  .trade-flow-box,.claim-modal-box,.nt-voucher-dialog,.modal-dialog,.neuraltrade-pwa-box{max-height:calc((var(--nt-vh,1vh) * 100) - 18px)!important;}
}
@media (max-width:380px){
  body[data-page]:not(.nt-auth) .topbar .section-badge{display:none!important;}
  body[data-page]:not(.nt-auth) .topbar .brand{max-width:calc(100% - 54px)!important;}
  body[data-page]:not(.nt-auth) .list-item{grid-template-columns:auto minmax(0,1fr)!important;align-items:start!important;}
  body[data-page]:not(.nt-auth) .list-right{grid-column:2!important;text-align:left!important;max-width:100%!important;min-width:0!important;}
  body[data-page]:not(.nt-auth) .tx-card__top,
  body[data-page]:not(.nt-auth) .referral-member-top,
  body[data-page]:not(.nt-auth) .referral-member-head,
  body[data-page]:not(.nt-auth) .withdraw-destination-head{flex-direction:column!important;align-items:flex-start!important;}
  body[data-page]:not(.nt-auth) .tx-card__amount,
  body[data-page]:not(.nt-auth) .referral-status{max-width:100%!important;text-align:left!important;}
}
@media (max-width:340px){
  body[data-page]:not(.nt-auth) .app-shell>.content{padding-left:max(9px,env(safe-area-inset-left,0px))!important;padding-right:max(9px,env(safe-area-inset-right,0px))!important;}
  body[data-page]:not(.nt-auth) :where(.grid-2,.grid-3,.invoice-grid,.trade-detail-stats,.trade-mini-metrics,.referral-grid,.bank-grid,.wallet-checks,.nt-payment-grid,.nt-tab-grid,.tx-card__meta,.referral-member-meta){grid-template-columns:1fr!important;}
  body[data-page]:not(.nt-auth) :where(.hero-actions,.invoice-action-row,.invoice-copy-row,.tradebuy-actions,.referral-actions,.form-action,.nt-form-actions,.wallet-actions,.bank-actions){grid-template-columns:1fr!important;}
  body[data-page]:not(.nt-auth) .bottom-nav{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important;padding:6px!important;border-radius:20px!important;}
  body[data-page]:not(.nt-auth) .bottom-nav a span:last-child{font-size:8.5px!important;}
}
@media (max-height:620px){
  body[data-page]:not(.nt-auth) .app-shell>.content{padding-top:calc(62px + env(safe-area-inset-top,0px) + 10px)!important;}
  body[data-page]:not(.nt-auth) .bottom-nav{min-height:62px!important;}
  .toast-wrap{bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;}
}

/* Neural Trade Deep UI/UX Audit Tahap 9: final mobile polish, tap targets, and long-content hardening. */
:root{
  --nt-stage9-edge: clamp(10px,3.4vw,18px);
  --nt-stage9-gap: clamp(10px,3vw,16px);
  --nt-stage9-radius: 22px;
  --nt-stage9-header-h: calc(72px + env(safe-area-inset-top,0px));
  --nt-stage9-safe-bottom: max(12px,env(safe-area-inset-bottom,0px));
}
html,body{
  max-width:100%!important;
  overflow-x:hidden!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}
body[data-page]:not(.nt-auth){
  min-width:0!important;
  width:100%!important;
  overscroll-behavior-x:none!important;
}
body.nt-sidebar-open,
body.nt-overlay-open{
  overflow:hidden!important;
  touch-action:none!important;
}
body[data-page]:not(.nt-auth) .app-shell{
  width:min(100%,var(--nt-stage8-max,430px))!important;
  max-width:100vw!important;
  min-width:0!important;
  margin-inline:auto!important;
  overflow-x:clip!important;
  isolation:isolate!important;
}
@supports not (overflow: clip){
  body[data-page]:not(.nt-auth) .app-shell{overflow-x:hidden!important;}
}
body[data-page]:not(.nt-auth) .app-shell>.content{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-left:max(var(--nt-stage9-edge),env(safe-area-inset-left,0px))!important;
  padding-right:max(var(--nt-stage9-edge),env(safe-area-inset-right,0px))!important;
}
body[data-page]:not(.nt-auth) .topbar{
  width:min(100vw,var(--nt-stage8-max,430px))!important;
  max-width:100vw!important;
  contain:layout paint!important;
}
body[data-page]:not(.nt-auth) .topbar-inner{
  min-width:0!important;
  gap:8px!important;
  padding-left:max(10px,env(safe-area-inset-left,0px))!important;
  padding-right:max(10px,env(safe-area-inset-right,0px))!important;
}
body[data-page]:not(.nt-auth) .topbar .brand,
body[data-page]:not(.nt-auth) .sidebar .brand{
  min-width:0!important;
  flex:1 1 auto!important;
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) .topbar .brand>div,
body[data-page]:not(.nt-auth) .sidebar .brand>div{
  min-width:0!important;
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) .brand-title,
body[data-page]:not(.nt-auth) .brand-sub,
body[data-page]:not(.nt-auth) .section-title,
body[data-page]:not(.nt-auth) .section-subtitle{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-page]:not(.nt-auth) .icon-btn,
body[data-page]:not(.nt-auth) button.icon-btn{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:16px!important;
  flex:0 0 44px!important;
  line-height:1!important;
}
body[data-page]:not(.nt-auth) .section-badge{
  max-width:86px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  flex:0 1 auto!important;
}
body[data-page]:not(.nt-auth) :where(.card,.glass-card,.balance-card,.market-card,.trade-card,.tx-card,.invoice-card,.profile-card,.referral-card,.wallet-card,.bank-card,.withdraw-card,.deposit-card,.bonus-card,.nt-card){
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  border-radius:var(--nt-stage9-radius)!important;
}
body[data-page]:not(.nt-auth) :where(.btn,button,a.btn,.trade-action,.copy-btn,.invoice-btn,.submit-btn){
  min-height:44px!important;
  max-width:100%!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.15!important;
  touch-action:manipulation!important;
}
body[data-page]:not(.nt-auth) :where(input,select,textarea){
  min-height:46px!important;
  max-width:100%!important;
  font-size:16px!important;
}
body[data-page]:not(.nt-auth) :where(.invoice-copy-row,.tradebuy-actions,.invoice-action-row,.hero-actions,.form-action,.nt-form-actions,.wallet-actions,.bank-actions,.withdraw-actions,.deposit-actions){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,138px),1fr))!important;
  gap:10px!important;
  min-width:0!important;
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) :where(.amount,.balance-amount,.profit-value,.coin-price,.transaction-id,.wallet-address,.address-text,.referral-link,.copy-value,.invoice-address,.hash,.txid,.email,.user-email,.long-text,.mono,.code,.network-warning){
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
}
body[data-page]:not(.nt-auth) :where(img,svg,canvas,video,iframe){
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) canvas{
  height:auto!important;
  contain:paint!important;
}
body[data-page]:not(.nt-auth) .invoice-qr,
body[data-page]:not(.nt-auth) .qr-code,
body[data-page]:not(.nt-auth) .payment-qr{
  width:min(220px,72vw)!important;
  height:auto!important;
  margin-inline:auto!important;
  display:block!important;
}
body[data-page]:not(.nt-auth) .trade-flow-modal.show,
body[data-page]:not(.nt-auth) .claim-modal.show,
body[data-page]:not(.nt-auth) .nt-voucher-modal.show,
body[data-page]:not(.nt-auth) .modal.show,
body[data-page]:not(.nt-auth) #ntInstallModal.show{
  align-items:center!important;
  justify-content:center!important;
  padding:max(8px,env(safe-area-inset-top,0px)) max(9px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(9px,env(safe-area-inset-left,0px))!important;
}
body[data-page]:not(.nt-auth) .trade-flow-box,
body[data-page]:not(.nt-auth) .claim-modal-box,
body[data-page]:not(.nt-auth) .nt-voucher-dialog,
body[data-page]:not(.nt-auth) .modal-dialog,
body[data-page]:not(.nt-auth) .neuraltrade-pwa-box{
  width:min(100%,calc(100vw - 18px),430px)!important;
  margin:auto!important;
  overscroll-behavior:contain!important;
}
body[data-page]:not(.nt-auth) .sidebar:not(.open),
body[data-page]:not(.nt-auth) #ntSidebar:not(.open){
  transform:translate3d(-120%,0,0)!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body[data-page]:not(.nt-auth) .sidebar.open,
body[data-page]:not(.nt-auth) #ntSidebar.open{
  transform:translate3d(0,0,0)!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body[data-page]:not(.nt-auth) .side-links a{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
body[data-page]:not(.nt-auth) .toast-wrap{
  pointer-events:none!important;
}
body[data-page]:not(.nt-auth) .toast{
  pointer-events:auto!important;
  box-shadow:0 18px 48px rgba(0,0,0,.36)!important;
}
body[data-page]:not(.nt-auth).nt-input-focus .bottom-nav,
body[data-page]:not(.nt-auth).nt-keyboard-open .bottom-nav,
body[data-page]:not(.nt-auth).nt-overlay-open .bottom-nav{
  transform:translate3d(-50%, calc(110% + env(safe-area-inset-bottom,0px)), 0)!important;
  opacity:0!important;
  pointer-events:none!important;
}
body[data-page]:not(.nt-auth) :focus-visible{
  outline:2px solid rgba(34,255,205,.78)!important;
  outline-offset:3px!important;
}
body.nt-auth{
  min-height:100dvh!important;
  overflow-x:hidden!important;
}
body.nt-auth :where(.auth-card,.login-card,.register-card,.card){
  max-width:calc(100vw - 20px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width:360px){
  :root{--nt-stage9-edge:10px;--nt-stage9-gap:9px;--nt-stage9-radius:19px;}
  body[data-page]:not(.nt-auth) .topbar .brand img{width:34px!important;height:34px!important;}
  body[data-page]:not(.nt-auth) .brand-title{font-size:13px!important;}
  body[data-page]:not(.nt-auth) .brand-sub{font-size:10px!important;}
  body[data-page]:not(.nt-auth) .section-badge{display:none!important;}
  body[data-page]:not(.nt-auth) .icon-btn,body[data-page]:not(.nt-auth) button.icon-btn{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;}
  body[data-page]:not(.nt-auth) :where(.invoice-copy-row,.tradebuy-actions,.invoice-action-row,.hero-actions,.form-action,.nt-form-actions,.wallet-actions,.bank-actions,.withdraw-actions,.deposit-actions){grid-template-columns:1fr!important;}
  body[data-page]:not(.nt-auth) .toast-wrap{width:calc(100vw - 16px)!important;}
}
@media (max-width:330px){
  body[data-page]:not(.nt-auth) .app-shell>.content{padding-left:max(8px,env(safe-area-inset-left,0px))!important;padding-right:max(8px,env(safe-area-inset-right,0px))!important;}
  body[data-page]:not(.nt-auth) :where(.btn,button,a.btn){font-size:12px!important;}
  body[data-page]:not(.nt-auth) .bottom-nav a span:last-child{display:none!important;}
}
@media (prefers-reduced-motion: reduce){
  body[data-page]:not(.nt-auth) *,body.nt-auth *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}

/* Neural Trade Deep UI/UX Audit Tahap 9: PWA modal extraction, micro-overflow guard, and final mobile polish. */
html.real-mobile,
html.real-mobile body,
body[data-page]{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}
body[data-page]:not(.nt-auth) .app-shell{
  isolation:isolate!important;
  contain:none!important;
}
body[data-page]:not(.nt-auth) .content,
body[data-page]:not(.nt-auth) main.content{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
body[data-page]:not(.nt-auth) :where(.hero,.card,.glass-card,.balance-card,.market-card,.coin-card,.tx-card,.invoice-card,.trade-card,.tradebuy-card,.profile-card,.referral-card,.form-card,.empty,.list-item,.nt-panel){
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
body[data-page]:not(.nt-auth) :where(.section-title,.hero-title,.card-title,.trade-title,.invoice-title,.profile-name,.referral-link,.wallet-address,.copy-value,.nt-copy-value,.hash,.tx-code,.address,.bank-name,.coin-name,.coin-symbol){
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body[data-page]:not(.nt-auth) :where(button,.btn,a.btn,.icon-btn,.neuraltrade-pwa-btn){
  min-height:44px!important;
  -webkit-tap-highlight-color:transparent!important;
}
body[data-page]:not(.nt-auth) :where(input,select,textarea){
  min-height:46px!important;
  font-size:16px!important;
}
body[data-page]:not(.nt-auth) :where(.btn,.icon-btn,.bottom-nav a,.neuraltrade-pwa-btn):focus-visible{
  outline:2px solid rgba(36,232,176,.72)!important;
  outline-offset:3px!important;
}
body[data-page]:not(.nt-auth) .topbar{
  backface-visibility:hidden!important;
  transform:translate3d(-50%,0,0)!important;
}
body.nt-pwa-open,
body.nt-pwa-open .app-shell{
  overflow:hidden!important;
}
.neuraltrade-pwa-modal,
#neuraltradePwaModal{
  position:fixed!important;
  inset:0!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:max(14px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))!important;
  background:rgba(2,7,16,.72)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  z-index:99999!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
.neuraltrade-pwa-modal.neuraltrade-pwa-show,
#neuraltradePwaModal.neuraltrade-pwa-show{
  display:flex!important;
}
.neuraltrade-pwa-box,
#neuraltradePwaModal .neuraltrade-pwa-box{
  width:min(420px,100%)!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--nt-keyboard,0px) - 24px)!important;
  border-radius:28px!important;
  padding:24px!important;
  background:linear-gradient(180deg,rgba(17,26,46,.98),rgba(8,12,22,.98))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.07)!important;
  text-align:center!important;
  position:relative!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  color:#f8fbff!important;
}
.neuraltrade-pwa-box::before,
#neuraltradePwaModal .neuraltrade-pwa-box::before{
  content:""!important;
  position:absolute!important;
  inset:auto -50px -60px auto!important;
  width:130px!important;
  height:130px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(30,167,255,.16),rgba(30,167,255,0))!important;
  pointer-events:none!important;
}
.neuraltrade-pwa-icon,
#neuraltradePwaModal .neuraltrade-pwa-icon{
  width:78px!important;
  height:78px!important;
  margin:0 auto 14px!important;
  border-radius:26px!important;
  display:grid!important;
  place-items:center!important;
  font-size:34px!important;
  background:linear-gradient(135deg,rgba(36,232,176,.22),rgba(30,167,255,.20))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  position:relative!important;
  z-index:1!important;
}
.neuraltrade-pwa-title,
#neuraltradePwaModal .neuraltrade-pwa-title{
  margin:0!important;
  font-size:clamp(20px,6vw,24px)!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#fff!important;
  position:relative!important;
  z-index:1!important;
  overflow-wrap:anywhere!important;
}
.neuraltrade-pwa-copy,
#neuraltradePwaModal .neuraltrade-pwa-copy{
  margin:10px 0 0!important;
  color:#aab8d4!important;
  font-size:13px!important;
  line-height:1.65!important;
  position:relative!important;
  z-index:1!important;
  overflow-wrap:anywhere!important;
}
.neuraltrade-pwa-actions,
#neuraltradePwaModal .neuraltrade-pwa-actions{
  margin-top:18px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  position:relative!important;
  z-index:1!important;
}
.neuraltrade-pwa-btn,
#neuraltradePwaModal .neuraltrade-pwa-btn{
  border:0!important;
  border-radius:18px!important;
  padding:13px 16px!important;
  font-weight:900!important;
  cursor:pointer!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.neuraltrade-pwa-btn-primary,
#neuraltradePwaModal .neuraltrade-pwa-btn-primary{
  background:linear-gradient(135deg,#24e8b0,#1ea7ff)!important;
  color:#03111c!important;
  box-shadow:0 14px 34px rgba(30,167,255,.25)!important;
}
.neuraltrade-pwa-btn-secondary,
#neuraltradePwaModal .neuraltrade-pwa-btn-secondary{
  background:rgba(255,255,255,.07)!important;
  color:#e7eefc!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.neuraltrade-pwa-modal.neuraltrade-pwa-show .neuraltrade-pwa-box,
#neuraltradePwaModal.neuraltrade-pwa-show .neuraltrade-pwa-box{
  animation:neuraltradePwaPop .24s ease-out!important;
}
@keyframes neuraltradePwaPop{
  0%{transform:scale(.94);opacity:0;}
  100%{transform:scale(1);opacity:1;}
}
@media (max-width:360px){
  .neuraltrade-pwa-box,#neuraltradePwaModal .neuraltrade-pwa-box{padding:20px!important;border-radius:24px!important;}
  .neuraltrade-pwa-actions,#neuraltradePwaModal .neuraltrade-pwa-actions{grid-template-columns:1fr!important;gap:10px!important;}
  .neuraltrade-pwa-icon,#neuraltradePwaModal .neuraltrade-pwa-icon{width:66px!important;height:66px!important;font-size:30px!important;border-radius:22px!important;}
}
@media (max-height:620px){
  .neuraltrade-pwa-box,#neuraltradePwaModal .neuraltrade-pwa-box{padding:18px!important;}
  .neuraltrade-pwa-icon,#neuraltradePwaModal .neuraltrade-pwa-icon{width:58px!important;height:58px!important;margin-bottom:10px!important;}
  .neuraltrade-pwa-actions,#neuraltradePwaModal .neuraltrade-pwa-actions{margin-top:12px!important;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
}

/* Neural Trade Tahap 9 micro-fix: deterministic drawer geometry for automated and real mobile preview. */
body[data-page]:not(.nt-auth) .sidebar,
body[data-page]:not(.nt-auth) #ntSidebar{
  left:0!important;right:0!important;top:0!important;bottom:0!important;
}
body[data-page]:not(.nt-auth) .sidebar-panel,
body[data-page]:not(.nt-auth) #ntSidebar .sidebar-panel{
  position:absolute!important;
  left:0!important;
  top:0!important;
  right:auto!important;
  margin:0!important;
  transform:translate3d(-112%,0,0)!important;
  transition:transform .04s ease, opacity .04s ease!important;
}
body[data-page]:not(.nt-auth) .sidebar.open .sidebar-panel,
body[data-page]:not(.nt-auth) #ntSidebar.open .sidebar-panel{
  transform:translate3d(0,0,0)!important;
}

/* Neural Trade Tahap 9 final drawer lock: prevent sub-pixel transitional drift on small mobile. */
body[data-page]:not(.nt-auth) #ntSidebar .sidebar-panel,
body[data-page]:not(.nt-auth) .sidebar .sidebar-panel{
  transition:none!important;
  will-change:auto!important;
}

/* Tahap 9 micro-fix: sidebar panel anchored to viewport left during open transition. */
.sidebar,
#ntSidebar{
  left:0!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  margin:0!important;
  transform:none!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
}
.sidebar-panel,
#ntSidebar .sidebar-panel{
  position:absolute!important;
  left:0!important;
  right:auto!important;
  top:0!important;
  bottom:auto!important;
  margin:0!important;
  transform:translate3d(-104%,0,0)!important;
  transition:transform .06s ease, box-shadow .06s ease!important;
}
.sidebar.open .sidebar-panel,
#ntSidebar.open .sidebar-panel{
  transform:translate3d(0,0,0)!important;
}
body[data-page]:not(.nt-auth) #ntSidebar,
body[data-page]:not(.nt-auth) .sidebar{
  transition:none!important;
  will-change:auto!important;
}

/* Neural Trade Deep UI/UX Audit Tahap 10: final mobile hardening layer. */
:root{
  --nt-stage10-safe-x: clamp(14px, 4vw, 20px);
  --nt-stage10-card-gap: clamp(12px, 3.4vw, 18px);
  --nt-stage10-touch: 46px;
  --nt-stage10-header-offset: calc(var(--nt-topbar-height, 72px) + env(safe-area-inset-top, 0px));
  --nt-stage10-bottom-offset: calc(var(--nt-bottom-nav-height, 74px) + env(safe-area-inset-bottom, 0px));
}
html,body{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
  overscroll-behavior-x:none!important;
}
body[data-page]:not(.nt-auth){
  background:#071120!important;
  touch-action:pan-y!important;
}
body.nt-overlay-open,
body.nt-sidebar-open,
body.nt-pwa-open{
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
body[data-page]:not(.nt-auth) .app-shell,
body[data-page]:not(.nt-auth) main.content,
body[data-page]:not(.nt-auth) .content{
  width:100%!important;
  max-width:100vw!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body[data-page]:not(.nt-auth) main.content,
body[data-page]:not(.nt-auth) .content{
  padding-left:var(--nt-stage10-safe-x)!important;
  padding-right:var(--nt-stage10-safe-x)!important;
  padding-top:max(92px,var(--nt-stage10-header-offset))!important;
  padding-bottom:calc(var(--nt-stage10-bottom-offset) + 28px + var(--nt-keyboard,0px))!important;
  scroll-padding-top:calc(var(--nt-stage10-header-offset) + 14px)!important;
  scroll-padding-bottom:calc(var(--nt-stage10-bottom-offset) + 20px)!important;
}
body.nt-action-page main.content,
body.nt-action-page .content,
body.nt-page-tradebuy main.content,
body.nt-page-tradebuy .content,
body.nt-page-invoice-usdt main.content,
body.nt-page-invoice-usdt .content,
body.nt-page-invoice-idr main.content,
body.nt-page-invoice-idr .content,
body.nt-page-top-up main.content,
body.nt-page-top-up .content,
body.nt-page-withdraw main.content,
body.nt-page-withdraw .content{
  padding-bottom:calc(42px + env(safe-area-inset-bottom,0px) + var(--nt-keyboard,0px))!important;
}
body.nt-action-page .bottom-nav,
body.nt-page-tradebuy .bottom-nav,
body.nt-page-invoice-usdt .bottom-nav,
body.nt-page-invoice-idr .bottom-nav,
body.nt-page-top-up .bottom-nav,
body.nt-page-withdraw .bottom-nav,
body.nt-input-focus .bottom-nav,
body.nt-keyboard-open .bottom-nav,
body.nt-overlay-open .bottom-nav{
  opacity:0!important;
  pointer-events:none!important;
  transform:translate3d(-50%,calc(120% + env(safe-area-inset-bottom,0px)),0)!important;
}
.topbar,
body[data-page]:not(.nt-auth) .topbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-width:100vw!important;
  z-index:1050!important;
  padding-top:env(safe-area-inset-top,0px)!important;
  transform:none!important;
  contain:layout style!important;
}
.topbar-inner{
  min-width:0!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
}
.topbar-title,.topbar-subtitle,.header-title,.header-subtitle{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
  width:min(calc(100vw - 22px),430px)!important;
  max-width:calc(100vw - 22px)!important;
  min-width:0!important;
  z-index:1045!important;
  transform:translate3d(-50%,0,0)!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:3px!important;
  padding:8px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.bottom-nav a{
  min-width:0!important;
  max-width:100%!important;
  min-height:52px!important;
  padding:6px 2px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:hidden!important;
  border-radius:16px!important;
}
.bottom-nav a span,
.bottom-nav a small,
.bottom-nav a b{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.1!important;
}
@media (max-width:340px){
  .bottom-nav{width:calc(100vw - 14px)!important;padding:7px 5px!important;gap:2px!important;}
  .bottom-nav a{min-height:48px!important;border-radius:14px!important;}
  .bottom-nav a span:last-child{font-size:9.5px!important;letter-spacing:-.15px!important;}
}
.card,.glass-card,.balance-card,.market-card,.trade-card,.trade-detail-card,.tx-card,.invoice-card,.profile-card,.referral-card,.wallet-card,.bank-card,.withdraw-card,.deposit-card,.bonus-card,.nt-card,.hero,.quick-link,.list-item,.trade-flow-box,.modal-dialog,.neuraltrade-pwa-box,.claim-modal-box,.nt-voucher-dialog{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.card *,.glass-card *,.balance-card *,.market-card *,.trade-card *,.trade-detail-card *,.tx-card *,.invoice-card *,.profile-card *,.referral-card *,.wallet-card *,.bank-card *,.withdraw-card *,.deposit-card *,.bonus-card *,.nt-card *,.hero *,.quick-link *,.list-item *{
  min-width:0;
}
.invoice-address,.wallet-address,.referral-link,.address-text,.copy-value,.tx-id,.hash,.email,.user-email,.coin-name,.trade-title,.status-badge,.badge,.price,.amount,.balance-value,.profit-value,.legal-text,.warning-text{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
}
.tradebuy-actions,.invoice-action-row,.form-action,.hero-actions,.modal-actions,.neuraltrade-pwa-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
}
.tradebuy-actions .btn,.invoice-action-row .btn,.form-action .btn,.hero-actions .btn,.modal-actions .btn,.neuraltrade-pwa-actions .btn,.tradebuy-actions button,.invoice-action-row button,.form-action button,.hero-actions button,.modal-actions button,.neuraltrade-pwa-actions button{
  width:100%!important;
  max-width:100%!important;
  min-height:var(--nt-stage10-touch)!important;
}
button,.btn,a.btn,input,select,textarea{
  max-width:100%!important;
  box-sizing:border-box!important;
  font-size:max(13px,16px)!important;
  -webkit-tap-highlight-color:rgba(36,232,176,.18)!important;
}
input,select,textarea{
  min-height:var(--nt-stage10-touch)!important;
}
img,svg,canvas,iframe,video{
  max-width:100%!important;
}
canvas,iframe{display:block!important;}
.table-responsive,table{
  max-width:100%!important;
}
.table-responsive{
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.sidebar,#ntSidebar{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:calc(var(--nt-vh,1vh) * 100)!important;
  max-width:100vw!important;
  overflow:hidden!important;
  z-index:1100!important;
  pointer-events:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
.sidebar.open,#ntSidebar.open{
  pointer-events:auto!important;
  visibility:visible!important;
  opacity:1!important;
}
.sidebar-panel,#ntSidebar .sidebar-panel{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:min(86vw,336px)!important;
  max-width:calc(100vw - 26px)!important;
  height:calc(var(--nt-vh,1vh) * 100)!important;
  max-height:calc(var(--nt-vh,1vh) * 100)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  transform:translate3d(-110%,0,0)!important;
  contain:layout paint style!important;
}
.sidebar.open .sidebar-panel,#ntSidebar.open .sidebar-panel{
  transform:translate3d(0,0,0)!important;
}
.sidebar:not(.open) .sidebar-panel,#ntSidebar:not(.open) .sidebar-panel{
  visibility:hidden!important;
}
.trade-flow-modal,.claim-modal,.nt-voucher-modal,.modal,#ntInstallModal,.neuraltrade-pwa-modal{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  max-width:100vw!important;
  height:calc(var(--nt-vh,1vh) * 100)!important;
  max-height:calc(var(--nt-vh,1vh) * 100)!important;
  overflow:hidden!important;
  padding:calc(env(safe-area-inset-top,0px) + 12px) var(--nt-stage10-safe-x) calc(env(safe-area-inset-bottom,0px) + 12px)!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
}
.trade-flow-box,.claim-modal-box,.nt-voucher-dialog,.modal-dialog,.neuraltrade-pwa-box{
  width:min(100%,420px)!important;
  max-width:100%!important;
  max-height:calc((var(--nt-vh,1vh) * 100) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
.toast,#ntToast,.toast-wrap .toast{
  position:fixed!important;
  left:var(--nt-stage10-safe-x)!important;
  right:var(--nt-stage10-safe-x)!important;
  bottom:calc(var(--nt-stage10-bottom-offset) + 12px + var(--nt-keyboard,0px))!important;
  width:auto!important;
  max-width:min(430px,calc(100vw - (var(--nt-stage10-safe-x) * 2)))!important;
  margin:0 auto!important;
  z-index:1200!important;
  box-sizing:border-box!important;
}
body.nt-action-page .toast,
body.nt-action-page #ntToast,
body.nt-page-tradebuy .toast,
body.nt-page-tradebuy #ntToast,
body.nt-page-invoice-usdt .toast,
body.nt-page-invoice-usdt #ntToast,
body.nt-page-top-up .toast,
body.nt-page-top-up #ntToast,
body.nt-page-withdraw .toast,
body.nt-page-withdraw #ntToast,
body.nt-input-focus .toast,
body.nt-input-focus #ntToast{
  bottom:calc(20px + env(safe-area-inset-bottom,0px) + var(--nt-keyboard,0px))!important;
}
body.nt-auth .topbar,body.nt-auth .bottom-nav,body.nt-auth .sidebar{display:none!important;}
body.nt-auth main.content,body.nt-auth .content{padding:0!important;}
@media (max-height:620px){
  body[data-page]:not(.nt-auth) main.content,body[data-page]:not(.nt-auth) .content{padding-top:max(84px,var(--nt-stage10-header-offset))!important;}
  .trade-flow-box,.claim-modal-box,.nt-voucher-dialog,.modal-dialog,.neuraltrade-pwa-box{max-height:calc((var(--nt-vh,1vh) * 100) - 20px)!important;}
}

/* Neural Trade Deep UI/UX Audit Tahap 11: precision mobile polish and live-preview hardening. */
:root{
  --nt-stage11-safe-x:clamp(12px,4vw,18px);
  --nt-stage11-touch:48px;
  --nt-stage11-header:calc(72px + env(safe-area-inset-top,0px));
  --nt-stage11-bottom:calc(82px + env(safe-area-inset-bottom,0px));
}
html,
body{
  max-width:100%!important;
  overflow-x:clip!important;
  overscroll-behavior-x:none!important;
  text-size-adjust:100%!important;
  -webkit-text-size-adjust:100%!important;
}
@supports not (overflow:clip){
  html,body{overflow-x:hidden!important;}
}
body.nt-stage11-ready,
body.nt-stage11-ready .app-shell{
  min-width:0!important;
  max-width:100vw!important;
  contain:none!important;
}
body.nt-stage11-ready:not(.nt-auth) .app-shell,
body.nt-stage11-ready:not(.nt-auth) main.content,
body.nt-stage11-ready:not(.nt-auth) .content{
  width:100%!important;
  max-width:100vw!important;
  overflow-x:clip!important;
  box-sizing:border-box!important;
}
body.nt-stage11-ready:not(.nt-auth) main.content,
body.nt-stage11-ready:not(.nt-auth) .content{
  padding-left:var(--nt-stage11-safe-x)!important;
  padding-right:var(--nt-stage11-safe-x)!important;
  padding-top:max(var(--nt-stage11-header),var(--nt-stage10-header-offset,92px))!important;
  padding-bottom:calc(var(--nt-stage11-bottom) + 18px + var(--nt-keyboard,0px))!important;
}
body.nt-stage11-ready.nt-action-page main.content,
body.nt-stage11-ready.nt-action-page .content,
body.nt-stage11-ready.nt-page-deposit main.content,
body.nt-stage11-ready.nt-page-deposit .content,
body.nt-stage11-ready.nt-page-withdraw main.content,
body.nt-stage11-ready.nt-page-withdraw .content,
body.nt-stage11-ready.nt-page-invoice main.content,
body.nt-stage11-ready.nt-page-invoice .content,
body.nt-stage11-ready.nt-page-invoice-usdt main.content,
body.nt-stage11-ready.nt-page-invoice-usdt .content,
body.nt-stage11-ready.nt-page-invoice-idr main.content,
body.nt-stage11-ready.nt-page-invoice-idr .content,
body.nt-stage11-ready.nt-page-tradebuy main.content,
body.nt-stage11-ready.nt-page-tradebuy .content{
  padding-bottom:calc(34px + env(safe-area-inset-bottom,0px) + var(--nt-keyboard,0px))!important;
}
body.nt-stage11-ready .topbar{
  min-height:var(--nt-stage11-header)!important;
  max-width:100vw!important;
  overflow:hidden!important;
}
body.nt-stage11-ready .topbar-inner{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(42px,auto) minmax(0,1fr) minmax(42px,auto)!important;
  gap:8px!important;
  padding-left:var(--nt-stage11-safe-x)!important;
  padding-right:var(--nt-stage11-safe-x)!important;
  box-sizing:border-box!important;
}
body.nt-stage11-ready .topbar .brand{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
body.nt-stage11-ready .topbar .brand img{
  flex:0 0 auto!important;
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
}
body.nt-stage11-ready .brand-title,
body.nt-stage11-ready .brand-sub,
body.nt-stage11-ready .section-badge{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body.nt-stage11-ready .icon-btn,
body.nt-stage11-ready .topbar .section-badge{
  flex:0 0 auto!important;
}
body.nt-stage11-ready .bottom-nav{
  max-height:76px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body.nt-stage11-ready .bottom-nav a[aria-current="page"]{
  border-color:rgba(40,234,177,.40)!important;
}
body.nt-stage11-ready.nt-action-page .bottom-nav,
body.nt-stage11-ready.nt-input-focus .bottom-nav,
body.nt-stage11-ready.nt-keyboard-open .bottom-nav,
body.nt-stage11-ready.nt-overlay-open .bottom-nav,
body.nt-stage11-ready.nt-sidebar-open .bottom-nav,
body.nt-stage11-ready.nt-page-deposit .bottom-nav,
body.nt-stage11-ready.nt-page-withdraw .bottom-nav,
body.nt-stage11-ready.nt-page-invoice .bottom-nav,
body.nt-stage11-ready.nt-page-invoice-usdt .bottom-nav,
body.nt-stage11-ready.nt-page-invoice-idr .bottom-nav,
body.nt-stage11-ready.nt-page-tradebuy .bottom-nav{
  opacity:0!important;
  pointer-events:none!important;
  transform:translate3d(-50%,calc(125% + env(safe-area-inset-bottom,0px)),0)!important;
}
body.nt-stage11-ready .sidebar,
body.nt-stage11-ready #ntSidebar{
  isolation:isolate!important;
}
body.nt-stage11-ready .sidebar:not(.open),
body.nt-stage11-ready #ntSidebar:not(.open){
  pointer-events:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
body.nt-stage11-ready .sidebar-panel,
body.nt-stage11-ready #ntSidebar .sidebar-panel{
  width:min(88vw,340px)!important;
  max-width:calc(100vw - 18px)!important;
  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  scrollbar-width:thin!important;
}
body.nt-stage11-ready .side-links a{
  min-height:44px!important;
  align-items:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.nt-stage11-ready .trade-flow-modal:not(.show),
body.nt-stage11-ready .claim-modal:not(.show),
body.nt-stage11-ready .nt-voucher-modal:not(.show),
body.nt-stage11-ready .modal:not(.show),
body.nt-stage11-ready #ntInstallModal:not(.show),
body.nt-stage11-ready .neuraltrade-pwa-modal:not(.neuraltrade-pwa-show){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}
body.nt-stage11-ready .trade-flow-modal.show,
body.nt-stage11-ready .claim-modal.show,
body.nt-stage11-ready .nt-voucher-modal.show,
body.nt-stage11-ready .modal.show,
body.nt-stage11-ready #ntInstallModal.show,
body.nt-stage11-ready .neuraltrade-pwa-modal.neuraltrade-pwa-show{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  opacity:1!important;
  overflow:hidden!important;
}
body.nt-stage11-ready .trade-flow-box,
body.nt-stage11-ready .claim-modal-box,
body.nt-stage11-ready .nt-voucher-dialog,
body.nt-stage11-ready .modal-dialog,
body.nt-stage11-ready .neuraltrade-pwa-box{
  border-radius:24px!important;
  max-width:min(420px,calc(100vw - (var(--nt-stage11-safe-x) * 2)))!important;
  max-height:calc((var(--nt-vh,1vh) * 100) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px)!important;
  overscroll-behavior:contain!important;
}
body.nt-stage11-ready .toast-wrap{
  position:fixed!important;
  inset:auto 0 0 0!important;
  pointer-events:none!important;
  z-index:1200!important;
  width:100vw!important;
  max-width:100vw!important;
  overflow:visible!important;
}
body.nt-stage11-ready .toast,
body.nt-stage11-ready #ntToast{
  pointer-events:auto!important;
  bottom:calc(var(--nt-stage11-bottom) + 10px + var(--nt-keyboard,0px))!important;
  left:var(--nt-stage11-safe-x)!important;
  right:var(--nt-stage11-safe-x)!important;
  max-width:min(430px,calc(100vw - (var(--nt-stage11-safe-x) * 2)))!important;
  overflow:hidden!important;
}
body.nt-stage11-ready.nt-action-page .toast,
body.nt-stage11-ready.nt-action-page #ntToast,
body.nt-stage11-ready.nt-input-focus .toast,
body.nt-stage11-ready.nt-input-focus #ntToast,
body.nt-stage11-ready.nt-overlay-open .toast,
body.nt-stage11-ready.nt-overlay-open #ntToast{
  bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--nt-keyboard,0px))!important;
}
body.nt-stage11-ready .card,
body.nt-stage11-ready .glass-card,
body.nt-stage11-ready .balance-card,
body.nt-stage11-ready .market-card,
body.nt-stage11-ready .trade-card,
body.nt-stage11-ready .trade-detail-card,
body.nt-stage11-ready .tx-card,
body.nt-stage11-ready .invoice-card,
body.nt-stage11-ready .profile-card,
body.nt-stage11-ready .referral-card,
body.nt-stage11-ready .wallet-card,
body.nt-stage11-ready .bank-card,
body.nt-stage11-ready .withdraw-card,
body.nt-stage11-ready .deposit-card,
body.nt-stage11-ready .bonus-card,
body.nt-stage11-ready .nt-card,
body.nt-stage11-ready .hero,
body.nt-stage11-ready .quick-link,
body.nt-stage11-ready .list-item{
  overflow:hidden!important;
}
body.nt-stage11-ready .nt-long-safe,
body.nt-stage11-ready .invoice-address,
body.nt-stage11-ready .wallet-address,
body.nt-stage11-ready .referral-link,
body.nt-stage11-ready .address-text,
body.nt-stage11-ready .copy-value,
body.nt-stage11-ready .tx-id,
body.nt-stage11-ready .hash,
body.nt-stage11-ready .email,
body.nt-stage11-ready .user-email,
body.nt-stage11-ready .coin-name,
body.nt-stage11-ready .trade-title,
body.nt-stage11-ready .status-badge,
body.nt-stage11-ready .badge,
body.nt-stage11-ready .price,
body.nt-stage11-ready .amount,
body.nt-stage11-ready .balance-value,
body.nt-stage11-ready .profit-value,
body.nt-stage11-ready .legal-text,
body.nt-stage11-ready .warning-text,
body.nt-stage11-ready code{
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  white-space:normal!important;
}
body.nt-stage11-ready button,
body.nt-stage11-ready .btn,
body.nt-stage11-ready a.btn,
body.nt-stage11-ready input,
body.nt-stage11-ready select,
body.nt-stage11-ready textarea{
  min-height:var(--nt-stage11-touch)!important;
  font-size:16px!important;
  line-height:1.2!important;
}
body.nt-stage11-ready .btn-sm,
body.nt-stage11-ready button.btn-sm{
  min-height:40px!important;
  font-size:13px!important;
}
body.nt-stage11-ready .table-responsive,
body.nt-stage11-ready .nt-table-wrap{
  overflow-x:auto!important;
  max-width:100%!important;
  border-radius:18px!important;
}
@media (max-width:360px){
  :root{--nt-stage11-safe-x:10px;--nt-stage11-touch:46px;}
  body.nt-stage11-ready .topbar-inner{gap:6px!important;}
  body.nt-stage11-ready .topbar .brand img{width:32px!important;height:32px!important;}
  body.nt-stage11-ready .brand-title{font-size:13px!important;}
  body.nt-stage11-ready .brand-sub{font-size:10px!important;}
  body.nt-stage11-ready .section-badge{max-width:80px!important;font-size:10px!important;padding-left:7px!important;padding-right:7px!important;}
  body.nt-stage11-ready .card,
  body.nt-stage11-ready .glass-card,
  body.nt-stage11-ready .balance-card,
  body.nt-stage11-ready .invoice-card,
  body.nt-stage11-ready .trade-detail-card,
  body.nt-stage11-ready .profile-card,
  body.nt-stage11-ready .referral-card{border-radius:20px!important;}
}
@media (max-width:330px){
  :root{--nt-stage11-safe-x:8px;}
  body.nt-stage11-ready .topbar .brand img{width:30px!important;height:30px!important;}
  body.nt-stage11-ready .brand-sub{display:none!important;}
  body.nt-stage11-ready .bottom-nav a span:last-child{font-size:8.5px!important;}
  body.nt-stage11-ready .sidebar-panel{max-width:calc(100vw - 10px)!important;width:min(92vw,330px)!important;}
}
@media (max-height:620px){
  body.nt-stage11-ready:not(.nt-auth) main.content,
  body.nt-stage11-ready:not(.nt-auth) .content{padding-top:max(80px,calc(66px + env(safe-area-inset-top,0px)))!important;}
  body.nt-stage11-ready .topbar .brand img{width:32px!important;height:32px!important;}
  body.nt-stage11-ready .trade-flow-box,
  body.nt-stage11-ready .claim-modal-box,
  body.nt-stage11-ready .nt-voucher-dialog,
  body.nt-stage11-ready .modal-dialog,
  body.nt-stage11-ready .neuraltrade-pwa-box{max-height:calc((var(--nt-vh,1vh) * 100) - 14px)!important;}
}

/* Neural Trade Tahap 11 micro-fix: toast must stay inside the mobile viewport even if older layers added translate transforms. */
body.nt-stage11-ready .toast,
body.nt-stage11-ready #ntToast,
body.nt-stage11-ready .toast-wrap .toast{
  transform:none!important;
  translate:none!important;
  margin-left:0!important;
  margin-right:0!important;
  width:auto!important;
  min-width:0!important;
  inset-inline:var(--nt-stage11-safe-x)!important;
}
body.nt-stage11-ready .toast-wrap{
  transform:none!important;
  translate:none!important;
  margin:0!important;
}


/* ===== NEURAL TRADE STAGE 12 APPROVED AUDIT FIX 2026-06-29 ===== */
/* Guard 320px layout: section headings and right-side badges must never push the mobile viewport. */
body.nt-stage12-ui-fix .section-title,
body.nt-stage12-ui-fix .section-title > div,
body.nt-stage12-ui-fix .section-head,
body.nt-stage12-ui-fix .hero-head,
body.nt-stage12-ui-fix .reward-head,
body.nt-stage12-ui-fix .support-card,
body.nt-stage12-ui-fix .support-meta{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.nt-stage12-ui-fix .section-title h1,
body.nt-stage12-ui-fix .section-title h2,
body.nt-stage12-ui-fix .section-title p,
body.nt-stage12-ui-fix .section-head h1,
body.nt-stage12-ui-fix .section-head h2,
body.nt-stage12-ui-fix .section-head p,
body.nt-stage12-ui-fix .support-title,
body.nt-stage12-ui-fix .support-sub,
body.nt-stage12-ui-fix .reward-title,
body.nt-stage12-ui-fix .reward-sub{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body.nt-stage12-ui-fix .support-arrow,
body.nt-stage12-ui-fix .reward-badge{
  flex:0 0 auto!important;
  max-width:42%!important;
}

/* Premium readability: remove micro text that looked compressed on 320px devices. */
body.nt-stage12-ui-fix .brand-sub{font-size:11px!important;line-height:1.3!important;}
body.nt-stage12-ui-fix .badge,
body.nt-stage12-ui-fix .section-badge,
body.nt-stage12-ui-fix .topbar .section-badge{font-size:11px!important;line-height:1.25!important;}
body.nt-stage12-ui-fix .stat-label,
body.nt-stage12-ui-fix .metric-label,
body.nt-stage12-ui-fix .hero-chip-label{font-size:11px!important;line-height:1.35!important;}
body.nt-stage12-ui-fix .bottom-nav a{font-size:10.75px!important;line-height:1.12!important;}
body.nt-stage12-ui-fix .bottom-nav a span:last-child{font-size:10.75px!important;line-height:1.12!important;}
body.nt-stage12-ui-fix .bottom-nav .nav-ic{font-size:17px!important;}
@media (max-width:330px){
  body.nt-stage12-ui-fix .bottom-nav a,
  body.nt-stage12-ui-fix .bottom-nav a span:last-child{font-size:10px!important;}
  body.nt-stage12-ui-fix .topbar .section-badge{max-width:76px!important;font-size:10.5px!important;padding-left:7px!important;padding-right:7px!important;}
}

/* Invoice fallback state when provider did not return QR/address. */
body.nt-stage12-ui-fix .invoice-payment-missing{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:16px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,191,71,.22)!important;
  background:linear-gradient(180deg, rgba(255,191,71,.12), rgba(14,25,46,.78))!important;
  color:#f8fbff!important;
  text-align:left!important;
}
body.nt-stage12-ui-fix .invoice-payment-missing strong{font-size:14px!important;line-height:1.3!important;}
body.nt-stage12-ui-fix .invoice-payment-missing span{font-size:12px!important;line-height:1.55!important;color:rgba(224,238,255,.76)!important;}

/* Normalize old solid-black card remnants into the same premium glass layer. */
body.nt-stage12-ui-fix .card,
body.nt-stage12-ui-fix .team-tab-btn:not(.active){
  background:linear-gradient(180deg, rgba(14,25,46,.86), rgba(7,13,25,.94))!important;
  border-color:rgba(255,255,255,.09)!important;
}

/* Stage 12 live retest override: keep topbar subtitle readable on ultra-narrow devices despite older data-page/media layers. */
body.nt-stage12-ui-fix[data-page]:not(.nt-auth) .topbar .brand-sub,
body.nt-stage12-ui-fix.nt-stage11-ready .topbar .brand-sub{
  font-size:11px!important;
  line-height:1.3!important;
}
@media (max-width:330px){
  body.nt-stage12-ui-fix[data-page]:not(.nt-auth) .topbar .brand-sub,
  body.nt-stage12-ui-fix.nt-stage11-ready .topbar .brand-sub{font-size:10.5px!important;}
}

/* Stage 13: bottom navigation anti-compression fix.
   Previous hardening accidentally constrained each link to 20% of its grid cell,
   making labels collapse into H./M./D./R./P. on mobile. */
body[data-page]:not(.nt-auth) .bottom-nav,
body.nt-stage13-ui-fix .bottom-nav{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:4px!important;
}
body[data-page]:not(.nt-auth) .bottom-nav a,
body.nt-stage13-ui-fix .bottom-nav a{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  justify-self:stretch!important;
  flex:1 1 auto!important;
  padding-left:2px!important;
  padding-right:2px!important;
  box-sizing:border-box!important;
}
body[data-page]:not(.nt-auth) .bottom-nav a span:last-child,
body.nt-stage13-ui-fix .bottom-nav a span:last-child{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:10.75px!important;
  letter-spacing:-.08px!important;
}
@media (max-width:330px){
  body[data-page]:not(.nt-auth) .bottom-nav,
  body.nt-stage13-ui-fix .bottom-nav{gap:2px!important;padding-left:5px!important;padding-right:5px!important;}
  body[data-page]:not(.nt-auth) .bottom-nav a span:last-child,
  body.nt-stage13-ui-fix .bottom-nav a span:last-child{font-size:10px!important;letter-spacing:-.18px!important;}
}

/* Stage 14: final live-audit UI/UX hardening.
   Scope: no auto-modal residue, tighter protected-page spacing, readable 320px nav, and section-title clipping fix. */
body[data-page]:not(.nt-auth) main.content,
body[data-page]:not(.nt-auth) .content,
body.nt-stage14-ui-fix:not(.nt-auth) main.content,
body.nt-stage14-ui-fix:not(.nt-auth) .content{
  padding-top:clamp(18px,5vw,24px)!important;
  scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))!important;
}
body[data-page]:not(.nt-auth) .section-title,
body[data-page]:not(.nt-auth) .section-title > div,
body.nt-stage14-ui-fix .section-title,
body.nt-stage14-ui-fix .section-title > div{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:initial!important;
  white-space:normal!important;
  box-sizing:border-box!important;
}
body[data-page]:not(.nt-auth) .section-title h1,
body[data-page]:not(.nt-auth) .section-title h2,
body[data-page]:not(.nt-auth) .section-title p,
body.nt-stage14-ui-fix .section-title h1,
body.nt-stage14-ui-fix .section-title h2,
body.nt-stage14-ui-fix .section-title p{
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:initial!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body[data-page]:not(.nt-auth) .section-title .tiny,
body.nt-stage14-ui-fix .section-title .tiny,
body[data-page]:not(.nt-auth) a.tiny,
body.nt-stage14-ui-fix a.tiny,
body.nt-auth .auth-link,
body.nt-auth a.tiny{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:6px 4px!important;
}
body[data-page]:not(.nt-auth) .bottom-nav a span:last-child,
body.nt-stage14-ui-fix .bottom-nav a span:last-child{
  display:block!important;
  font-size:11px!important;
  line-height:1.12!important;
  letter-spacing:-.08px!important;
}
@media (max-width:330px){
  body[data-page]:not(.nt-auth) main.content,
  body[data-page]:not(.nt-auth) .content,
  body.nt-stage14-ui-fix:not(.nt-auth) main.content,
  body.nt-stage14-ui-fix:not(.nt-auth) .content{
    padding-top:18px!important;
  }
  body[data-page]:not(.nt-auth) .bottom-nav a span:last-child,
  body.nt-stage14-ui-fix .bottom-nav a span:last-child{
    display:block!important;
    font-size:10.5px!important;
    letter-spacing:-.14px!important;
  }
}

/* Stage 14 final override: previous .app-shell > .content rules are more specific than the generic content override. */
body[data-page]:not(.nt-auth) .app-shell > main.content,
body[data-page]:not(.nt-auth) .app-shell > .content,
body.nt-stage14-ui-fix:not(.nt-auth) .app-shell > main.content,
body.nt-stage14-ui-fix:not(.nt-auth) .app-shell > .content{
  padding-top:clamp(18px,5vw,24px)!important;
}
@media (max-width:330px){
  body[data-page]:not(.nt-auth) .app-shell > main.content,
  body[data-page]:not(.nt-auth) .app-shell > .content,
  body.nt-stage14-ui-fix:not(.nt-auth) .app-shell > main.content,
  body.nt-stage14-ui-fix:not(.nt-auth) .app-shell > .content{
    padding-top:18px!important;
  }
}



/* ===== NEURAL TRADE STAGE 15: DISTINCT PREMIUM HEADER + DOCK NAV + FINAL MOBILE POLISH ===== */
:root{
  --nt-stage15-header-h:74px;
  --nt-stage15-dock-h:76px;
  --nt-stage15-green:#26f0b8;
  --nt-stage15-blue:#31a8ff;
  --nt-stage15-ink:#07111f;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar{
  position:fixed!important;
  top:max(8px,var(--nt-safe-top,0px))!important;
  left:50%!important;
  right:auto!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(calc(100vw - 20px), calc(var(--nt-app-max,480px) - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:220!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar-inner,
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-header-inner{
  position:relative!important;
  min-height:62px!important;
  width:100%!important;
  max-width:100%!important;
  padding:8px 10px!important;
  gap:9px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    radial-gradient(circle at 12% 0%, rgba(38,240,184,.24), transparent 33%),
    radial-gradient(circle at 88% 10%, rgba(49,168,255,.18), transparent 35%),
    linear-gradient(135deg, rgba(11,22,40,.92), rgba(5,11,24,.82) 54%, rgba(9,17,31,.94))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  overflow:hidden!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar-inner:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg, transparent 0 16%, rgba(255,255,255,.11) 34%, transparent 52% 100%);
  opacity:.32;
  transform:translateX(-32%);
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-menu-btn,
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar .icon-btn{
  position:relative!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 10px 22px rgba(0,0,0,.18)!important;
  color:#f8fbff!important;
  font-size:18px!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-menu-btn:after{
  content:"";
  position:absolute;
  right:8px;
  top:8px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--nt-stage15-green);
  box-shadow:0 0 12px rgba(38,240,184,.78);
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar .brand,
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-brand{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  gap:9px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-brand-orb{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  padding:5px!important;
  background:linear-gradient(145deg, rgba(38,240,184,.20), rgba(49,168,255,.13))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 0 0 4px rgba(38,240,184,.045), 0 14px 26px rgba(0,0,0,.18)!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar .brand img,
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-brand-orb img{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  object-fit:contain!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-brand-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar .brand-title{
  max-width:100%!important;
  font-size:14px!important;
  line-height:1.14!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  color:#f8fbff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar .brand-sub{
  max-width:100%!important;
  font-size:10.7px!important;
  line-height:1.18!important;
  font-weight:650!important;
  color:rgba(224,238,255,.70)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-status{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  gap:6px!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-status-dot{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:var(--nt-stage15-green)!important;
  box-shadow:0 0 12px rgba(38,240,184,.78)!important;
  flex:0 0 auto!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar .section-badge{
  max-width:min(82px,25vw)!important;
  padding:0!important;
  min-height:auto!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:10.6px!important;
  color:rgba(248,251,255,.90)!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .app-shell > main.content,
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .app-shell > .content{
  padding-top:calc(var(--nt-stage15-header-h) + 8px)!important;
}
body.nt-stage15-ui-fix[data-page="deposit"] .app-shell > main.content,
body.nt-stage15-ui-fix[data-route="top-upZ"] .app-shell > main.content,
body.nt-stage15-ui-fix[data-page="withdraw"] .app-shell > main.content,
body.nt-stage15-ui-fix[data-page="invoice"] .app-shell > main.content,
body.nt-stage15-ui-fix[data-route="invoice-idrZ"] .app-shell > main.content,
body.nt-stage15-ui-fix[data-route="invoice-usdtZ"] .app-shell > main.content{
  padding-top:calc(var(--nt-stage15-header-h) + 8px)!important;
}

/* Distinct Stage 15 bottom nav: floating command dock with elevated active chip. */
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav,
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-dock{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:max(10px,var(--nt-safe-bottom,0px))!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(calc(100vw - 18px), 452px)!important;
  max-width:calc(100vw - 18px)!important;
  min-height:var(--nt-stage15-dock-h)!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:5px!important;
  padding:8px!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:
    radial-gradient(circle at 50% 0%, rgba(38,240,184,.18), transparent 36%),
    linear-gradient(180deg, rgba(10,20,38,.88), rgba(5,10,21,.94))!important;
  box-shadow:0 22px 54px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.13)!important;
  backdrop-filter:blur(22px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
  overflow:visible!important;
  z-index:230!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-dock-shine{
  position:absolute!important;
  inset:6px 12px auto 12px!important;
  height:1px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.36), transparent)!important;
  pointer-events:none!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a{
  position:relative!important;
  width:100%!important;
  height:58px!important;
  min-width:0!important;
  min-height:58px!important;
  max-width:100%!important;
  padding:7px 2px!important;
  border-radius:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  color:rgba(225,238,255,.68)!important;
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:visible!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav .nav-ic{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
  line-height:1!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.055)!important;
  color:rgba(248,251,255,.82)!important;
  transition:transform .18s ease, background .18s ease!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav .nav-label,
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a span:last-child{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  font-size:10.6px!important;
  line-height:1.08!important;
  font-weight:760!important;
  letter-spacing:-.12px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a.active{
  color:#06101b!important;
  transform:translateY(-5px)!important;
  background:linear-gradient(135deg, rgba(38,240,184,1), rgba(49,168,255,.94))!important;
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:0 16px 34px rgba(38,240,184,.24), 0 10px 26px rgba(49,168,255,.16)!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a.active:before{
  content:"";
  position:absolute;
  left:50%;
  top:-8px;
  transform:translateX(-50%);
  width:34px;
  height:4px;
  border-radius:999px;
  background:rgba(38,240,184,.95);
  box-shadow:0 0 18px rgba(38,240,184,.78);
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a.active .nav-ic{
  transform:translateY(-1px)!important;
  background:rgba(5,13,24,.16)!important;
  color:#06101b!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a.active .nav-label,
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a.active span:last-child{
  color:#06101b!important;
  font-weight:900!important;
}
body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .app-shell{
  padding-bottom:calc(var(--nt-stage15-dock-h) + 18px + var(--nt-safe-bottom,0px))!important;
}
body.nt-stage15-ui-fix[data-page="deposit"] .bottom-nav,
body.nt-stage15-ui-fix[data-route="top-upZ"] .bottom-nav,
body.nt-stage15-ui-fix[data-page="withdraw"] .bottom-nav,
body.nt-stage15-ui-fix[data-route="withdrawZ"] .bottom-nav,
body.nt-stage15-ui-fix[data-page="invoice"] .bottom-nav,
body.nt-stage15-ui-fix[data-route="invoice-idrZ"] .bottom-nav,
body.nt-stage15-ui-fix[data-route="invoice-usdtZ"] .bottom-nav{
  display:none!important;
}
body.nt-stage15-ui-fix[data-page="deposit"] .app-shell,
body.nt-stage15-ui-fix[data-route="top-upZ"] .app-shell,
body.nt-stage15-ui-fix[data-page="withdraw"] .app-shell,
body.nt-stage15-ui-fix[data-route="withdrawZ"] .app-shell,
body.nt-stage15-ui-fix[data-page="invoice"] .app-shell,
body.nt-stage15-ui-fix[data-route="invoice-idrZ"] .app-shell,
body.nt-stage15-ui-fix[data-route="invoice-usdtZ"] .app-shell{
  padding-bottom:calc(var(--nt-safe-bottom,0px) + 24px)!important;
}
@media (max-width:330px){
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar-inner{min-height:60px!important;padding-left:8px!important;padding-right:8px!important;gap:7px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-menu-btn,
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar .icon-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:16px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-brand-orb{width:36px!important;height:36px!important;min-width:36px!important;border-radius:15px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar .brand img,
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-brand-orb img{width:27px!important;height:27px!important;min-width:27px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar .brand-title{font-size:13px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar .brand-sub{font-size:10.1px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-status{padding-left:7px!important;padding-right:7px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .nt-stage15-status .section-badge{max-width:62px!important;font-size:10px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;gap:3px!important;padding:6px!important;min-height:72px!important;border-radius:26px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a{height:56px!important;min-height:56px!important;border-radius:19px!important;gap:3px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav .nav-ic{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:16px!important;}
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav .nav-label,
  body.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a span:last-child{font-size:10.25px!important;letter-spacing:-.20px!important;}
}

/* Stage 15 final mobile bug fixes from Stage 14 audits. */
body.nt-stage15-ui-fix .deposit-item .list-right{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:right!important;
  white-space:nowrap!important;
}
body.nt-stage15-ui-fix .deposit-item .list-right .price,
body.nt-stage15-ui-fix .deposit-item .list-right .tiny{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  line-height:1.18!important;
}
body.nt-stage15-ui-fix.nt-auth .auth-switch a,
body.nt-stage15-ui-fix body.nt-auth .auth-switch a,
body.nt-auth.nt-stage15-ui-fix .auth-switch a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:7px 6px!important;
  border-radius:12px!important;
  line-height:1.15!important;
  font-weight:850!important;
  text-decoration:none!important;
}
body.nt-stage15-ui-fix.nt-page-register,
body.nt-stage15-ui-fix[data-page="register"]{
  min-height:100dvh!important;
  height:auto!important;
  overflow-y:auto!important;
}
body.nt-stage15-ui-fix.nt-page-register .auth-wrap,
body.nt-stage15-ui-fix[data-page="register"] .auth-wrap{
  min-height:100dvh!important;
  height:auto!important;
  align-items:flex-start!important;
  padding-top:18px!important;
  padding-bottom:max(26px,var(--nt-safe-bottom,0px))!important;
  overflow:visible!important;
}
body.nt-stage15-ui-fix.nt-page-register .auth-card,
body.nt-stage15-ui-fix[data-page="register"] .auth-card{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
body.nt-stage15-ui-fix .profile-main{min-width:0!important;max-width:100%!important;}
body.nt-stage15-ui-fix .profile-meta{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.36!important;
}
@media (max-width:330px){
  body.nt-stage15-ui-fix .profile-meta{font-size:12px!important;}
}

/* Stage 15 safety override: transaction pages keep full focus area, no dock overlay on forms/invoices. */
body.nt-stage15-ui-fix[data-page="deposit"]:not(.nt-auth) .bottom-nav.nt-stage15-dock,
body.nt-stage15-ui-fix[data-route="top-upZ"]:not(.nt-auth) .bottom-nav.nt-stage15-dock,
body.nt-stage15-ui-fix.nt-page-deposit:not(.nt-auth) .bottom-nav.nt-stage15-dock,
body.nt-stage15-ui-fix[data-page="withdraw"]:not(.nt-auth) .bottom-nav.nt-stage15-dock,
body.nt-stage15-ui-fix[data-route="withdrawZ"]:not(.nt-auth) .bottom-nav.nt-stage15-dock,
body.nt-stage15-ui-fix.nt-page-withdraw:not(.nt-auth) .bottom-nav.nt-stage15-dock,
body.nt-stage15-ui-fix[data-page="invoice"]:not(.nt-auth) .bottom-nav.nt-stage15-dock,
body.nt-stage15-ui-fix[data-route="invoice-idrZ"]:not(.nt-auth) .bottom-nav.nt-stage15-dock,
body.nt-stage15-ui-fix[data-route="invoice-usdtZ"]:not(.nt-auth) .bottom-nav.nt-stage15-dock,
body.nt-stage15-ui-fix.nt-page-invoice:not(.nt-auth) .bottom-nav.nt-stage15-dock{
  display:none!important;
}

/* =========================================================
   NEURAL TRADE STAGE 16 - FULL PAGE REDESIGN
   Complete visual refresh for all user-facing pages.
   Scope: CSS-only UI/UX redesign, no business logic changes.
   ========================================================= */
:root{
  --nt16-bg-0:#030712;
  --nt16-bg-1:#07111f;
  --nt16-bg-2:#0b1628;
  --nt16-card:rgba(11,21,39,.80);
  --nt16-card-2:rgba(8,16,31,.88);
  --nt16-line:rgba(161,190,255,.14);
  --nt16-line-strong:rgba(116,255,216,.28);
  --nt16-text:#f4f9ff;
  --nt16-muted:rgba(224,236,255,.68);
  --nt16-soft:rgba(224,236,255,.48);
  --nt16-green:#74ffd8;
  --nt16-blue:#66a7ff;
  --nt16-violet:#9b8cff;
  --nt16-amber:#ffd36e;
  --nt16-red:#ff6f91;
  --nt16-radius-xl:30px;
  --nt16-radius-lg:24px;
  --nt16-radius-md:18px;
  --nt16-shadow:0 22px 62px rgba(0,0,0,.46);
  --nt16-glow:0 0 34px rgba(116,255,216,.18),0 0 58px rgba(102,167,255,.11);
  --nt16-header-h:74px;
  --nt16-dock-h:82px;
}

html.real-mobile body.nt-stage16-full-redesign,
body.nt-stage16-full-redesign{
  color:var(--nt16-text)!important;
  background:
    radial-gradient(circle at 18% -8%, rgba(116,255,216,.22) 0%, rgba(116,255,216,0) 31%),
    radial-gradient(circle at 86% 6%, rgba(102,167,255,.22) 0%, rgba(102,167,255,0) 30%),
    radial-gradient(circle at 60% 108%, rgba(155,140,255,.16) 0%, rgba(155,140,255,0) 38%),
    linear-gradient(180deg,#020612 0%, #081120 38%, #030712 100%)!important;
  background-attachment:fixed!important;
  overflow-x:hidden!important;
}
body.nt-stage16-full-redesign:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.2) 55%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.2) 55%,transparent 100%);
  opacity:.42;
}
body.nt-stage16-full-redesign:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 35% 24%, rgba(255,255,255,.07), transparent 3px),
    radial-gradient(circle at 72% 44%, rgba(116,255,216,.10), transparent 2px),
    radial-gradient(circle at 18% 70%, rgba(102,167,255,.08), transparent 2px);
  background-size:170px 170px, 210px 210px, 190px 190px;
  opacity:.58;
}

/* New page container rhythm */
body.nt-stage16-full-redesign .app-shell{
  width:100%!important;
  min-height:100dvh!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .app-shell > main.content,
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) main.content{
  width:min(100%,480px)!important;
  margin:0 auto!important;
  padding:calc(var(--nt16-header-h) + 22px + var(--nt-safe-top,0px)) 14px calc(var(--nt16-dock-h) + 28px + var(--nt-safe-bottom,0px))!important;
  box-sizing:border-box!important;
}
body.nt-stage16-full-redesign[data-page="deposit"] main.content,
body.nt-stage16-full-redesign[data-page="withdraw"] main.content,
body.nt-stage16-full-redesign[data-page="invoice"] main.content,
body.nt-stage16-full-redesign[data-route="top-upZ"] main.content,
body.nt-stage16-full-redesign[data-route="withdrawZ"] main.content,
body.nt-stage16-full-redesign[data-route="invoice-idrZ"] main.content,
body.nt-stage16-full-redesign[data-route="invoice-usdtZ"] main.content{
  padding-bottom:calc(24px + var(--nt-safe-bottom,0px))!important;
}

/* Stage 16 header: glass capsule with split identity/action surfaces. */
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar.nt-stage16-header{
  position:fixed!important;
  top:max(8px,var(--nt-safe-top,0px))!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(calc(100vw - 18px),462px)!important;
  max-width:calc(100vw - 18px)!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    linear-gradient(135deg,rgba(116,255,216,.10),rgba(102,167,255,.06) 42%,rgba(12,23,44,.86) 100%)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:blur(24px) saturate(170%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(170%)!important;
  overflow:hidden!important;
  z-index:250!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar.nt-stage16-header:before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(116,255,216,.85),rgba(102,167,255,.78),transparent);
  opacity:.86;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar.nt-stage16-header:after{
  content:"";
  position:absolute;
  width:86px;
  height:86px;
  right:-26px;
  top:-42px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(116,255,216,.26),transparent 65%);
  pointer-events:none;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar-inner.nt-stage16-header-inner{
  position:relative!important;
  min-height:64px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 11px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-menu-btn,
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar .icon-btn{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  color:#ffffff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13), 0 10px 22px rgba(0,0,0,.22)!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-menu-btn span{
  transform:translateY(-1px)!important;
  font-size:18px!important;
  line-height:1!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-brand-orb{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 35% 24%,rgba(255,255,255,.55),transparent 20%),
    linear-gradient(135deg,rgba(116,255,216,.96),rgba(102,167,255,.90) 55%,rgba(155,140,255,.82))!important;
  box-shadow:0 12px 32px rgba(116,255,216,.22), 0 7px 18px rgba(102,167,255,.16)!important;
  overflow:hidden!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-brand-orb:after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:12px;
  border:1px solid rgba(3,7,18,.18);
  background:rgba(4,10,22,.14);
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-brand-orb img,
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar .brand img{
  position:relative!important;
  z-index:2!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.22))!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-brand-copy{
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:0!important;
  max-width:160px!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar .brand-title{
  display:block!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:14.5px!important;
  line-height:1.05!important;
  font-weight:920!important;
  letter-spacing:-.35px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar .brand-sub{
  color:var(--nt16-muted)!important;
  font-size:10.8px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:-.12px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-status{
  min-width:0!important;
  max-width:106px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 10px!important;
  border-radius:17px!important;
  border:1px solid rgba(116,255,216,.20)!important;
  background:linear-gradient(135deg,rgba(116,255,216,.13),rgba(102,167,255,.07))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-status-dot{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:var(--nt16-green)!important;
  box-shadow:0 0 14px rgba(116,255,216,.95)!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-status .section-badge{
  max-width:72px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#e9fff8!important;
  font-size:10.4px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Stage 16 dock: separated orbit tabs, visibly different from Stage 15. */
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:max(9px,var(--nt-safe-bottom,0px))!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(calc(100vw - 18px),450px)!important;
  max-width:calc(100vw - 18px)!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px!important;
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:
    linear-gradient(180deg,rgba(6,13,26,.64),rgba(4,8,18,.88))!important;
  box-shadow:0 22px 55px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(26px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(180%)!important;
  overflow:visible!important;
  z-index:230!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-dock-rail{
  position:absolute!important;
  left:16px!important;
  right:16px!important;
  bottom:12px!important;
  top:auto!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(116,255,216,.38),rgba(102,167,255,.34),transparent)!important;
  opacity:.75!important;
  pointer-events:none!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock a{
  position:relative!important;
  width:100%!important;
  height:60px!important;
  min-height:60px!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:6px 2px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  color:rgba(235,244,255,.72)!important;
  text-decoration:none!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock a:before{
  content:"";
  position:absolute;
  inset:auto 9px 6px 9px;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock .nav-ic{
  width:26px!important;
  height:24px!important;
  min-width:26px!important;
  min-height:24px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:transparent!important;
  color:rgba(244,249,255,.88)!important;
  font-size:17px!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock .nav-label,
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock a span:last-child{
  width:100%!important;
  max-width:100%!important;
  color:inherit!important;
  font-size:10.6px!important;
  line-height:1.05!important;
  font-weight:820!important;
  letter-spacing:-.18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock a.active{
  transform:translateY(-7px)!important;
  color:#03101b!important;
  border-color:rgba(255,255,255,.42)!important;
  background:
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.48), transparent 32%),
    linear-gradient(135deg,var(--nt16-green),var(--nt16-blue) 64%,var(--nt16-violet))!important;
  box-shadow:0 18px 34px rgba(116,255,216,.22), 0 12px 32px rgba(102,167,255,.16)!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock a.active:before{
  background:rgba(3,16,27,.20)!important;
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock a.active:after{
  content:"";
  position:absolute;
  width:28px;
  height:4px;
  left:50%;
  top:5px;
  transform:translateX(-50%);
  border-radius:999px;
  background:rgba(3,16,27,.18);
}
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock a.active .nav-ic,
body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock a.active .nav-label{
  color:#03101b!important;
  font-weight:950!important;
}
body.nt-stage16-full-redesign[data-page="deposit"] .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-page="withdraw"] .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-page="invoice"] .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-route="top-upZ"] .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-route="withdrawZ"] .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-route="invoice-idrZ"] .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-route="invoice-usdtZ"] .bottom-nav.nt-stage16-dock{
  display:none!important;
}

/* Universal Stage 16 components */
body.nt-stage16-full-redesign .hero,
body.nt-stage16-full-redesign .banner,
body.nt-stage16-full-redesign .invoice-card,
body.nt-stage16-full-redesign .voucher-card,
body.nt-stage16-full-redesign .bank-card,
body.nt-stage16-full-redesign .wallet-card,
body.nt-stage16-full-redesign .referral-card{
  position:relative!important;
  border-radius:var(--nt16-radius-xl)!important;
  border:1px solid var(--nt16-line)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(116,255,216,.14),transparent 34%),
    radial-gradient(circle at 88% 10%,rgba(102,167,255,.13),transparent 34%),
    linear-gradient(160deg,rgba(13,26,49,.86),rgba(6,13,27,.94))!important;
  box-shadow:var(--nt16-shadow), inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}
body.nt-stage16-full-redesign .hero:before,
body.nt-stage16-full-redesign .banner:before,
body.nt-stage16-full-redesign .card:before,
body.nt-stage16-full-redesign .card-soft:before,
body.nt-stage16-full-redesign .list-item:before,
body.nt-stage16-full-redesign .voucher-card:before,
body.nt-stage16-full-redesign .bank-card:before,
body.nt-stage16-full-redesign .wallet-card:before,
body.nt-stage16-full-redesign .referral-card:before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),rgba(116,255,216,.50),transparent);
  opacity:.88;
  pointer-events:none;
}
body.nt-stage16-full-redesign .hero:after,
body.nt-stage16-full-redesign .banner:after{
  content:"";
  position:absolute;
  right:-38px;
  bottom:-46px;
  width:138px;
  height:138px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(102,167,255,.22),transparent 65%);
  pointer-events:none;
}
body.nt-stage16-full-redesign .hero-head,
body.nt-stage16-full-redesign .profile-head{
  position:relative!important;
  z-index:2!important;
  padding:20px!important;
  min-height:auto!important;
  align-items:flex-start!important;
}
body.nt-stage16-full-redesign .hero-title,
body.nt-stage16-full-redesign .bank-title,
body.nt-stage16-full-redesign .wallet-title,
body.nt-stage16-full-redesign .voucher-title,
body.nt-stage16-full-redesign .invoice-title,
body.nt-stage16-full-redesign .profile-name{
  color:#fff!important;
  font-size:clamp(24px,7.2vw,34px)!important;
  line-height:1.02!important;
  font-weight:950!important;
  letter-spacing:-1.15px!important;
  margin:0!important;
}
body.nt-stage16-full-redesign .hero-copy,
body.nt-stage16-full-redesign .bank-desc,
body.nt-stage16-full-redesign .wallet-desc,
body.nt-stage16-full-redesign .voucher-desc,
body.nt-stage16-full-redesign .invoice-subtitle,
body.nt-stage16-full-redesign .invoice-desc,
body.nt-stage16-full-redesign .auth-sub{
  color:var(--nt16-muted)!important;
  font-size:13.5px!important;
  line-height:1.58!important;
  font-weight:560!important;
  letter-spacing:-.12px!important;
}
body.nt-stage16-full-redesign .hero-stats,
body.nt-stage16-full-redesign .profile-stats,
body.nt-stage16-full-redesign .trade-stats,
body.nt-stage16-full-redesign .trade-detail-stats,
body.nt-stage16-full-redesign .invoice-meta-grid,
body.nt-stage16-full-redesign .invoice-grid,
body.nt-stage16-full-redesign .legal-grid{
  gap:10px!important;
}
body.nt-stage16-full-redesign .hero-chip,
body.nt-stage16-full-redesign .card,
body.nt-stage16-full-redesign .card-soft,
body.nt-stage16-full-redesign .metric-box,
body.nt-stage16-full-redesign .reward-card,
body.nt-stage16-full-redesign .support-card,
body.nt-stage16-full-redesign .quick-link,
body.nt-stage16-full-redesign .trade-card,
body.nt-stage16-full-redesign .legal-card,
body.nt-stage16-full-redesign .faq-item,
body.nt-stage16-full-redesign .withdraw-destination-card,
body.nt-stage16-full-redesign .bank-panel,
body.nt-stage16-full-redesign .wallet-panel,
body.nt-stage16-full-redesign .voucher-panel,
body.nt-stage16-full-redesign .invoice-info,
body.nt-stage16-full-redesign .invoice-timer-box,
body.nt-stage16-full-redesign .invoice-payment-area,
body.nt-stage16-full-redesign .invoice-address{
  position:relative!important;
  border-radius:var(--nt16-radius-lg)!important;
  border:1px solid var(--nt16-line)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.024)),
    linear-gradient(145deg,rgba(10,20,38,.78),rgba(6,13,27,.92))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08)!important;
  color:var(--nt16-text)!important;
  overflow:hidden!important;
}
body.nt-stage16-full-redesign .card,
body.nt-stage16-full-redesign .card-soft,
body.nt-stage16-full-redesign .quick-link,
body.nt-stage16-full-redesign .support-card,
body.nt-stage16-full-redesign .reward-card,
body.nt-stage16-full-redesign .trade-card{
  padding:15px!important;
}
body.nt-stage16-full-redesign .card:hover,
body.nt-stage16-full-redesign .list-item:hover,
body.nt-stage16-full-redesign .support-card:hover,
body.nt-stage16-full-redesign .quick-link:hover{
  border-color:rgba(116,255,216,.24)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.32), var(--nt16-glow)!important;
}
body.nt-stage16-full-redesign .section-title,
body.nt-stage16-full-redesign .section-head,
body.nt-stage16-full-redesign .nt-referral-section-title{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  padding:0 2px!important;
  margin-top:22px!important;
  margin-bottom:10px!important;
  overflow:visible!important;
  white-space:normal!important;
}
body.nt-stage16-full-redesign .section-title h2,
body.nt-stage16-full-redesign .section-head h2,
body.nt-stage16-full-redesign .section-head h3{
  color:#fff!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:930!important;
  letter-spacing:-.45px!important;
  margin:0!important;
}
body.nt-stage16-full-redesign .section-title p,
body.nt-stage16-full-redesign .section-head p{
  color:var(--nt16-soft)!important;
  font-size:12px!important;
  line-height:1.35!important;
  margin:4px 0 0!important;
}
body.nt-stage16-full-redesign .section-badge,
body.nt-stage16-full-redesign .badge,
body.nt-stage16-full-redesign .bank-badge,
body.nt-stage16-full-redesign .wallet-badge,
body.nt-stage16-full-redesign .voucher-badge,
body.nt-stage16-full-redesign .invoice-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(116,255,216,.24)!important;
  background:rgba(116,255,216,.09)!important;
  color:#baffef!important;
  font-size:10.7px!important;
  line-height:1!important;
  font-weight:920!important;
  letter-spacing:.02em!important;
}

/* New lists: market ledger rows */
body.nt-stage16-full-redesign .list,
body.nt-stage16-full-redesign .tx-list,
body.nt-stage16-full-redesign .faq-list,
body.nt-stage16-full-redesign .reward-grid,
body.nt-stage16-full-redesign .support-grid,
body.nt-stage16-full-redesign .profile-quick,
body.nt-stage16-full-redesign .grid-2{
  gap:11px!important;
}
body.nt-stage16-full-redesign .list-item,
body.nt-stage16-full-redesign .tx-list .item,
body.nt-stage16-full-redesign .referral-user-item{
  position:relative!important;
  min-height:76px!important;
  border-radius:24px!important;
  border:1px solid var(--nt16-line)!important;
  background:
    linear-gradient(90deg,rgba(116,255,216,.08),transparent 20%),
    linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018)),
    rgba(7,15,29,.83)!important;
  box-shadow:0 13px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07)!important;
  color:var(--nt16-text)!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
body.nt-stage16-full-redesign .list-title,
body.nt-stage16-full-redesign .support-title,
body.nt-stage16-full-redesign .reward-title,
body.nt-stage16-full-redesign .trade-detail-title{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.25px!important;
}
body.nt-stage16-full-redesign .list-sub,
body.nt-stage16-full-redesign .support-sub,
body.nt-stage16-full-redesign .reward-sub,
body.nt-stage16-full-redesign .tiny,
body.nt-stage16-full-redesign .muted{
  color:var(--nt16-muted)!important;
  font-size:11.7px!important;
  line-height:1.45!important;
}
body.nt-stage16-full-redesign .list-right{
  color:#fff!important;
  text-align:right!important;
}
body.nt-stage16-full-redesign .price,
body.nt-stage16-full-redesign .stat-value,
body.nt-stage16-full-redesign .trade-stat-value,
body.nt-stage16-full-redesign .metric-value,
body.nt-stage16-full-redesign .invoice-amount,
body.nt-stage16-full-redesign .invoice-timer-value{
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:-.45px!important;
}
body.nt-stage16-full-redesign .stat-label,
body.nt-stage16-full-redesign .metric-label,
body.nt-stage16-full-redesign .invoice-info-label,
body.nt-stage16-full-redesign .withdraw-destination-label,
body.nt-stage16-full-redesign .bank-label,
body.nt-stage16-full-redesign .wallet-label,
body.nt-stage16-full-redesign .voucher-label{
  color:rgba(224,236,255,.58)!important;
  font-size:10.8px!important;
  line-height:1.1!important;
  font-weight:840!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
body.nt-stage16-full-redesign .stat-chip,
body.nt-stage16-full-redesign .inline-note,
body.nt-stage16-full-redesign .empty,
body.nt-stage16-full-redesign .voucher-note,
body.nt-stage16-full-redesign .wallet-help{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  color:var(--nt16-muted)!important;
}
body.nt-stage16-full-redesign .coin,
body.nt-stage16-full-redesign .avatar,
body.nt-stage16-full-redesign .support-icon,
body.nt-stage16-full-redesign .ic,
body.nt-stage16-full-redesign .claim-modal-icon,
body.nt-stage16-full-redesign .neuraltrade-pwa-icon{
  display:grid!important;
  place-items:center!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:
    radial-gradient(circle at 35% 22%,rgba(255,255,255,.38),transparent 25%),
    linear-gradient(135deg,rgba(116,255,216,.20),rgba(102,167,255,.12))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.24)!important;
  color:#eafff9!important;
}
body.nt-stage16-full-redesign .coin-img,
body.nt-stage16-full-redesign .coin img{
  border-radius:14px!important;
  object-fit:contain!important;
}

/* Forms and actions */
body.nt-stage16-full-redesign .form-stack{gap:13px!important;}
body.nt-stage16-full-redesign .field label,
body.nt-stage16-full-redesign label{
  color:rgba(244,249,255,.82)!important;
  font-size:12px!important;
  font-weight:860!important;
  letter-spacing:-.12px!important;
}
body.nt-stage16-full-redesign input,
body.nt-stage16-full-redesign select,
body.nt-stage16-full-redesign textarea,
body.nt-stage16-full-redesign .wallet-input,
body.nt-stage16-full-redesign .voucher-input{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  color:#fff!important;
  min-height:48px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.nt-stage16-full-redesign input:focus,
body.nt-stage16-full-redesign select:focus,
body.nt-stage16-full-redesign textarea:focus{
  border-color:rgba(116,255,216,.44)!important;
  box-shadow:0 0 0 3px rgba(116,255,216,.12), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.nt-stage16-full-redesign .btn,
body.nt-stage16-full-redesign button.btn,
body.nt-stage16-full-redesign a.btn{
  min-height:46px!important;
  border-radius:18px!important;
  font-weight:930!important;
  letter-spacing:-.2px!important;
  box-shadow:0 14px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
body.nt-stage16-full-redesign .btn-primary,
body.nt-stage16-full-redesign .btn-success{
  border:1px solid rgba(255,255,255,.24)!important;
  background:linear-gradient(135deg,var(--nt16-green),var(--nt16-blue) 70%)!important;
  color:#04111d!important;
}
body.nt-stage16-full-redesign .btn-secondary{
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.040))!important;
  color:#f5fbff!important;
}
body.nt-stage16-full-redesign .btn-danger{
  border:1px solid rgba(255,255,255,.20)!important;
  background:linear-gradient(135deg,#ff7d9b,#ffb36e)!important;
  color:#19040b!important;
}
body.nt-stage16-full-redesign .nt-tab-grid,
body.nt-stage16-full-redesign .referral-tabs,
body.nt-stage16-full-redesign .team-tabs{
  gap:9px!important;
  border-radius:22px!important;
  padding:7px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body.nt-stage16-full-redesign .nt-tab-option,
body.nt-stage16-full-redesign .referral-tab-btn,
body.nt-stage16-full-redesign .team-tab-btn{
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  color:rgba(235,244,255,.74)!important;
}
body.nt-stage16-full-redesign .nt-tab-option.active,
body.nt-stage16-full-redesign .referral-tab-btn.active,
body.nt-stage16-full-redesign .team-tab-btn.active{
  background:linear-gradient(135deg,var(--nt16-green),var(--nt16-blue))!important;
  color:#04111d!important;
  border-color:rgba(255,255,255,.28)!important;
}

/* Auth pages receive a completely different vertical card system. */
body.nt-stage16-full-redesign.nt-auth{
  min-height:100dvh!important;
  background:
    radial-gradient(circle at 15% 0%,rgba(116,255,216,.24),transparent 34%),
    radial-gradient(circle at 90% 22%,rgba(102,167,255,.20),transparent 34%),
    linear-gradient(180deg,#020611,#06101f 55%,#020611)!important;
}
body.nt-stage16-full-redesign.nt-auth .auth-wrap{
  min-height:100dvh!important;
  height:auto!important;
  align-items:flex-start!important;
  padding:16px 12px max(28px,var(--nt-safe-bottom,0px))!important;
  overflow:visible!important;
}
body.nt-stage16-full-redesign.nt-auth .auth-card{
  position:relative!important;
  width:min(100%,432px)!important;
  max-height:none!important;
  height:auto!important;
  margin:0 auto!important;
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(116,255,216,.17),transparent 32%),
    linear-gradient(170deg,rgba(12,25,47,.88),rgba(4,10,22,.96))!important;
  box-shadow:0 26px 68px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.10)!important;
  overflow:visible!important;
}
body.nt-stage16-full-redesign.nt-auth .auth-card:before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(116,255,216,.68),rgba(102,167,255,.58),transparent);
}
body.nt-stage16-full-redesign.nt-auth .login-banner-wrap{
  position:relative!important;
  height:138px!important;
  margin:10px 10px 0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:
    linear-gradient(135deg,rgba(116,255,216,.18),rgba(102,167,255,.10)),
    url('../img/login-banner.jpg') center/cover!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
body.nt-stage16-full-redesign.nt-auth .login-banner-wrap:after{
  content:"Neural Trade";
  position:absolute;
  left:14px;
  bottom:12px;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(4,10,22,.60);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  font-size:11px;
  font-weight:920;
  backdrop-filter:blur(10px);
}
body.nt-stage16-full-redesign.nt-auth .login-content,
body.nt-stage16-full-redesign.nt-auth .register-content{
  padding:18px!important;
}
body.nt-stage16-full-redesign.nt-auth .auth-card h1,
body.nt-stage16-full-redesign.nt-auth .auth-card h2,
body.nt-stage16-full-redesign.nt-auth .auth-title{
  font-size:27px!important;
  line-height:1.05!important;
  letter-spacing:-1px!important;
  color:#fff!important;
}
body.nt-stage16-full-redesign.nt-auth .auth-switch{
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  padding:9px 11px!important;
  color:var(--nt16-muted)!important;
}
body.nt-stage16-full-redesign.nt-auth .auth-switch a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:7px 8px!important;
  border-radius:13px!important;
  background:rgba(116,255,216,.10)!important;
  color:#baffef!important;
  font-weight:900!important;
  text-decoration:none!important;
}
body.nt-stage16-full-redesign.nt-page-register .auth-wrap,
body.nt-stage16-full-redesign[data-page="register"] .auth-wrap{
  overflow:visible!important;
}
body.nt-stage16-full-redesign.nt-page-register .auth-card,
body.nt-stage16-full-redesign[data-page="register"] .auth-card{
  max-height:none!important;
  overflow:visible!important;
}
body.nt-stage16-full-redesign .input-phone,
body.nt-stage16-full-redesign .input-password,
body.nt-stage16-full-redesign .captcha-row,
body.nt-stage16-full-redesign .wallet-input-wrap,
body.nt-stage16-full-redesign .voucher-input-wrap{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
body.nt-stage16-full-redesign .phone-prefix,
body.nt-stage16-full-redesign .toggle-password,
body.nt-stage16-full-redesign .captcha-box{
  color:#eafff9!important;
}

/* Page-specific character: each page gets a distinct surface treatment. */
body.nt-stage16-full-redesign.nt-page-dashboard .hero{
  background:
    radial-gradient(circle at 18% 4%,rgba(116,255,216,.20),transparent 34%),
    linear-gradient(145deg,rgba(8,30,48,.92),rgba(7,13,28,.94))!important;
}
body.nt-stage16-full-redesign.nt-page-dashboard .dashboard-stats .card:nth-child(1){border-color:rgba(116,255,216,.32)!important;}
body.nt-stage16-full-redesign.nt-page-dashboard .dashboard-stats .card:nth-child(2){border-color:rgba(102,167,255,.28)!important;}
body.nt-stage16-full-redesign.nt-page-dashboard .dashboard-stats .card:nth-child(3){border-color:rgba(155,140,255,.28)!important;}

body.nt-stage16-full-redesign.nt-page-deposit .nt-deposit-hero,
body.nt-stage16-full-redesign.nt-page-deposit .hero{
  background:
    radial-gradient(circle at 78% 8%,rgba(255,211,110,.20),transparent 34%),
    linear-gradient(145deg,rgba(23,24,42,.92),rgba(7,13,28,.94))!important;
}
body.nt-stage16-full-redesign .deposit-item .list-right{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}

body.nt-stage16-full-redesign.nt-page-withdraw .card:first-child{
  border-color:rgba(255,211,110,.18)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(255,211,110,.14),transparent 30%),
    linear-gradient(145deg,rgba(16,22,42,.86),rgba(6,12,26,.94))!important;
}
body.nt-stage16-full-redesign.nt-page-trade .trade-card,
body.nt-stage16-full-redesign.nt-page-tradebuy .trade-detail-head{
  background:
    linear-gradient(90deg,rgba(116,255,216,.11),transparent 24%),
    linear-gradient(160deg,rgba(10,22,42,.86),rgba(5,12,25,.94))!important;
}
body.nt-stage16-full-redesign.nt-page-tradebuy .trade-mini-chart-card,
body.nt-stage16-full-redesign .trade-flow-box{
  border-radius:28px!important;
  border:1px solid rgba(116,255,216,.18)!important;
  background:linear-gradient(160deg,rgba(6,18,33,.92),rgba(4,8,19,.96))!important;
}
body.nt-stage16-full-redesign.nt-page-profile .hero{
  background:
    radial-gradient(circle at 0% 12%,rgba(155,140,255,.18),transparent 34%),
    linear-gradient(145deg,rgba(14,18,44,.92),rgba(7,13,28,.94))!important;
}
body.nt-stage16-full-redesign .profile-meta{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.36!important;
}
body.nt-stage16-full-redesign.nt-page-referral .referral-shell,
body.nt-stage16-full-redesign.nt-page-referral .referral-card{
  border-radius:30px!important;
}
body.nt-stage16-full-redesign.nt-page-bonus-team .reward-card{
  background:
    radial-gradient(circle at 96% 0%,rgba(255,211,110,.12),transparent 32%),
    linear-gradient(160deg,rgba(10,20,38,.86),rgba(5,12,25,.94))!important;
}
body.nt-stage16-full-redesign.nt-page-help .support-card,
body.nt-stage16-full-redesign.nt-page-privacy-policy .legal-card{
  background:
    radial-gradient(circle at 0% 0%,rgba(102,167,255,.13),transparent 30%),
    linear-gradient(160deg,rgba(10,20,38,.86),rgba(5,12,25,.94))!important;
}
body.nt-stage16-full-redesign.nt-page-voucher .voucher-card,
body.nt-stage16-full-redesign.nt-page-bank .bank-card,
body.nt-stage16-full-redesign.nt-page-wallet .wallet-card,
body.nt-stage16-full-redesign.nt-page-password .card{
  background:
    radial-gradient(circle at 20% 0%,rgba(116,255,216,.13),transparent 30%),
    radial-gradient(circle at 90% 18%,rgba(155,140,255,.12),transparent 34%),
    linear-gradient(160deg,rgba(10,20,38,.88),rgba(5,12,25,.95))!important;
}
body.nt-stage16-full-redesign.nt-page-invoice .invoice-card,
body.nt-stage16-full-redesign[data-page="invoice"] .invoice-card{
  border-radius:32px!important;
  background:
    radial-gradient(circle at 50% -4%,rgba(116,255,216,.18),transparent 34%),
    linear-gradient(180deg,rgba(12,24,45,.90),rgba(5,12,25,.96))!important;
}
body.nt-stage16-full-redesign .invoice-status.pending{color:var(--nt16-amber)!important;border-color:rgba(255,211,110,.30)!important;background:rgba(255,211,110,.10)!important;}
body.nt-stage16-full-redesign .invoice-status.success{color:var(--nt16-green)!important;border-color:rgba(116,255,216,.30)!important;background:rgba(116,255,216,.10)!important;}
body.nt-stage16-full-redesign .invoice-status.expired{color:#ffc3cf!important;border-color:rgba(255,111,145,.30)!important;background:rgba(255,111,145,.10)!important;}
body.nt-stage16-full-redesign .invoice-qr,
body.nt-stage16-full-redesign .invoice-frame{
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:#fff!important;
}

/* Sidebar and modals aligned to the new visual system. */
body.nt-stage16-full-redesign .sidebar-panel,
body.nt-stage16-full-redesign .neuraltrade-pwa-box,
body.nt-stage16-full-redesign .nt-voucher-dialog,
body.nt-stage16-full-redesign .trade-flow-box{
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(116,255,216,.14),transparent 32%),
    linear-gradient(160deg,rgba(10,20,38,.94),rgba(4,9,20,.98))!important;
  box-shadow:0 30px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.nt-stage16-full-redesign .side-links a{
  border-radius:18px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
body.nt-stage16-full-redesign .side-links a.active{
  background:linear-gradient(135deg,var(--nt16-green),var(--nt16-blue))!important;
  color:#04111d!important;
}

/* Auth/register long-form and narrow-device tuning. */
@media (max-width:330px){
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) main.content,
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .app-shell > main.content{
    padding-left:10px!important;
    padding-right:10px!important;
    padding-top:calc(var(--nt16-header-h) + 18px + var(--nt-safe-top,0px))!important;
  }
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar.nt-stage16-header{
    width:calc(100vw - 14px)!important;
    max-width:calc(100vw - 14px)!important;
    border-radius:24px!important;
  }
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar-inner.nt-stage16-header-inner{
    min-height:60px!important;
    padding:8px!important;
    gap:7px!important;
  }
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-menu-btn,
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar .icon-btn{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:16px!important;
  }
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-brand-orb{
    width:38px!important;height:38px!important;min-width:38px!important;border-radius:15px!important;
  }
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-brand-orb img,
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar .brand img{width:28px!important;height:28px!important;min-width:28px!important;}
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar .brand-title{font-size:13.5px!important;}
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .topbar .brand-sub{font-size:10px!important;}
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-status{max-width:78px!important;padding:0 7px!important;gap:5px!important;}
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .nt-stage16-status .section-badge{max-width:50px!important;font-size:9.8px!important;}
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    min-height:74px!important;
    padding:6px!important;
    gap:4px!important;
    border-radius:28px!important;
  }
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock a{height:58px!important;min-height:58px!important;border-radius:21px!important;gap:3px!important;}
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock .nav-ic{font-size:16px!important;width:24px!important;min-width:24px!important;}
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock .nav-label,
  body.nt-stage16-full-redesign[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock a span:last-child{font-size:10.25px!important;letter-spacing:-.28px!important;}
  body.nt-stage16-full-redesign .hero-head,
  body.nt-stage16-full-redesign .profile-head{padding:17px!important;}
  body.nt-stage16-full-redesign .hero-title,
  body.nt-stage16-full-redesign .profile-name{font-size:24px!important;}
  body.nt-stage16-full-redesign .card,
  body.nt-stage16-full-redesign .card-soft,
  body.nt-stage16-full-redesign .quick-link,
  body.nt-stage16-full-redesign .support-card,
  body.nt-stage16-full-redesign .reward-card,
  body.nt-stage16-full-redesign .trade-card{padding:13px!important;border-radius:22px!important;}
  body.nt-stage16-full-redesign.nt-auth .auth-wrap{padding-left:9px!important;padding-right:9px!important;}
  body.nt-stage16-full-redesign.nt-auth .login-content,
  body.nt-stage16-full-redesign.nt-auth .register-content{padding:15px!important;}
  body.nt-stage16-full-redesign.nt-auth .login-banner-wrap{height:122px!important;border-radius:24px!important;}
}

/* Reduce motion for battery and accessibility while keeping premium look. */
@media (prefers-reduced-motion:reduce){
  body.nt-stage16-full-redesign *,
  body.nt-stage16-full-redesign *:before,
  body.nt-stage16-full-redesign *:after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}

/* Stage 16 final safety: hide command dock on focused transaction/invoice pages even under narrow media overrides. */
body.nt-stage16-full-redesign.nt-page-deposit:not(.nt-auth) .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign.nt-page-withdraw:not(.nt-auth) .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign.nt-page-invoice:not(.nt-auth) .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-page="deposit"]:not(.nt-auth) .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-page="withdraw"]:not(.nt-auth) .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-page="invoice"]:not(.nt-auth) .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-route="top-upZ"]:not(.nt-auth) .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-route="withdrawZ"]:not(.nt-auth) .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-route="invoice-idrZ"]:not(.nt-auth) .bottom-nav.nt-stage16-dock,
body.nt-stage16-full-redesign[data-route="invoice-usdtZ"]:not(.nt-auth) .bottom-nav.nt-stage16-dock{
  display:none!important;
}
body.nt-stage16-full-redesign.nt-page-deposit:not(.nt-auth) .app-shell,
body.nt-stage16-full-redesign.nt-page-withdraw:not(.nt-auth) .app-shell,
body.nt-stage16-full-redesign.nt-page-invoice:not(.nt-auth) .app-shell{
  padding-bottom:calc(24px + var(--nt-safe-bottom,0px))!important;
}

/* ========================================================================
   STAGE 17 — Full component differentiation audit/fix
   Goal: every page, modal, overlay, toast, and feedback surface must feel
   visually different from the previous Stage 16 treatment while preserving
   routes, form names, JS hooks, and business flow.
   ======================================================================== */
:root{
  --nt17-bg0:#020612;
  --nt17-bg1:#071120;
  --nt17-panel:rgba(7,18,34,.88);
  --nt17-panel2:rgba(10,27,49,.74);
  --nt17-line:rgba(140,255,222,.18);
  --nt17-line2:rgba(120,162,255,.20);
  --nt17-text:#f3fbff;
  --nt17-muted:rgba(229,245,255,.68);
  --nt17-cyan:#73ffe0;
  --nt17-blue:#87a8ff;
  --nt17-violet:#c5a7ff;
  --nt17-amber:#ffd77a;
  --nt17-red:#ff87a4;
  --nt17-green:#84ffbd;
  --nt17-radius:24px;
}
body.nt-stage17-component-diff{
  color:var(--nt17-text)!important;
  background:
    radial-gradient(circle at 12% 7%,rgba(115,255,224,.17),transparent 28%),
    radial-gradient(circle at 86% 13%,rgba(135,168,255,.14),transparent 30%),
    radial-gradient(circle at 62% 96%,rgba(197,167,255,.12),transparent 28%),
    linear-gradient(180deg,#030916 0%,#06111f 48%,#02050d 100%)!important;
}
body.nt-stage17-component-diff:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(135deg,transparent 0 48%,rgba(115,255,224,.045) 49% 50%,transparent 51% 100%)!important;
  background-size:34px 34px,34px 34px,120px 120px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.20) 84%,transparent)!important;
  opacity:.72!important;
}
body.nt-stage17-component-diff:after{
  content:""!important;
  position:fixed!important;
  inset:auto -18% -26% -18%!important;
  height:58vh!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,rgba(115,255,224,.10),transparent 66%)!important;
  filter:blur(20px)!important;
}

/* Stage 17 header: split command rail, not the previous single capsule. */
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .topbar.nt-stage17-header{
  top:calc(10px + var(--nt-safe-top,0px))!important;
  width:calc(100vw - 24px)!important;
  max-width:430px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .topbar-inner.nt-stage17-header-inner{
  min-height:66px!important;
  padding:0!important;
  gap:9px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-brand{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:66px!important;
  padding:8px 12px 8px 8px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    linear-gradient(90deg,rgba(115,255,224,.13),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.11)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  position:relative!important;
  overflow:hidden!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-brand:after{
  content:""!important;
  position:absolute!important;
  inset:7px auto 7px 56px!important;
  width:1px!important;
  background:linear-gradient(180deg,transparent,rgba(115,255,224,.46),transparent)!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-brand-orb{
  width:44px!important;height:44px!important;min-width:44px!important;
  border-radius:16px!important;
  border:1px solid rgba(115,255,224,.30)!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,255,255,.26),transparent 36%),
    linear-gradient(135deg,rgba(115,255,224,.38),rgba(135,168,255,.26))!important;
  box-shadow:0 0 0 6px rgba(115,255,224,.06),0 14px 28px rgba(0,0,0,.32)!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-brand-orb img{width:32px!important;height:32px!important;object-fit:contain!important;}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-brand-copy{padding-left:7px!important;min-width:0!important;}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-brand .brand-title{font-size:15px!important;letter-spacing:-.38px!important;}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-brand .brand-sub{font-size:10.8px!important;letter-spacing:.02em!important;color:var(--nt17-muted)!important;}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-action,
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .topbar .icon-btn.nt-stage17-action{
  width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
  border-radius:21px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    radial-gradient(circle at 35% 25%,rgba(115,255,224,.22),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035))!important;
  box-shadow:0 16px 40px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.12)!important;
  color:#f6fffd!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-status{
  width:52px!important;max-width:52px!important;height:52px!important;min-width:52px!important;
  padding:0!important;border-radius:21px!important;
  justify-content:center!important;
  border:1px solid rgba(132,255,189,.24)!important;
  background:linear-gradient(180deg,rgba(132,255,189,.12),rgba(255,255,255,.04))!important;
  overflow:hidden!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-status .section-badge{display:none!important;}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-status-dot{
  width:14px!important;height:14px!important;border-radius:50%!important;
  background:var(--nt17-green)!important;
  box-shadow:0 0 0 7px rgba(132,255,189,.10),0 0 24px rgba(132,255,189,.55)!important;
}

/* Stage 17 dock: segmented navigation board, visually different from Stage 16 orbit dock. */
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock{
  position:fixed!important;
  left:50%!important;
  bottom:calc(10px + var(--nt-safe-bottom,0px))!important;
  transform:translateX(-50%)!important;
  width:calc(100vw - 22px)!important;
  max-width:430px!important;
  min-height:76px!important;
  padding:7px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:6px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:
    linear-gradient(90deg,rgba(115,255,224,.10),transparent 22%,transparent 78%,rgba(135,168,255,.10)),
    rgba(4,12,25,.88)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.13)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  overflow:hidden!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock:before{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  border-radius:19px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 52%,rgba(255,255,255,.035))!important;
  pointer-events:none!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-dock-core{
  position:absolute!important;left:14px!important;right:14px!important;top:8px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,var(--nt17-cyan),var(--nt17-blue),transparent)!important;
  opacity:.70!important;
  border-radius:999px!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock a{
  position:relative!important;z-index:2!important;
  height:61px!important;min-height:61px!important;width:100%!important;max-width:100%!important;
  border-radius:19px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;
  color:rgba(236,248,255,.72)!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock a.active{
  color:#04111f!important;
  background:linear-gradient(135deg,var(--nt17-cyan),var(--nt17-blue))!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:0 14px 32px rgba(115,255,224,.24)!important;
}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock .nav-ic{font-size:18px!important;line-height:1!important;}
body.nt-stage17-component-diff[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock .nav-label{font-size:10.7px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.18px!important;}

/* All pages: add a new beveled component language distinct from Stage 16. */
body.nt-stage17-component-diff .hero,
body.nt-stage17-component-diff .hero-head,
body.nt-stage17-component-diff .card,
body.nt-stage17-component-diff .card-soft,
body.nt-stage17-component-diff .quick-link,
body.nt-stage17-component-diff .market-card,
body.nt-stage17-component-diff .trade-card,
body.nt-stage17-component-diff .reward-card,
body.nt-stage17-component-diff .support-card,
body.nt-stage17-component-diff .voucher-card,
body.nt-stage17-component-diff .bank-card,
body.nt-stage17-component-diff .wallet-card,
body.nt-stage17-component-diff .legal-card,
body.nt-stage17-component-diff .invoice-card,
body.nt-stage17-component-diff .profile-card,
body.nt-stage17-component-diff .deposit-item,
body.nt-stage17-component-diff .history-item,
body.nt-stage17-component-diff .list-item{
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    linear-gradient(90deg,rgba(115,255,224,.070),transparent 20%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.030))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10)!important;
  position:relative!important;
  overflow:hidden!important;
}
body.nt-stage17-component-diff .hero:before,
body.nt-stage17-component-diff .card:before,
body.nt-stage17-component-diff .card-soft:before,
body.nt-stage17-component-diff .trade-card:before,
body.nt-stage17-component-diff .support-card:before,
body.nt-stage17-component-diff .invoice-card:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:14px!important;bottom:14px!important;width:3px!important;
  border-radius:0 999px 999px 0!important;
  background:linear-gradient(180deg,var(--nt17-cyan),var(--nt17-blue),var(--nt17-violet))!important;
  opacity:.72!important;
}
body.nt-stage17-component-diff .section-title{
  padding:13px 14px!important;
  border-radius:21px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  margin-bottom:12px!important;
}
body.nt-stage17-component-diff .section-title h2,
body.nt-stage17-component-diff .section-title h3,
body.nt-stage17-component-diff .hero-title,
body.nt-stage17-component-diff .auth-title{
  letter-spacing:-.75px!important;
}
body.nt-stage17-component-diff .btn,
body.nt-stage17-component-diff button,
body.nt-stage17-component-diff input[type="submit"]{
  border-radius:17px!important;
}
body.nt-stage17-component-diff .btn-primary,
body.nt-stage17-component-diff .bgcolor,
body.nt-stage17-component-diff button.btn-primary{
  background:linear-gradient(135deg,var(--nt17-cyan),var(--nt17-blue))!important;
  color:#04111f!important;
  box-shadow:0 16px 34px rgba(115,255,224,.20)!important;
  border:1px solid rgba(255,255,255,.20)!important;
}
body.nt-stage17-component-diff input,
body.nt-stage17-component-diff select,
body.nt-stage17-component-diff textarea,
body.nt-stage17-component-diff .form-control{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.055)!important;
  color:#f4fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.nt-stage17-component-diff.nt-auth .auth-card,
body.nt-stage17-component-diff.nt-auth .login-card,
body.nt-stage17-component-diff.nt-auth .register-card{
  border-radius:34px 22px 34px 22px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(115,255,224,.17),transparent 34%),
    linear-gradient(180deg,rgba(8,22,40,.93),rgba(5,10,22,.96))!important;
}

/* Stage 17 overlay architecture: modals/sidebar are now command sheets with a luminous frame. */
body.nt-stage17-component-diff .sidebar,
body.nt-stage17-component-diff .trade-flow-modal,
body.nt-stage17-component-diff .claim-modal,
body.nt-stage17-component-diff .nt-voucher-modal,
body.nt-stage17-component-diff .neuraltrade-pwa-modal,
body.nt-stage17-component-diff .modal.show,
body.nt-stage17-component-diff #ntInstallModal.show{
  background:
    radial-gradient(circle at 20% 8%,rgba(115,255,224,.16),transparent 30%),
    radial-gradient(circle at 82% 90%,rgba(135,168,255,.14),transparent 30%),
    rgba(1,5,13,.76)!important;
  backdrop-filter:blur(18px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;
}
body.nt-stage17-component-diff .sidebar-panel,
body.nt-stage17-component-diff .trade-flow-box,
body.nt-stage17-component-diff .claim-modal-box,
body.nt-stage17-component-diff .nt-voucher-dialog,
body.nt-stage17-component-diff .neuraltrade-pwa-box,
body.nt-stage17-component-diff .modal-dialog{
  border-radius:34px 20px 34px 20px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    linear-gradient(135deg,rgba(115,255,224,.16),transparent 18%),
    linear-gradient(315deg,rgba(135,168,255,.16),transparent 24%),
    linear-gradient(180deg,rgba(10,24,44,.96),rgba(3,8,19,.985))!important;
  box-shadow:0 34px 100px rgba(0,0,0,.62),0 0 0 1px rgba(115,255,224,.08),inset 0 1px 0 rgba(255,255,255,.12)!important;
  overflow:hidden!important;
  position:relative!important;
}
body.nt-stage17-component-diff .trade-flow-box:before,
body.nt-stage17-component-diff .claim-modal-box:before,
body.nt-stage17-component-diff .nt-voucher-dialog:before,
body.nt-stage17-component-diff .neuraltrade-pwa-box:before,
body.nt-stage17-component-diff .modal-dialog:before,
body.nt-stage17-component-diff .sidebar-panel:before{
  content:""!important;
  position:absolute!important;
  left:18px!important;right:18px!important;top:12px!important;height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--nt17-cyan),var(--nt17-blue),var(--nt17-violet))!important;
  opacity:.80!important;
  z-index:1!important;
}
body.nt-stage17-component-diff .trade-flow-box:after,
body.nt-stage17-component-diff .claim-modal-box:after,
body.nt-stage17-component-diff .nt-voucher-dialog:after,
body.nt-stage17-component-diff .neuraltrade-pwa-box:after,
body.nt-stage17-component-diff .modal-dialog:after,
body.nt-stage17-component-diff .sidebar-panel:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.020) 1px,transparent 1px)!important;
  background-size:22px 22px!important;
  opacity:.38!important;
}
body.nt-stage17-component-diff .claim-modal-icon,
body.nt-stage17-component-diff .nt-voucher-success-icon,
body.nt-stage17-component-diff .neuraltrade-pwa-icon,
body.nt-stage17-component-diff .trade-step-icon{
  border-radius:18px!important;
  background:linear-gradient(135deg,var(--nt17-cyan),var(--nt17-blue))!important;
  color:#04111f!important;
  box-shadow:0 18px 40px rgba(115,255,224,.28)!important;
}
body.nt-stage17-component-diff .claim-modal-title,
body.nt-stage17-component-diff .nt-voucher-title,
body.nt-stage17-component-diff .neuraltrade-pwa-title,
body.nt-stage17-component-diff .trade-flow-title{
  color:#fff!important;
  letter-spacing:-.65px!important;
}
body.nt-stage17-component-diff .claim-modal-copy,
body.nt-stage17-component-diff .nt-voucher-copy,
body.nt-stage17-component-diff .neuraltrade-pwa-copy,
body.nt-stage17-component-diff .trade-flow-copy{
  color:var(--nt17-muted)!important;
}
body.nt-stage17-component-diff .modal-close,
body.nt-stage17-component-diff .close-modal,
body.nt-stage17-component-diff .claim-modal-close,
body.nt-stage17-component-diff .nt-voucher-close,
body.nt-stage17-component-diff .neuraltrade-pwa-close,
body.nt-stage17-component-diff .sidebar .icon-btn{
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
}
body.nt-stage17-component-diff .side-user{
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(135deg,rgba(115,255,224,.12),rgba(255,255,255,.04))!important;
}
body.nt-stage17-component-diff .side-links a{
  border-radius:16px 24px 16px 24px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  background:rgba(255,255,255,.040)!important;
  padding:13px 14px!important;
}
body.nt-stage17-component-diff .side-links a.active{
  background:linear-gradient(135deg,var(--nt17-cyan),var(--nt17-blue))!important;
  color:#04111f!important;
}

/* Stage 17 toast: new top signal capsule, distinct from the previous bottom card. */
body.nt-stage17-component-diff .toast-wrap.nt-stage17-toast-wrap,
body.nt-stage17-component-diff .toast-wrap{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:calc(86px + var(--nt-safe-top,0px))!important;
  bottom:auto!important;
  width:min(396px,calc(100vw - 24px))!important;
  transform:translate(-50%,-14px)!important;
  z-index:99999!important;
  pointer-events:none!important;
}
body.nt-stage17-component-diff.nt-auth .toast-wrap{top:calc(14px + var(--nt-safe-top,0px))!important;}
body.nt-stage17-component-diff .toast.nt-stage17-toast,
body.nt-stage17-component-diff .toast{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  width:100%!important;
  padding:12px 14px 13px 12px!important;
  border-radius:20px 20px 26px 20px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    linear-gradient(90deg,rgba(115,255,224,.16),transparent 30%),
    linear-gradient(180deg,rgba(8,22,40,.96),rgba(3,9,20,.96))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.12)!important;
  color:#fff!important;
  opacity:0!important;
  transform:translateY(-12px) scale(.985)!important;
  transition:opacity .22s ease,transform .22s ease!important;
  pointer-events:auto!important;
  overflow:hidden!important;
}
body.nt-stage17-component-diff .toast.show{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
}
body.nt-stage17-component-diff .toast .nt17-toast-signal{
  position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;
  background:linear-gradient(180deg,var(--nt17-cyan),var(--nt17-blue))!important;
  opacity:.95!important;
}
body.nt-stage17-component-diff .toast .toast-head{display:contents!important;}
body.nt-stage17-component-diff .toast .toast-icon{
  grid-column:1!important;grid-row:1 / span 2!important;
  width:34px!important;height:34px!important;min-width:34px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,var(--nt17-cyan),var(--nt17-blue))!important;
  color:#04111f!important;
  font-weight:1000!important;
  box-shadow:0 12px 24px rgba(115,255,224,.22)!important;
}
body.nt-stage17-component-diff .toast .toast-title{grid-column:2!important;font-size:13px!important;font-weight:950!important;line-height:1.12!important;color:#fff!important;}
body.nt-stage17-component-diff .toast .toast-message{grid-column:2!important;font-size:12px!important;line-height:1.42!important;color:rgba(232,245,255,.76)!important;overflow-wrap:anywhere!important;}
body.nt-stage17-component-diff .toast .nt17-toast-progress{
  position:absolute!important;left:4px!important;right:0!important;bottom:0!important;height:2px!important;
  background:linear-gradient(90deg,var(--nt17-cyan),var(--nt17-blue),var(--nt17-violet))!important;
  opacity:.85!important;
}
body.nt-stage17-component-diff .toast.success .toast-icon{background:linear-gradient(135deg,var(--nt17-green),var(--nt17-cyan))!important;}
body.nt-stage17-component-diff .toast.error .toast-icon{background:linear-gradient(135deg,var(--nt17-red),#ffbdcd)!important;}
body.nt-stage17-component-diff .toast.warning .toast-icon{background:linear-gradient(135deg,var(--nt17-amber),#fff0b8)!important;}
body.nt-stage17-component-diff .toast.info .toast-icon{background:linear-gradient(135deg,var(--nt17-blue),var(--nt17-violet))!important;color:#06111f!important;}
body.nt-stage17-component-diff .toast.loading .toast-icon{animation:nt17ToastPulse 1s linear infinite!important;}
@keyframes nt17ToastPulse{0%{filter:saturate(1);transform:rotate(0deg)}50%{filter:saturate(1.45);transform:rotate(6deg)}100%{filter:saturate(1);transform:rotate(0deg)}}

/* SweetAlert2 / third-party alert normalization if loaded by server or CDN later. */
body.nt-stage17-component-diff .swal2-container{z-index:100000!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;background:rgba(1,5,13,.72)!important;}
body.nt-stage17-component-diff .swal2-popup{
  border-radius:34px 20px 34px 20px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    linear-gradient(135deg,rgba(115,255,224,.16),transparent 22%),
    linear-gradient(180deg,rgba(10,24,44,.96),rgba(3,8,19,.98))!important;
  color:#fff!important;
  box-shadow:0 34px 100px rgba(0,0,0,.62)!important;
}
body.nt-stage17-component-diff .swal2-title{color:#fff!important;letter-spacing:-.6px!important;}
body.nt-stage17-component-diff .swal2-html-container{color:var(--nt17-muted)!important;}
body.nt-stage17-component-diff .swal2-confirm,
body.nt-stage17-component-diff .swal2-cancel{border-radius:16px!important;box-shadow:none!important;}
body.nt-stage17-component-diff .swal2-confirm{background:linear-gradient(135deg,var(--nt17-cyan),var(--nt17-blue))!important;color:#04111f!important;}

/* Page characters: add visible but safe shifts beyond Stage 16. */
body.nt-stage17-component-diff.nt-page-dashboard .hero{background:linear-gradient(135deg,rgba(115,255,224,.16),transparent 32%),linear-gradient(180deg,rgba(6,25,42,.90),rgba(4,10,22,.96))!important;}
body.nt-stage17-component-diff.nt-page-trade .trade-card{border-radius:20px 30px 20px 30px!important;}
body.nt-stage17-component-diff.nt-page-tradebuy .trade-detail-head{border-radius:34px 18px 34px 18px!important;}
body.nt-stage17-component-diff.nt-page-deposit .deposit-item{border-radius:18px 26px 18px 26px!important;}
body.nt-stage17-component-diff.nt-page-withdraw .card{border-radius:26px 18px 26px 18px!important;}
body.nt-stage17-component-diff.nt-page-referral .referral-card{border-radius:18px 34px 18px 34px!important;}
body.nt-stage17-component-diff.nt-page-bonus-team .reward-card{border-radius:30px 18px 30px 18px!important;}
body.nt-stage17-component-diff.nt-page-help .support-card{border-radius:18px 30px 18px 30px!important;}
body.nt-stage17-component-diff.nt-page-voucher .voucher-card{border-radius:32px 18px 32px 18px!important;}
body.nt-stage17-component-diff.nt-page-profile .profile-meta{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;}

@media (max-width:330px){
  body.nt-stage17-component-diff[data-page]:not(.nt-auth) .topbar.nt-stage17-header{width:calc(100vw - 14px)!important;max-width:calc(100vw - 14px)!important;}
  body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-brand{min-height:62px!important;border-radius:23px!important;padding:7px 9px 7px 7px!important;}
  body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-brand-orb{width:40px!important;height:40px!important;min-width:40px!important;border-radius:15px!important;}
  body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-action,
  body.nt-stage17-component-diff[data-page]:not(.nt-auth) .nt-stage17-status{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:18px!important;}
  body.nt-stage17-component-diff[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;gap:4px!important;padding:6px!important;}
  body.nt-stage17-component-diff[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock a{height:58px!important;min-height:58px!important;border-radius:17px!important;}
  body.nt-stage17-component-diff[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock .nav-label{font-size:10.25px!important;letter-spacing:-.32px!important;}
  body.nt-stage17-component-diff .toast-wrap{top:calc(76px + var(--nt-safe-top,0px))!important;width:calc(100vw - 16px)!important;}
  body.nt-stage17-component-diff.nt-auth .toast-wrap{top:8px!important;}
  body.nt-stage17-component-diff .toast{padding:11px 12px 12px 11px!important;border-radius:18px 18px 23px 18px!important;}
  body.nt-stage17-component-diff .sidebar-panel,
  body.nt-stage17-component-diff .trade-flow-box,
  body.nt-stage17-component-diff .claim-modal-box,
  body.nt-stage17-component-diff .nt-voucher-dialog,
  body.nt-stage17-component-diff .neuraltrade-pwa-box,
  body.nt-stage17-component-diff .modal-dialog{max-width:calc(100vw - 18px)!important;border-radius:28px 18px 28px 18px!important;}
}

/* Transaction/invoice pages keep dock hidden after redesign. */
body.nt-stage17-component-diff.nt-page-deposit:not(.nt-auth) .bottom-nav.nt-stage17-dock,
body.nt-stage17-component-diff.nt-page-withdraw:not(.nt-auth) .bottom-nav.nt-stage17-dock,
body.nt-stage17-component-diff.nt-page-invoice:not(.nt-auth) .bottom-nav.nt-stage17-dock,
body.nt-stage17-component-diff[data-route="top-upZ"]:not(.nt-auth) .bottom-nav.nt-stage17-dock,
body.nt-stage17-component-diff[data-route="withdrawZ"]:not(.nt-auth) .bottom-nav.nt-stage17-dock,
body.nt-stage17-component-diff[data-route="invoice-idrZ"]:not(.nt-auth) .bottom-nav.nt-stage17-dock,
body.nt-stage17-component-diff[data-route="invoice-usdtZ"]:not(.nt-auth) .bottom-nav.nt-stage17-dock{display:none!important;}

/* Stage 17 drawer visibility safety for automated/live mobile render. */
body.nt-stage17-component-diff .sidebar.open .sidebar-panel,
body.nt-stage17-component-diff #ntSidebar.open .sidebar-panel{
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(0,0,0)!important;
}

/* ========================================================================
   Stage 18: Neural Trade Logo Gradient Correction
   Palette source: logo visual language = deep navy base + electric blue + aqua/cyan + mint trade green.
   ======================================================================== */
html.real-mobile body.nt-stage18-brand-gradient,
body.nt-stage18-brand-gradient{
  --nt18-black:#02050D;
  --nt18-blueblack:#050A14;
  --nt18-navy:#07111D;
  --nt18-navy2:#04111D;
  --nt18-cardA:#04111D;
  --nt18-cardB:#062C35;
  --nt18-cardC:#043B35;
  --nt18-electric:#10A8F8;
  --nt18-signal:#009FE3;
  --nt18-cyan:#08B8E0;
  --nt18-teal:#08A0B0;
  --nt18-deepteal:#007B91;
  --nt18-mint:#18F0B8;
  --nt18-green:#16D8A8;
  --nt18-emerald:#0FBF9A;
  --nt18-white:#F5F7FA;
  --nt18-soft:#E8EDF5;
  --nt18-muted:#8D93A3;
  --nt18-card-bg:
    radial-gradient(circle at 14% 0%,rgba(16,168,248,.24),transparent 36%),
    radial-gradient(circle at 94% 6%,rgba(24,240,184,.20),transparent 42%),
    linear-gradient(135deg,#04111D 0%,#062C35 48%,#043B35 100%);
  --nt18-card-bg-soft:
    radial-gradient(circle at 12% 0%,rgba(16,168,248,.18),transparent 35%),
    radial-gradient(circle at 88% 5%,rgba(24,240,184,.15),transparent 40%),
    linear-gradient(135deg,rgba(4,17,29,.96) 0%,rgba(6,44,53,.94) 52%,rgba(4,59,53,.96) 100%);
  --nt18-line:rgba(24,240,184,.26);
  --nt18-line-blue:rgba(16,168,248,.26);
  --nt18-shadow:0 24px 72px rgba(0,0,0,.54),0 0 0 1px rgba(8,184,224,.10),inset 0 1px 0 rgba(245,247,250,.10);
  --nt17-cyan:var(--nt18-cyan);
  --nt17-blue:var(--nt18-electric);
  --nt17-violet:var(--nt18-mint);
  --nt17-green:var(--nt18-green);
  --nt17-muted:rgba(232,237,245,.72);
  background:
    radial-gradient(circle at 10% -4%,rgba(16,168,248,.18),transparent 28%),
    radial-gradient(circle at 92% 0%,rgba(24,240,184,.15),transparent 32%),
    linear-gradient(180deg,#02050D 0%,#050A14 48%,#07111D 100%)!important;
  color:var(--nt18-soft)!important;
}
body.nt-stage18-brand-gradient:before{
  background:
    linear-gradient(90deg,rgba(16,168,248,.055) 1px,transparent 1px),
    linear-gradient(180deg,rgba(24,240,184,.040) 1px,transparent 1px)!important;
  background-size:26px 26px!important;
  opacity:.42!important;
}
body.nt-stage18-brand-gradient:after{
  background:
    radial-gradient(circle at 18% 12%,rgba(16,168,248,.18),transparent 25%),
    radial-gradient(circle at 84% 20%,rgba(24,240,184,.17),transparent 28%),
    radial-gradient(circle at 50% 108%,rgba(8,184,224,.12),transparent 30%)!important;
  opacity:.85!important;
}

/* Brand-gradient cards: every major panel follows logo direction: blue left -> cyan center -> mint right. */
body.nt-stage18-brand-gradient .card,
body.nt-stage18-brand-gradient .hero,
body.nt-stage18-brand-gradient .balance-card,
body.nt-stage18-brand-gradient .stat-card,
body.nt-stage18-brand-gradient .quick-card,
body.nt-stage18-brand-gradient .trade-card,
body.nt-stage18-brand-gradient .trade-detail-head,
body.nt-stage18-brand-gradient .trade-detail-card,
body.nt-stage18-brand-gradient .deposit-item,
body.nt-stage18-brand-gradient .withdraw-item,
body.nt-stage18-brand-gradient .history-item,
body.nt-stage18-brand-gradient .invoice-card,
body.nt-stage18-brand-gradient .payment-card,
body.nt-stage18-brand-gradient .profile-card,
body.nt-stage18-brand-gradient .referral-card,
body.nt-stage18-brand-gradient .reward-card,
body.nt-stage18-brand-gradient .voucher-card,
body.nt-stage18-brand-gradient .support-card,
body.nt-stage18-brand-gradient .bank-card,
body.nt-stage18-brand-gradient .wallet-card,
body.nt-stage18-brand-gradient .legal-card,
body.nt-stage18-brand-gradient .auth-card,
body.nt-stage18-brand-gradient .login-card,
body.nt-stage18-brand-gradient .register-card,
body.nt-stage18-brand-gradient .section-card,
body.nt-stage18-brand-gradient .info-card,
body.nt-stage18-brand-gradient .list-card,
body.nt-stage18-brand-gradient .product-card,
body.nt-stage18-brand-gradient .market-card,
body.nt-stage18-brand-gradient .empty-state,
body.nt-stage18-brand-gradient .table-card,
body.nt-stage18-brand-gradient .nt-card{
  background:var(--nt18-card-bg)!important;
  border:1px solid rgba(24,240,184,.22)!important;
  box-shadow:var(--nt18-shadow)!important;
  color:var(--nt18-soft)!important;
  position:relative!important;
}
body.nt-stage18-brand-gradient .card,
body.nt-stage18-brand-gradient .hero,
body.nt-stage18-brand-gradient .trade-card,
body.nt-stage18-brand-gradient .deposit-item,
body.nt-stage18-brand-gradient .withdraw-item,
body.nt-stage18-brand-gradient .invoice-card,
body.nt-stage18-brand-gradient .profile-card,
body.nt-stage18-brand-gradient .referral-card,
body.nt-stage18-brand-gradient .reward-card,
body.nt-stage18-brand-gradient .voucher-card,
body.nt-stage18-brand-gradient .support-card,
body.nt-stage18-brand-gradient .auth-card,
body.nt-stage18-brand-gradient .login-card,
body.nt-stage18-brand-gradient .register-card{
  overflow:hidden!important;
}
body.nt-stage18-brand-gradient .card:before,
body.nt-stage18-brand-gradient .hero:before,
body.nt-stage18-brand-gradient .trade-card:before,
body.nt-stage18-brand-gradient .deposit-item:before,
body.nt-stage18-brand-gradient .withdraw-item:before,
body.nt-stage18-brand-gradient .invoice-card:before,
body.nt-stage18-brand-gradient .profile-card:before,
body.nt-stage18-brand-gradient .referral-card:before,
body.nt-stage18-brand-gradient .reward-card:before,
body.nt-stage18-brand-gradient .voucher-card:before,
body.nt-stage18-brand-gradient .support-card:before,
body.nt-stage18-brand-gradient .auth-card:before,
body.nt-stage18-brand-gradient .login-card:before,
body.nt-stage18-brand-gradient .register-card:before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--nt18-electric),var(--nt18-cyan),var(--nt18-mint))!important;
  opacity:.92!important;
  pointer-events:none!important;
  z-index:1!important;
}
body.nt-stage18-brand-gradient .card:after,
body.nt-stage18-brand-gradient .hero:after,
body.nt-stage18-brand-gradient .trade-card:after,
body.nt-stage18-brand-gradient .deposit-item:after,
body.nt-stage18-brand-gradient .withdraw-item:after,
body.nt-stage18-brand-gradient .invoice-card:after,
body.nt-stage18-brand-gradient .profile-card:after,
body.nt-stage18-brand-gradient .referral-card:after,
body.nt-stage18-brand-gradient .reward-card:after,
body.nt-stage18-brand-gradient .voucher-card:after,
body.nt-stage18-brand-gradient .support-card:after,
body.nt-stage18-brand-gradient .auth-card:after,
body.nt-stage18-brand-gradient .login-card:after,
body.nt-stage18-brand-gradient .register-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(245,247,250,.030) 1px,transparent 1px),
    linear-gradient(180deg,rgba(245,247,250,.018) 1px,transparent 1px)!important;
  background-size:24px 24px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent 72%)!important;
  opacity:.42!important;
}
body.nt-stage18-brand-gradient .card > *,
body.nt-stage18-brand-gradient .hero > *,
body.nt-stage18-brand-gradient .trade-card > *,
body.nt-stage18-brand-gradient .deposit-item > *,
body.nt-stage18-brand-gradient .withdraw-item > *,
body.nt-stage18-brand-gradient .invoice-card > *,
body.nt-stage18-brand-gradient .profile-card > *,
body.nt-stage18-brand-gradient .referral-card > *,
body.nt-stage18-brand-gradient .reward-card > *,
body.nt-stage18-brand-gradient .voucher-card > *,
body.nt-stage18-brand-gradient .support-card > *,
body.nt-stage18-brand-gradient .auth-card > *,
body.nt-stage18-brand-gradient .login-card > *,
body.nt-stage18-brand-gradient .register-card > *{position:relative;z-index:2;}

/* Header / dock must also match logo gradient. */
body.nt-stage18-brand-gradient[data-page]:not(.nt-auth) .topbar.nt-stage18-header,
body.nt-stage18-brand-gradient[data-page]:not(.nt-auth) .topbar.nt-stage17-header,
body.nt-stage18-brand-gradient[data-page]:not(.nt-auth) .topbar{
  background:
    radial-gradient(circle at 8% 0%,rgba(16,168,248,.30),transparent 35%),
    radial-gradient(circle at 98% 10%,rgba(24,240,184,.26),transparent 40%),
    linear-gradient(135deg,rgba(2,5,13,.94),rgba(5,24,36,.92) 46%,rgba(4,43,39,.94))!important;
  border:1px solid rgba(24,240,184,.30)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.54),0 0 0 1px rgba(16,168,248,.08),inset 0 1px 0 rgba(245,247,250,.11)!important;
}
body.nt-stage18-brand-gradient .nt-stage18-brand-orb,
body.nt-stage18-brand-gradient .nt-stage17-brand-orb,
body.nt-stage18-brand-gradient .topbar .brand img{
  background:linear-gradient(135deg,var(--nt18-electric),var(--nt18-cyan) 45%,var(--nt18-mint))!important;
  box-shadow:0 14px 38px rgba(16,168,248,.28),0 0 32px rgba(24,240,184,.20)!important;
}
body.nt-stage18-brand-gradient .nt-stage18-action,
body.nt-stage18-brand-gradient .nt-stage17-action,
body.nt-stage18-brand-gradient .nt-stage18-status,
body.nt-stage18-brand-gradient .nt-stage17-status,
body.nt-stage18-brand-gradient .topbar .icon-btn{
  background:linear-gradient(135deg,rgba(16,168,248,.24),rgba(24,240,184,.18))!important;
  border-color:rgba(24,240,184,.28)!important;
  color:var(--nt18-white)!important;
}
body.nt-stage18-brand-gradient .nt-stage18-status-dot,
body.nt-stage18-brand-gradient .nt-stage17-status-dot{background:var(--nt18-mint)!important;box-shadow:0 0 18px rgba(24,240,184,.85)!important;}
body.nt-stage18-brand-gradient[data-page]:not(.nt-auth) .bottom-nav.nt-stage18-dock,
body.nt-stage18-brand-gradient[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock,
body.nt-stage18-brand-gradient[data-page]:not(.nt-auth) .bottom-nav{
  background:
    linear-gradient(90deg,rgba(16,168,248,.18),rgba(8,184,224,.16),rgba(24,240,184,.18)),
    linear-gradient(180deg,rgba(2,5,13,.96),rgba(5,10,20,.92))!important;
  border:1px solid rgba(24,240,184,.28)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.62),0 0 30px rgba(8,184,224,.10)!important;
}
body.nt-stage18-brand-gradient .nt-stage18-dock-spectrum,
body.nt-stage18-brand-gradient .nt-stage17-dock-core{
  background:linear-gradient(90deg,var(--nt18-electric),var(--nt18-cyan),var(--nt18-mint))!important;
  opacity:.78!important;
}
body.nt-stage18-brand-gradient .bottom-nav a.active,
body.nt-stage18-brand-gradient .bottom-nav a[aria-current="page"]{
  background:linear-gradient(135deg,var(--nt18-electric),var(--nt18-cyan) 48%,var(--nt18-mint))!important;
  color:#02050D!important;
  box-shadow:0 18px 40px rgba(8,184,224,.24),0 0 30px rgba(24,240,184,.18)!important;
}
body.nt-stage18-brand-gradient .bottom-nav a.active .nav-ic,
body.nt-stage18-brand-gradient .bottom-nav a.active .nav-label{color:#02050D!important;}

/* Typography, metrics, chips, and forms use logo colors only. */
body.nt-stage18-brand-gradient h1,
body.nt-stage18-brand-gradient h2,
body.nt-stage18-brand-gradient h3,
body.nt-stage18-brand-gradient .brand-title,
body.nt-stage18-brand-gradient .section-title h2,
body.nt-stage18-brand-gradient .card-title,
body.nt-stage18-brand-gradient .invoice-title,
body.nt-stage18-brand-gradient .trade-title{color:var(--nt18-white)!important;}
body.nt-stage18-brand-gradient p,
body.nt-stage18-brand-gradient .muted,
body.nt-stage18-brand-gradient .brand-sub,
body.nt-stage18-brand-gradient .section-title p,
body.nt-stage18-brand-gradient .tiny,
body.nt-stage18-brand-gradient .profile-meta{color:rgba(232,237,245,.72)!important;}
body.nt-stage18-brand-gradient .price,
body.nt-stage18-brand-gradient .stat-value,
body.nt-stage18-brand-gradient .balance-value,
body.nt-stage18-brand-gradient .profit,
body.nt-stage18-brand-gradient .amount,
body.nt-stage18-brand-gradient .text-success{color:var(--nt18-mint)!important;text-shadow:0 0 20px rgba(24,240,184,.18)!important;}
body.nt-stage18-brand-gradient .section-badge,
body.nt-stage18-brand-gradient .badge,
body.nt-stage18-brand-gradient .chip,
body.nt-stage18-brand-gradient .status-badge,
body.nt-stage18-brand-gradient .level-badge{
  background:linear-gradient(135deg,rgba(16,168,248,.20),rgba(24,240,184,.16))!important;
  border:1px solid rgba(24,240,184,.26)!important;
  color:var(--nt18-soft)!important;
}
body.nt-stage18-brand-gradient input,
body.nt-stage18-brand-gradient select,
body.nt-stage18-brand-gradient textarea,
body.nt-stage18-brand-gradient .form-control,
body.nt-stage18-brand-gradient .input-control{
  background:linear-gradient(135deg,rgba(2,5,13,.74),rgba(4,31,40,.72))!important;
  border:1px solid rgba(8,184,224,.24)!important;
  color:var(--nt18-white)!important;
  box-shadow:inset 0 1px 0 rgba(245,247,250,.06),0 0 0 1px rgba(24,240,184,.035)!important;
}
body.nt-stage18-brand-gradient input:focus,
body.nt-stage18-brand-gradient select:focus,
body.nt-stage18-brand-gradient textarea:focus,
body.nt-stage18-brand-gradient .form-control:focus{
  border-color:rgba(24,240,184,.56)!important;
  box-shadow:0 0 0 3px rgba(24,240,184,.12),inset 0 1px 0 rgba(245,247,250,.08)!important;
}
body.nt-stage18-brand-gradient .btn,
body.nt-stage18-brand-gradient button,
body.nt-stage18-brand-gradient .button,
body.nt-stage18-brand-gradient .bgcolor,
body.nt-stage18-brand-gradient .btn-primary,
body.nt-stage18-brand-gradient .primary-btn,
body.nt-stage18-brand-gradient .action-btn,
body.nt-stage18-brand-gradient .trade-buy-btn,
body.nt-stage18-brand-gradient .submit-btn{
  border:1px solid rgba(24,240,184,.30)!important;
}
body.nt-stage18-brand-gradient .btn-primary,
body.nt-stage18-brand-gradient .bgcolor,
body.nt-stage18-brand-gradient .primary-btn,
body.nt-stage18-brand-gradient .action-btn,
body.nt-stage18-brand-gradient .submit-btn,
body.nt-stage18-brand-gradient .trade-buy-btn,
body.nt-stage18-brand-gradient .copy-btn,
body.nt-stage18-brand-gradient .claim-btn{
  background:linear-gradient(135deg,var(--nt18-electric) 0%,var(--nt18-cyan) 48%,var(--nt18-mint) 100%)!important;
  color:#02050D!important;
  box-shadow:0 16px 38px rgba(8,184,224,.22),0 0 26px rgba(24,240,184,.16)!important;
  font-weight:900!important;
}
body.nt-stage18-brand-gradient .btn-secondary,
body.nt-stage18-brand-gradient .ghost-btn,
body.nt-stage18-brand-gradient .outline-btn{
  background:linear-gradient(135deg,rgba(16,168,248,.12),rgba(24,240,184,.10))!important;
  color:var(--nt18-soft)!important;
  border-color:rgba(24,240,184,.24)!important;
}

/* Modal, sidebar, SweetAlert, toast: same logo gradient family. */
body.nt-stage18-brand-gradient .sidebar-panel,
body.nt-stage18-brand-gradient .trade-flow-box,
body.nt-stage18-brand-gradient .claim-modal-box,
body.nt-stage18-brand-gradient .nt-voucher-dialog,
body.nt-stage18-brand-gradient .neuraltrade-pwa-box,
body.nt-stage18-brand-gradient .modal-dialog,
body.nt-stage18-brand-gradient .swal2-popup{
  background:
    radial-gradient(circle at 12% 0%,rgba(16,168,248,.25),transparent 34%),
    radial-gradient(circle at 96% 4%,rgba(24,240,184,.22),transparent 42%),
    linear-gradient(135deg,#04111D 0%,#062C35 50%,#043B35 100%)!important;
  border:1px solid rgba(24,240,184,.26)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.64),0 0 0 1px rgba(8,184,224,.10),inset 0 1px 0 rgba(245,247,250,.10)!important;
}
body.nt-stage18-brand-gradient .trade-flow-box:before,
body.nt-stage18-brand-gradient .claim-modal-box:before,
body.nt-stage18-brand-gradient .nt-voucher-dialog:before,
body.nt-stage18-brand-gradient .neuraltrade-pwa-box:before,
body.nt-stage18-brand-gradient .modal-dialog:before,
body.nt-stage18-brand-gradient .sidebar-panel:before{
  background:linear-gradient(90deg,var(--nt18-electric),var(--nt18-cyan),var(--nt18-mint))!important;
}
body.nt-stage18-brand-gradient .trade-step-icon,
body.nt-stage18-brand-gradient .claim-modal-icon,
body.nt-stage18-brand-gradient .nt-voucher-success-icon,
body.nt-stage18-brand-gradient .neuraltrade-pwa-icon,
body.nt-stage18-brand-gradient .toast .toast-icon{
  background:linear-gradient(135deg,var(--nt18-electric),var(--nt18-cyan) 46%,var(--nt18-mint))!important;
  color:#02050D!important;
  box-shadow:0 18px 44px rgba(8,184,224,.24),0 0 24px rgba(24,240,184,.16)!important;
}
body.nt-stage18-brand-gradient .toast-wrap{top:calc(84px + var(--nt-safe-top,0px))!important;}
body.nt-stage18-brand-gradient .toast.nt-stage18-toast,
body.nt-stage18-brand-gradient .toast{
  background:
    radial-gradient(circle at 0% 0%,rgba(16,168,248,.24),transparent 42%),
    radial-gradient(circle at 100% 0%,rgba(24,240,184,.22),transparent 44%),
    linear-gradient(135deg,#04111D,#062C35 54%,#043B35)!important;
  border:1px solid rgba(24,240,184,.28)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.58),0 0 0 1px rgba(8,184,224,.10)!important;
}
body.nt-stage18-brand-gradient .toast .nt17-toast-signal,
body.nt-stage18-brand-gradient .toast .nt18-toast-signal{background:linear-gradient(180deg,var(--nt18-electric),var(--nt18-cyan),var(--nt18-mint))!important;width:5px!important;}
body.nt-stage18-brand-gradient .toast .nt17-toast-progress,
body.nt-stage18-brand-gradient .toast .nt18-toast-progress{background:linear-gradient(90deg,var(--nt18-electric),var(--nt18-cyan),var(--nt18-mint))!important;height:3px!important;}
body.nt-stage18-brand-gradient .toast.error .toast-icon{background:linear-gradient(135deg,#ff4d6d,#ff99aa)!important;color:#16030a!important;}
body.nt-stage18-brand-gradient .toast.warning .toast-icon{background:linear-gradient(135deg,#ffd166,#fff1a8)!important;color:#171100!important;}
body.nt-stage18-brand-gradient .toast.info .toast-icon,
body.nt-stage18-brand-gradient .toast.success .toast-icon{background:linear-gradient(135deg,var(--nt18-electric),var(--nt18-cyan),var(--nt18-mint))!important;color:#02050D!important;}

/* Page-specific brand cards. */
body.nt-stage18-brand-gradient.nt-page-dashboard .hero,
body.nt-stage18-brand-gradient.nt-page-dashboard .balance-card{background:var(--nt18-card-bg)!important;}
body.nt-stage18-brand-gradient.nt-page-trade .trade-card{background:linear-gradient(135deg,rgba(16,168,248,.20),rgba(6,44,53,.96) 46%,rgba(24,240,184,.14)),linear-gradient(135deg,#04111D,#062C35,#043B35)!important;}
body.nt-stage18-brand-gradient.nt-page-tradebuy .trade-detail-head{background:linear-gradient(135deg,rgba(16,168,248,.24),rgba(8,184,224,.14),rgba(24,240,184,.18)),linear-gradient(135deg,#04111D,#062C35,#043B35)!important;}
body.nt-stage18-brand-gradient.nt-page-deposit .deposit-item,
body.nt-stage18-brand-gradient.nt-page-withdraw .withdraw-item{background:linear-gradient(135deg,rgba(16,168,248,.18),rgba(6,44,53,.94) 52%,rgba(24,240,184,.18)),linear-gradient(135deg,#04111D,#062C35,#043B35)!important;}
body.nt-stage18-brand-gradient.nt-page-profile .profile-card{background:linear-gradient(135deg,rgba(16,168,248,.22),rgba(8,184,224,.15),rgba(24,240,184,.16)),linear-gradient(135deg,#04111D,#062C35,#043B35)!important;}
body.nt-stage18-brand-gradient.nt-auth .auth-card,
body.nt-stage18-brand-gradient.nt-auth .login-card,
body.nt-stage18-brand-gradient.nt-auth .register-card{background:var(--nt18-card-bg)!important;}

@media (max-width:330px){
  body.nt-stage18-brand-gradient .toast-wrap{top:calc(76px + var(--nt-safe-top,0px))!important;}
  body.nt-stage18-brand-gradient .card,
  body.nt-stage18-brand-gradient .hero,
  body.nt-stage18-brand-gradient .auth-card,
  body.nt-stage18-brand-gradient .login-card,
  body.nt-stage18-brand-gradient .register-card{border-color:rgba(24,240,184,.24)!important;}
}


/* Stage 19: bilingual language switcher and i18n polishing */
body.nt-stage19-bilingual .nt-lang-switcher{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:4px!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle at 10% 0%, rgba(16,168,248,.18), transparent 45%),
    radial-gradient(circle at 90% 0%, rgba(24,240,184,.14), transparent 48%),
    rgba(2,5,13,.72)!important;
  border:1px solid rgba(24,240,184,.22)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
  z-index:80!important;
}
body.nt-stage19-bilingual .nt-lang-switcher button{
  appearance:none!important;
  border:0!important;
  min-width:34px!important;
  height:30px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(232,237,245,.72)!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  cursor:pointer!important;
}
body.nt-stage19-bilingual .nt-lang-switcher button.active{
  color:#031019!important;
  background:linear-gradient(135deg,#10A8F8 0%,#08B8E0 46%,#18F0B8 100%)!important;
  box-shadow:0 8px 22px rgba(16,168,248,.24)!important;
}
body.nt-stage19-bilingual .nt-lang-header{ margin-left:6px!important; }
body.nt-stage19-bilingual .nt-lang-sidebar{
  width:100%!important;
  justify-content:center!important;
  margin:14px 0 10px!important;
}
body.nt-auth.nt-stage19-bilingual .nt-lang-floating{
  position:fixed!important;
  top:calc(12px + env(safe-area-inset-top))!important;
  right:12px!important;
  z-index:120!important;
}
@media(max-width:360px){
  body.nt-stage19-bilingual .nt-lang-header button{ min-width:30px!important; height:28px!important; padding:0 8px!important; }
  body.nt-stage19-bilingual .nt-stage18-status .section-badge{ max-width:74px!important; overflow:hidden!important; text-overflow:ellipsis!important; }
}

/* Stage 21 i18n + UX/color hardening */
body.nt-stage18-brand-gradient:not(.nt-page-deposit):not(.nt-page-withdraw):not(.nt-page-invoice){
  padding-bottom:calc(132px + env(safe-area-inset-bottom))!important;
}
@media (max-width:360px){
  body.nt-stage18-brand-gradient:not(.nt-page-deposit):not(.nt-page-withdraw):not(.nt-page-invoice){
    padding-bottom:calc(150px + env(safe-area-inset-bottom))!important;
  }
  body.nt-stage18-brand-gradient .nt-stage18-header .nt-page-title,
  body.nt-stage18-brand-gradient .topbar-title,
  body.nt-stage18-brand-gradient .header-title{
    max-width:128px!important;
    font-size:13px!important;
    line-height:1.18!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
body.nt-stage18-brand-gradient .btn-danger,
body.nt-stage18-brand-gradient .btn-warning,
body.nt-stage18-brand-gradient button.btn-danger,
body.nt-stage18-brand-gradient button.btn-warning{
  background:radial-gradient(circle at 18% 0%,rgba(16,168,248,.30),transparent 36%),radial-gradient(circle at 90% 10%,rgba(24,240,184,.22),transparent 44%),linear-gradient(135deg,#04111d 0%,#063544 48%,#04483d 100%)!important;
  color:#f5f7fa!important;
  border:1px solid rgba(24,240,184,.34)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.34),0 0 0 1px rgba(16,168,248,.10) inset!important;
}
body.nt-stage18-brand-gradient .toast.error .toast-icon,
body.nt-stage18-brand-gradient .toast.warning .toast-icon{
  background:linear-gradient(135deg,#10a8f8,#08b8e0 48%,#18f0b8)!important;
  color:#02101a!important;
}
body.nt-stage18-brand-gradient .toast.error,
body.nt-stage18-brand-gradient .toast.warning{
  border-color:rgba(24,240,184,.28)!important;
}
body.nt-stage18-brand-gradient .modal-content{
  background:radial-gradient(circle at 14% 0%,rgba(16,168,248,.24),transparent 36%),radial-gradient(circle at 94% 6%,rgba(24,240,184,.20),transparent 42%),linear-gradient(135deg,#04111d 0%,#062c35 48%,#043b35 100%)!important;
  border:1px solid rgba(24,240,184,.24)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.54)!important;
  color:#e8edf5!important;
}
body.nt-stage18-brand-gradient .legal-page,
body.nt-stage18-brand-gradient .legal-main,
body.nt-stage18-brand-gradient .legal-card{
  min-width:0!important;
}
body.nt-stage18-brand-gradient .legal-card h1,
body.nt-stage18-brand-gradient .legal-card h2,
body.nt-stage18-brand-gradient .legal-card h3,
body.nt-stage18-brand-gradient .legal-card p,
body.nt-stage18-brand-gradient .legal-card li{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media (max-width:360px){
  body.nt-stage18-brand-gradient .legal-card{padding:16px!important;}
  body.nt-stage18-brand-gradient .legal-card h2{font-size:18px!important;line-height:1.28!important;}
  body.nt-stage18-brand-gradient .legal-card p,
  body.nt-stage18-brand-gradient .legal-card li{font-size:13px!important;line-height:1.65!important;color:rgba(232,237,245,.86)!important;}
}


/* Stage 22 bilingual completeness + mobile polish */
body.nt-stage22-clean-i18n{
  --nt22-safe-bottom: calc(172px + env(safe-area-inset-bottom));
}
body.nt-stage22-clean-i18n:not(.nt-page-deposit):not(.nt-page-withdraw):not(.nt-page-invoice):not(.nt-auth){
  padding-bottom:var(--nt22-safe-bottom)!important;
}
body.nt-stage22-clean-i18n.nt-page-dashboard .app-main,
body.nt-stage22-clean-i18n.nt-page-dashboard .content,
body.nt-stage22-clean-i18n.nt-page-dashboard .page-content{
  padding-bottom:var(--nt22-safe-bottom)!important;
}
body.nt-stage22-clean-i18n.nt-page-dashboard .hero,
body.nt-stage22-clean-i18n.nt-page-dashboard .balance-card{
  margin-bottom:calc(92px + env(safe-area-inset-bottom))!important;
}
@media(max-width:360px){
  body.nt-stage22-clean-i18n .nt-stage18-header,
  body.nt-stage22-clean-i18n .topbar,
  body.nt-stage22-clean-i18n .header{
    gap:6px!important;
  }
  body.nt-stage22-clean-i18n .nt-stage18-header .nt-page-title,
  body.nt-stage22-clean-i18n .topbar-title,
  body.nt-stage22-clean-i18n .header-title{
    max-width:104px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  body.nt-stage22-clean-i18n .nt-stage18-header .nt-page-subtitle,
  body.nt-stage22-clean-i18n .topbar-subtitle,
  body.nt-stage22-clean-i18n .header-subtitle{
    display:none!important;
  }
  body.nt-stage22-clean-i18n .nt-lang-header{transform:scale(.92);transform-origin:right center;margin-left:0!important;}
  body.nt-stage22-clean-i18n.nt-page-dashboard .hero,
  body.nt-stage22-clean-i18n.nt-page-dashboard .balance-card{margin-bottom:112px!important;}
}
body.nt-stage22-clean-i18n.nt-page-privacy-policy .legal-card,
body.nt-stage22-clean-i18n.nt-page-privacy-policy .card{
  padding:18px!important;
  border-radius:22px!important;
}
body.nt-stage22-clean-i18n.nt-page-privacy-policy p,
body.nt-stage22-clean-i18n.nt-page-privacy-policy li{
  font-size:14px!important;
  line-height:1.75!important;
  color:rgba(232,237,245,.88)!important;
}
body.nt-stage22-clean-i18n.nt-page-privacy-policy h1,
body.nt-stage22-clean-i18n.nt-page-privacy-policy h2,
body.nt-stage22-clean-i18n.nt-page-privacy-policy h3{
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:auto!important;
}
body.nt-stage22-clean-i18n [data-i18n-skip],
body.nt-stage22-clean-i18n .notranslate{
  unicode-bidi:isolate;
}

/* Stage 22 dashboard 320px dock clearance refinement */
@media(max-width:360px){
  body.nt-stage22-clean-i18n.nt-page-dashboard .hero{
    padding:14px!important;
    border-radius:24px!important;
  }
  body.nt-stage22-clean-i18n.nt-page-dashboard .hero-title{
    font-size:22px!important;
    line-height:1.08!important;
  }
  body.nt-stage22-clean-i18n.nt-page-dashboard .hero-copy{
    font-size:12.5px!important;
    line-height:1.48!important;
    margin-top:7px!important;
  }
  body.nt-stage22-clean-i18n.nt-page-dashboard .hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:12px!important;
  }
  body.nt-stage22-clean-i18n.nt-page-dashboard .hero-actions .btn{
    min-height:44px!important;
    padding:10px 8px!important;
    font-size:12.5px!important;
    border-radius:16px!important;
  }
}
@media(max-width:360px){
  body.nt-stage22-clean-i18n.nt-page-dashboard .dashboard-stats{
    margin-top:calc(112px + env(safe-area-inset-bottom))!important;
  }
}
@media(max-width:360px){
  body.nt-stage22-clean-i18n.nt-page-dashboard .dashboard-stats{
    margin-top:calc(172px + env(safe-area-inset-bottom))!important;
  }
}

/* Stage 25: live-preview visual cleanup — compact premium mobile UI */
body.nt-stage25-live-visual-fix{
  --nt25-header-h:58px;
  --nt25-page-x:14px;
  --nt25-card-radius:20px;
  --nt25-card-pad:14px;
  --nt25-bottom-h:62px;
  --nt25-bottom-clear:calc(88px + env(safe-area-inset-bottom));
  overflow-x:hidden!important;
}
body.nt-stage25-live-visual-fix *,
body.nt-stage25-live-visual-fix *:before,
body.nt-stage25-live-visual-fix *:after{box-sizing:border-box!important;}
body.nt-stage25-live-visual-fix:not(.nt-auth):not(.nt-page-deposit):not(.nt-page-withdraw):not(.nt-page-invoice){
  padding-bottom:var(--nt25-bottom-clear)!important;
}
body.nt-stage25-live-visual-fix:not(.nt-auth) .content,
body.nt-stage25-live-visual-fix:not(.nt-auth) .page-content,
body.nt-stage25-live-visual-fix:not(.nt-auth) .app-main{
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:calc(var(--nt25-header-h) + 12px + env(safe-area-inset-top)) var(--nt25-page-x) var(--nt25-bottom-clear)!important;
  min-width:0!important;
}
body.nt-stage25-live-visual-fix.nt-page-deposit .content,
body.nt-stage25-live-visual-fix.nt-page-withdraw .content,
body.nt-stage25-live-visual-fix.nt-page-invoice .content{
  padding-bottom:calc(26px + env(safe-area-inset-bottom))!important;
}
body.nt-stage25-live-visual-fix.nt-page-dashboard .content,
body.nt-stage25-live-visual-fix.nt-page-dashboard .app-main,
body.nt-stage25-live-visual-fix.nt-page-dashboard .page-content{padding-bottom:var(--nt25-bottom-clear)!important;}
body.nt-stage25-live-visual-fix.nt-page-dashboard .hero,
body.nt-stage25-live-visual-fix.nt-page-dashboard .balance-card{margin-bottom:12px!important;}
body.nt-stage25-live-visual-fix.nt-page-dashboard .dashboard-stats{margin-top:10px!important;}

/* Header: remove crowded subtitle/status, keep one-line compact mobile bar. */
body.nt-stage25-live-visual-fix .topbar{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  z-index:200!important;
  height:calc(var(--nt25-header-h) + env(safe-area-inset-top))!important;
  min-height:calc(var(--nt25-header-h) + env(safe-area-inset-top))!important;
  padding:env(safe-area-inset-top) 0 0!important;
  background:rgba(3,8,18,.88)!important;
  border-bottom:1px solid rgba(24,240,184,.12)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
body.nt-stage25-live-visual-fix .topbar-inner{
  width:100%!important;max-width:430px!important;margin:0 auto!important;
  min-height:var(--nt25-header-h)!important;height:var(--nt25-header-h)!important;
  padding:8px 12px!important;gap:8px!important;display:flex!important;align-items:center!important;
}
body.nt-stage25-live-visual-fix .topbar .icon-btn{
  width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:14px!important;
  font-size:18px!important;display:grid!important;place-items:center!important;
}
body.nt-stage25-live-visual-fix .topbar .brand{
  flex:1 1 auto!important;min-width:0!important;max-width:none!important;gap:8px!important;overflow:hidden!important;
}
body.nt-stage25-live-visual-fix .topbar .brand span[class*="brand-orb"],
body.nt-stage25-live-visual-fix .topbar .brand .nt-stage15-brand-orb,
body.nt-stage25-live-visual-fix .topbar .brand .nt-stage18-brand-orb{
  width:32px!important;height:32px!important;min-width:32px!important;border-radius:12px!important;padding:3px!important;
}
body.nt-stage25-live-visual-fix .topbar .brand img{width:26px!important;height:26px!important;min-width:26px!important;object-fit:contain!important;}
body.nt-stage25-live-visual-fix .topbar .brand-title{
  font-size:14px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.01em!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;
}
body.nt-stage25-live-visual-fix .topbar .brand-sub{display:none!important;}
body.nt-stage25-live-visual-fix .topbar .spacer{display:none!important;}
body.nt-stage25-live-visual-fix .topbar .nt-stage15-status,
body.nt-stage25-live-visual-fix .topbar .nt-stage16-status,
body.nt-stage25-live-visual-fix .topbar .nt-stage17-status,
body.nt-stage25-live-visual-fix .topbar .nt-stage18-status{display:none!important;}
body.nt-stage25-live-visual-fix .nt-lang-header{margin-left:0!important;flex:0 0 auto!important;transform:none!important;white-space:nowrap!important;}
body.nt-stage25-live-visual-fix .nt-lang-switcher{gap:3px!important;padding:3px!important;border-radius:999px!important;white-space:nowrap!important;flex-wrap:nowrap!important;}
body.nt-stage25-live-visual-fix .nt-lang-switcher button,
body.nt-stage25-live-visual-fix .nt-lang-header button{
  width:28px!important;min-width:28px!important;height:26px!important;padding:0!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  white-space:nowrap!important;line-height:1!important;font-size:10px!important;letter-spacing:.02em!important;
}

/* Auth pages: remove broken hero banner, use clean compact logo header. */
body.nt-stage25-live-visual-fix.nt-auth{
  min-height:100svh!important;
  background:radial-gradient(circle at 20% 0%,rgba(16,168,248,.22),transparent 38%),radial-gradient(circle at 90% 8%,rgba(24,240,184,.18),transparent 38%),linear-gradient(180deg,#020610 0%,#050b16 58%,#02050d 100%)!important;
  padding:0!important;
}
body.nt-stage25-live-visual-fix.nt-auth .auth-wrap{
  min-height:100svh!important;width:100%!important;max-width:430px!important;margin:0 auto!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:calc(48px + env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom))!important;
}
body.nt-stage25-live-visual-fix.nt-auth .auth-card,
body.nt-stage25-live-visual-fix.nt-auth .login-card,
body.nt-stage25-live-visual-fix.nt-auth .register-card{
  width:100%!important;max-width:386px!important;margin:0 auto!important;
  padding:16px!important;border-radius:24px!important;overflow:visible!important;
  background:linear-gradient(180deg,rgba(7,16,31,.94),rgba(4,10,22,.92))!important;
  border:1px solid rgba(24,240,184,.18)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.nt-stage25-live-visual-fix.nt-auth .login-banner-wrap{display:none!important;height:0!important;margin:0!important;padding:0!important;}
body.nt-stage25-live-visual-fix.nt-auth .auth-brand-panel{
  display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 12px!important;padding:12px!important;
  border-radius:20px!important;background:radial-gradient(circle at 16% 0%,rgba(16,168,248,.22),transparent 45%),linear-gradient(135deg,rgba(5,19,37,.92),rgba(5,44,53,.84))!important;
  border:1px solid rgba(24,240,184,.18)!important;
}
body.nt-stage25-live-visual-fix.nt-auth .auth-brand-logo{
  width:50px!important;height:50px!important;min-width:50px!important;border-radius:17px!important;display:grid!important;place-items:center!important;
  background:linear-gradient(135deg,#10A8F8,#08B8E0 50%,#18F0B8)!important;box-shadow:0 12px 30px rgba(8,184,224,.24)!important;
}
body.nt-stage25-live-visual-fix.nt-auth .auth-brand-logo img{width:38px!important;height:38px!important;object-fit:contain!important;display:block!important;}
body.nt-stage25-live-visual-fix.nt-auth .auth-brand-copy{min-width:0!important;}
body.nt-stage25-live-visual-fix.nt-auth .auth-brand-name{font-size:19px!important;line-height:1.05!important;font-weight:950!important;color:#fff!important;letter-spacing:-.02em!important;}
body.nt-stage25-live-visual-fix.nt-auth .auth-brand-tagline{margin-top:4px!important;font-size:11.5px!important;line-height:1.35!important;color:rgba(232,237,245,.72)!important;}
body.nt-stage25-live-visual-fix.nt-auth .login-content,
body.nt-stage25-live-visual-fix.nt-auth .register-content{padding:0!important;}
body.nt-stage25-live-visual-fix.nt-auth .auth-sub{margin:0 0 12px!important;font-size:12.5px!important;line-height:1.55!important;color:rgba(232,237,245,.76)!important;}
body.nt-stage25-live-visual-fix.nt-auth .form-stack{gap:10px!important;display:flex!important;flex-direction:column!important;}
body.nt-stage25-live-visual-fix.nt-auth .field{gap:6px!important;margin:0!important;}
body.nt-stage25-live-visual-fix.nt-auth .field label{font-size:11.5px!important;line-height:1.2!important;margin:0!important;color:rgba(232,237,245,.82)!important;font-weight:800!important;}
body.nt-stage25-live-visual-fix.nt-auth .grid-2{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
body.nt-stage25-live-visual-fix.nt-auth input,
body.nt-stage25-live-visual-fix.nt-auth .input-phone input,
body.nt-stage25-live-visual-fix.nt-auth .input-password input{
  min-height:46px!important;height:46px!important;padding:11px 13px!important;border-radius:14px!important;font-size:13.5px!important;line-height:1.2!important;
}
body.nt-stage25-live-visual-fix.nt-auth .input-phone,
body.nt-stage25-live-visual-fix.nt-auth .input-password{border-radius:15px!important;min-height:46px!important;background:#08111f!important;}
body.nt-stage25-live-visual-fix.nt-auth .phone-prefix{min-height:46px!important;padding:0 10px!important;gap:6px!important;}
body.nt-stage25-live-visual-fix.nt-auth .toggle-password{width:44px!important;min-width:44px!important;height:46px!important;font-size:15px!important;border-radius:0!important;}
body.nt-stage25-live-visual-fix.nt-auth .captcha-row{grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important;align-items:end!important;}
body.nt-stage25-live-visual-fix.nt-auth .captcha-box{width:92px!important;height:46px!important;border-radius:14px!important;}
body.nt-stage25-live-visual-fix.nt-auth .captcha-box img{border-radius:14px!important;}
body.nt-stage25-live-visual-fix.nt-auth .btn,
body.nt-stage25-live-visual-fix.nt-auth button.btn{min-height:46px!important;height:auto!important;padding:12px 14px!important;border-radius:16px!important;font-size:13.5px!important;}
body.nt-stage25-live-visual-fix.nt-auth .inline-note{padding:10px 12px!important;border-radius:15px!important;font-size:11.5px!important;line-height:1.5!important;margin:0!important;}
body.nt-stage25-live-visual-fix.nt-auth .auth-switch{margin-top:12px!important;font-size:12.5px!important;line-height:1.45!important;}
body.nt-stage25-live-visual-fix.nt-auth .auth-legal-links{margin-top:6px!important;font-size:11.5px!important;}
body.nt-stage25-live-visual-fix.nt-auth .nt-lang-floating{top:calc(10px + env(safe-area-inset-top))!important;right:12px!important;transform:none!important;}

/* Compact content density. */
body.nt-stage25-live-visual-fix .hero,
body.nt-stage25-live-visual-fix .card,
body.nt-stage25-live-visual-fix .card-soft,
body.nt-stage25-live-visual-fix .invoice-card,
body.nt-stage25-live-visual-fix .bank-card,
body.nt-stage25-live-visual-fix .wallet-card,
body.nt-stage25-live-visual-fix .profile-card,
body.nt-stage25-live-visual-fix .referral-card,
body.nt-stage25-live-visual-fix .tx-card{
  padding:var(--nt25-card-pad)!important;border-radius:var(--nt25-card-radius)!important;margin-top:0!important;min-width:0!important;
}
body.nt-stage25-live-visual-fix .mt-4{margin-top:12px!important;}
body.nt-stage25-live-visual-fix .hero{margin-bottom:12px!important;}
body.nt-stage25-live-visual-fix .hero-title{font-size:23px!important;line-height:1.08!important;letter-spacing:-.035em!important;margin:0!important;}
body.nt-stage25-live-visual-fix .hero-copy{font-size:12.5px!important;line-height:1.5!important;margin:7px 0 0!important;color:rgba(232,237,245,.78)!important;}
body.nt-stage25-live-visual-fix .hero-actions{margin-top:12px!important;gap:8px!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
body.nt-stage25-live-visual-fix .btn{min-height:44px!important;padding:11px 13px!important;border-radius:15px!important;font-size:13px!important;line-height:1.15!important;}
body.nt-stage25-live-visual-fix .form-stack{gap:11px!important;}
body.nt-stage25-live-visual-fix .field{gap:6px!important;}
body.nt-stage25-live-visual-fix .field label{font-size:12px!important;margin-bottom:0!important;}
body.nt-stage25-live-visual-fix input,
body.nt-stage25-live-visual-fix select,
body.nt-stage25-live-visual-fix textarea{min-height:46px!important;border-radius:15px!important;padding:11px 13px!important;font-size:13.5px!important;}
body.nt-stage25-live-visual-fix .section-title{margin:14px 0 9px!important;align-items:end!important;}
body.nt-stage25-live-visual-fix .section-title h2{font-size:16px!important;line-height:1.15!important;margin:0!important;}
body.nt-stage25-live-visual-fix .section-title p{font-size:11.5px!important;line-height:1.35!important;margin-top:3px!important;}
body.nt-stage25-live-visual-fix .grid-2{gap:10px!important;}
body.nt-stage25-live-visual-fix .stat-label{font-size:10.5px!important;letter-spacing:.04em!important;}
body.nt-stage25-live-visual-fix .stat-value{font-size:18px!important;line-height:1.12!important;word-break:break-word!important;}
body.nt-stage25-live-visual-fix .stat-chip{font-size:10.5px!important;line-height:1.4!important;margin-top:6px!important;}
body.nt-stage25-live-visual-fix .list{gap:9px!important;}
body.nt-stage25-live-visual-fix .list-item{padding:11px!important;border-radius:18px!important;gap:10px!important;min-height:64px!important;}
body.nt-stage25-live-visual-fix .coin{width:42px!important;height:42px!important;min-width:42px!important;border-radius:15px!important;font-size:10.5px!important;}
body.nt-stage25-live-visual-fix .coin-img{width:28px!important;height:28px!important;object-fit:contain!important;}
body.nt-stage25-live-visual-fix .list-title{font-size:13px!important;line-height:1.2!important;}
body.nt-stage25-live-visual-fix .list-sub{font-size:11px!important;line-height:1.4!important;}
body.nt-stage25-live-visual-fix .price{font-size:12.5px!important;line-height:1.15!important;}
body.nt-stage25-live-visual-fix .tiny{font-size:10.5px!important;line-height:1.2!important;}
body.nt-stage25-live-visual-fix .inline-note{font-size:11.5px!important;line-height:1.5!important;padding:10px 12px!important;border-radius:16px!important;}

/* Bottom nav: smaller, no content cover. */
body.nt-stage25-live-visual-fix .bottom-nav{
  width:min(410px,calc(100vw - 20px))!important;min-height:var(--nt25-bottom-h)!important;height:var(--nt25-bottom-h)!important;
  left:50%!important;right:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;
  padding:6px!important;border-radius:20px!important;gap:4px!important;z-index:210!important;
}
body.nt-stage25-live-visual-fix .bottom-nav a{height:50px!important;min-height:50px!important;padding:6px 2px!important;border-radius:15px!important;gap:3px!important;font-size:9.5px!important;line-height:1.05!important;}
body.nt-stage25-live-visual-fix .bottom-nav .nav-ic{width:19px!important;height:19px!important;font-size:15px!important;line-height:1!important;}
body.nt-stage25-live-visual-fix .bottom-nav a span:last-child{font-size:9.5px!important;line-height:1.05!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage25-live-visual-fix body.nt-input-focus .bottom-nav,
body.nt-stage25-live-visual-fix.nt-input-focus .bottom-nav{display:none!important;}

/* Deposit/withdraw visual trim. */
body.nt-stage25-live-visual-fix.nt-page-deposit .nt-deposit-hero{padding:14px!important;margin-bottom:12px!important;}
body.nt-stage25-live-visual-fix.nt-page-deposit .hero-title{font-size:20px!important;}
body.nt-stage25-live-visual-fix.nt-page-deposit .section-badge{font-size:10px!important;padding:6px 9px!important;margin-bottom:7px!important;}
body.nt-stage25-live-visual-fix .nt-tab-grid{gap:8px!important;}
body.nt-stage25-live-visual-fix .nt-payment-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
body.nt-stage25-live-visual-fix .nt-tab-option{min-height:46px!important;padding:9px 8px!important;border-radius:15px!important;font-size:12px!important;line-height:1.15!important;}
body.nt-stage25-live-visual-fix .nt-tab-option small{font-size:10px!important;line-height:1.1!important;}
body.nt-stage25-live-visual-fix .withdraw-destination-card{padding:12px!important;border-radius:17px!important;}
body.nt-stage25-live-visual-fix .withdraw-destination-title{font-size:13px!important;line-height:1.2!important;}
body.nt-stage25-live-visual-fix .withdraw-destination-sub{font-size:11px!important;line-height:1.4!important;}
body.nt-stage25-live-visual-fix .withdraw-destination-grid{gap:8px!important;}
body.nt-stage25-live-visual-fix .withdraw-destination-item{padding:10px!important;border-radius:14px!important;}
body.nt-stage25-live-visual-fix .nt-main-balance-box{padding:12px!important;border-radius:17px!important;}
body.nt-stage25-live-visual-fix.nt-page-withdraw .inline-note{max-height:118px!important;overflow:auto!important;}

/* Trade buy compact execution page. */
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-detail-head{padding:14px!important;border-radius:20px!important;gap:12px!important;align-items:center!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-detail-title{font-size:18px!important;line-height:1.1!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-detail-sub{font-size:11.5px!important;line-height:1.45!important;margin-top:5px!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-detail-stats{gap:10px!important;margin-top:12px!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-detail-stats .card-soft{padding:12px!important;border-radius:17px!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-mini-chart-card{min-height:0!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-mini-chart-wrap{height:156px!important;min-height:156px!important;border-radius:16px!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-mini-chart-canvas{height:156px!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-mini-metrics{gap:7px!important;margin-top:8px!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-mini-metric{padding:8px!important;border-radius:13px!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .tradebuy-actions{grid-template-columns:1fr!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-flow-box{width:min(100%,390px)!important;max-height:calc(100svh - 28px)!important;padding:14px!important;border-radius:22px!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-chart-wrap{height:250px!important;border-radius:16px!important;}
body.nt-stage25-live-visual-fix.nt-page-tradebuy .trade-chart-canvas{height:250px!important;}

/* Profile/password/account form compact polish. */
body.nt-stage25-live-visual-fix.nt-page-profile .profile-card{padding:14px!important;border-radius:20px!important;}
body.nt-stage25-live-visual-fix.nt-page-profile .profile-name{font-size:19px!important;line-height:1.1!important;}
body.nt-stage25-live-visual-fix.nt-page-profile .profile-email{font-size:11.5px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important;}
body.nt-stage25-live-visual-fix.nt-page-password .card,
body.nt-stage25-live-visual-fix.nt-page-bank .card,
body.nt-stage25-live-visual-fix.nt-page-wallet .card{padding:14px!important;border-radius:20px!important;}

@media(max-width:360px){
  body.nt-stage25-live-visual-fix{--nt25-page-x:12px;--nt25-card-pad:12px;--nt25-header-h:56px;}
  body.nt-stage25-live-visual-fix .topbar-inner{padding-left:10px!important;padding-right:10px!important;gap:6px!important;}
  body.nt-stage25-live-visual-fix .topbar .icon-btn{width:36px!important;height:36px!important;min-width:36px!important;}
  body.nt-stage25-live-visual-fix .topbar .brand span[class*="brand-orb"]{width:30px!important;height:30px!important;min-width:30px!important;}
  body.nt-stage25-live-visual-fix .topbar .brand-title{font-size:13px!important;}
  body.nt-stage25-live-visual-fix .nt-lang-switcher button,
  body.nt-stage25-live-visual-fix .nt-lang-header button{width:26px!important;min-width:26px!important;height:24px!important;font-size:9.5px!important;}
  body.nt-stage25-live-visual-fix.nt-auth .auth-wrap{padding-left:12px!important;padding-right:12px!important;align-items:flex-start!important;}
  body.nt-stage25-live-visual-fix.nt-auth .auth-card{padding:14px!important;}
  body.nt-stage25-live-visual-fix.nt-auth .auth-brand-logo{width:46px!important;height:46px!important;min-width:46px!important;}
  body.nt-stage25-live-visual-fix.nt-auth .auth-brand-logo img{width:34px!important;height:34px!important;}
  body.nt-stage25-live-visual-fix.nt-auth .auth-brand-name{font-size:17px!important;}
  body.nt-stage25-live-visual-fix .hero-title{font-size:21px!important;}
  body.nt-stage25-live-visual-fix .bottom-nav{width:calc(100vw - 16px)!important;}
  body.nt-stage25-live-visual-fix .bottom-nav a span:last-child{font-size:9px!important;}
}

/* Stage 25b: hard visual override against older stage-specific !important rules */
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .nt-stage18-header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;height:calc(var(--nt25-header-h) + env(safe-area-inset-top))!important;min-height:calc(var(--nt25-header-h) + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 0 0!important;border-radius:0!important;background:rgba(3,8,18,.88)!important;
}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar-inner,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .nt-stage18-header-inner{
  height:var(--nt25-header-h)!important;min-height:var(--nt25-header-h)!important;max-height:var(--nt25-header-h)!important;padding:8px 12px!important;gap:8px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .brand,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .nt-stage18-brand{max-width:none!important;flex:1 1 auto!important;min-width:0!important;gap:8px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .brand .brand-title{font-size:14px!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .brand .brand-sub,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .nt-stage15-brand-copy .brand-sub,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .nt-stage18-brand-copy .brand-sub{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .nt-stage15-status,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .nt-stage16-status,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .nt-stage17-status,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .nt-stage18-status{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .nt-lang-header,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .nt-lang-switcher{flex:0 0 auto!important;transform:none!important;white-space:nowrap!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .nt-lang-switcher button{width:28px!important;min-width:28px!important;height:26px!important;padding:0!important;font-size:10px!important;line-height:1!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix:not(.nt-auth) .content{padding-top:calc(var(--nt25-header-h) + 12px + env(safe-area-inset-top))!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .hero,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .card,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .card-soft,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .balance-card,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .nt-balance-card,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .profile-card{padding:14px!important;border-radius:20px!important;margin-top:0!important;margin-bottom:10px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .hero .hero-title{font-size:23px!important;line-height:1.08!important;margin:0!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .hero .hero-copy{font-size:12.5px!important;line-height:1.5!important;margin-top:7px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .hero .hero-actions{margin-top:12px!important;gap:8px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .stat-value{font-size:18px!important;line-height:1.12!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .stat-chip{font-size:10.5px!important;line-height:1.35!important;margin-top:6px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .bottom-nav{height:62px!important;min-height:62px!important;max-height:62px!important;padding:6px!important;border-radius:20px!important;width:min(410px,calc(100vw - 20px))!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .bottom-nav a{height:50px!important;min-height:50px!important;max-height:50px!important;padding:6px 2px!important;border-radius:15px!important;font-size:9.5px!important;gap:3px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .bottom-nav .nav-ic{width:19px!important;height:19px!important;font-size:15px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .auth-card{padding:16px!important;border-radius:24px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .input-phone,
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .input-password{min-height:46px!important;height:46px!important;border-radius:15px!important;overflow:hidden!important;display:flex!important;align-items:center!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .input-phone input{border-radius:0 15px 15px 0!important;flex:1 1 auto!important;min-width:0!important;border:0!important;box-shadow:none!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .input-password input{border-radius:15px 0 0 15px!important;flex:1 1 auto!important;min-width:0!important;border:0!important;box-shadow:none!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .toggle-password{border-radius:0 15px 15px 0!important;width:44px!important;min-width:44px!important;height:46px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .phone-prefix{height:46px!important;min-height:46px!important;border-radius:15px 0 0 15px!important;}
@media(max-width:360px){body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar-inner{padding-left:10px!important;padding-right:10px!important;}body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .topbar .brand .brand-title{font-size:13px!important;}}

/* Stage 25c: final live-preview tightening */
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .app-shell{padding-top:0!important;margin-top:0!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix:not(.nt-auth) .content{padding-top:calc(var(--nt25-header-h) + 12px + env(safe-area-inset-top))!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .hero-head{padding:14px!important;border-radius:18px!important;min-height:0!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix .hero{min-height:0!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .auth-wrap{align-items:flex-start!important;padding-top:calc(70px + env(safe-area-inset-top))!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .auth-card{max-width:382px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .input-password{position:relative!important;display:block!important;height:46px!important;min-height:46px!important;overflow:hidden!important;border-radius:15px!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .input-password input{width:100%!important;height:46px!important;min-height:46px!important;padding-right:56px!important;border-radius:15px!important;display:block!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .input-password .toggle-password{position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:48px!important;min-width:48px!important;height:46px!important;border-radius:0 15px 15px 0!important;z-index:2!important;}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .auth-sub{text-align:left!important;}
@media(min-width:361px){body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .auth-wrap{padding-top:calc(76px + env(safe-area-inset-top))!important;}}
body.nt-stage25-live-visual-fix.nt-stage25-live-visual-fix.nt-auth .input-password .toggle-password{display:grid!important;place-items:center!important;line-height:1!important;font-size:15px!important;}

/* ======================================================================
   Stage 26: live-preview mobile density reset
   Scope: user/public mobile UI only. Admin /cyber is not touched.
   ====================================================================== */
body.nt-stage26-density-reset{
  --nt26-x:12px;
  --nt26-card-pad:12px;
  --nt26-radius:16px;
  --nt26-topbar-h:48px;
  --nt26-bottom-h:54px;
  --nt26-gap:10px;
}

/* Global mobile density */
@media (max-width: 600px){
  body.nt-stage26-density-reset{font-size:13px!important;line-height:1.42!important;}
  body.nt-stage26-density-reset *{letter-spacing:-.015em;}
  body.nt-stage26-density-reset .app-shell{padding-top:0!important;margin-top:0!important;}
  body.nt-stage26-density-reset:not(.nt-auth) .content,
  body.nt-stage26-density-reset:not(.nt-auth) main.content{
    width:100%!important;
    max-width:430px!important;
    padding-left:var(--nt26-x)!important;
    padding-right:var(--nt26-x)!important;
    padding-top:calc(var(--nt26-topbar-h) + 14px + env(safe-area-inset-top))!important;
    padding-bottom:calc(var(--nt26-bottom-h) + 32px + env(safe-area-inset-bottom))!important;
    gap:var(--nt26-gap)!important;
  }
  body.nt-stage26-density-reset .section,
  body.nt-stage26-density-reset section{margin-bottom:10px!important;}
  body.nt-stage26-density-reset .stack,
  body.nt-stage26-density-reset .form-stack{gap:9px!important;}
  body.nt-stage26-density-reset .field{gap:5px!important;margin:0!important;}
  body.nt-stage26-density-reset label,
  body.nt-stage26-density-reset .field label{font-size:11.5px!important;line-height:1.2!important;margin-bottom:4px!important;font-weight:800!important;}

  /* Fixed compact topbar */
  body.nt-stage26-density-reset .topbar,
  body.nt-stage26-density-reset .nt-stage18-header{
    height:calc(var(--nt26-topbar-h) + env(safe-area-inset-top))!important;
    min-height:calc(var(--nt26-topbar-h) + env(safe-area-inset-top))!important;
    padding:6px 10px!important;
    padding-top:calc(6px + env(safe-area-inset-top))!important;
    background:linear-gradient(180deg, rgba(2,16,26,.94), rgba(2,16,26,.78))!important;
    border:0!important;
    box-shadow:0 10px 22px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(14px)!important;
  }
  body.nt-stage26-density-reset .topbar-inner,
  body.nt-stage26-density-reset .nt-stage18-header-inner{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    width:100%!important;
    max-width:430px!important;
    margin:0 auto!important;
    padding:4px 6px!important;
    gap:7px!important;
    border-radius:16px!important;
    border:1px solid rgba(33,225,205,.24)!important;
    background:linear-gradient(135deg, rgba(10,35,52,.82), rgba(5,55,45,.66))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
    overflow:hidden!important;
  }
  body.nt-stage26-density-reset .topbar .icon-btn,
  body.nt-stage26-density-reset .nt-stage18-action,
  body.nt-stage26-density-reset .nt-stage15-menu-btn,
  body.nt-stage26-density-reset .nt-stage16-menu-btn,
  body.nt-stage26-density-reset .nt-stage17-action{
    width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;
    border-radius:12px!important;font-size:17px!important;line-height:1!important;padding:0!important;
    display:grid!important;place-items:center!important;
  }
  body.nt-stage26-density-reset .topbar .brand,
  body.nt-stage26-density-reset .nt-stage18-brand{
    flex:1 1 auto!important;min-width:0!important;max-width:none!important;gap:6px!important;overflow:hidden!important;
  }
  body.nt-stage26-density-reset .topbar .brand span[class*="brand-orb"],
  body.nt-stage26-density-reset .nt-stage18-brand-orb{
    display:none!important;visibility:hidden!important;width:0!important;min-width:0!important;margin:0!important;
  }
  body.nt-stage26-density-reset .topbar .brand-title,
  body.nt-stage26-density-reset .nt-stage18-brand .brand-title{
    font-size:14px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    max-width:100%!important;
  }
  body.nt-stage26-density-reset .topbar .brand-sub,
  body.nt-stage26-density-reset .nt-stage15-brand-copy .brand-sub,
  body.nt-stage26-density-reset .nt-stage16-brand-copy .brand-sub,
  body.nt-stage26-density-reset .nt-stage17-brand-copy .brand-sub,
  body.nt-stage26-density-reset .nt-stage18-brand-copy .brand-sub{display:none!important;}
  body.nt-stage26-density-reset .topbar .spacer{display:none!important;}
  body.nt-stage26-density-reset .topbar .nt-stage15-status,
  body.nt-stage26-density-reset .topbar .nt-stage16-status,
  body.nt-stage26-density-reset .topbar .nt-stage17-status,
  body.nt-stage26-density-reset .topbar .nt-stage18-status{display:none!important;}
  body.nt-stage26-density-reset .topbar .nt-lang-header,
  body.nt-stage26-density-reset .topbar .nt-lang-switcher{
    width:66px!important;height:30px!important;min-width:66px!important;border-radius:14px!important;padding:2px!important;gap:2px!important;display:flex!important;
    flex:0 0 66px!important;overflow:hidden!important;
  }
  body.nt-stage26-density-reset .topbar .nt-lang-header button,
  body.nt-stage26-density-reset .topbar .nt-lang-switcher button{
    width:30px!important;min-width:30px!important;height:26px!important;min-height:26px!important;max-height:26px!important;border-radius:12px!important;
    padding:0!important;font-size:10px!important;line-height:1!important;font-weight:900!important;display:grid!important;place-items:center!important;
  }

  /* Cards, forms, and buttons reset */
  body.nt-stage26-density-reset .card,
  body.nt-stage26-density-reset .card-soft,
  body.nt-stage26-density-reset .balance-card,
  body.nt-stage26-density-reset .nt-balance-card,
  body.nt-stage26-density-reset .profile-card,
  body.nt-stage26-density-reset .glass-card,
  body.nt-stage26-density-reset .hero,
  body.nt-stage26-density-reset .hero-head,
  body.nt-stage26-density-reset .trade-card{
    padding:var(--nt26-card-pad)!important;
    border-radius:var(--nt26-radius)!important;
    margin-top:0!important;
    margin-bottom:10px!important;
    min-height:0!important;
    box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
  }
  body.nt-stage26-density-reset .hero-title,
  body.nt-stage26-density-reset .hero h1,
  body.nt-stage26-density-reset h1{font-size:22px!important;line-height:1.08!important;margin:0 0 6px!important;}
  body.nt-stage26-density-reset h2{font-size:17px!important;line-height:1.14!important;margin:0 0 7px!important;}
  body.nt-stage26-density-reset h3{font-size:15px!important;line-height:1.16!important;margin:0 0 6px!important;}
  body.nt-stage26-density-reset .hero-copy,
  body.nt-stage26-density-reset .section-copy,
  body.nt-stage26-density-reset p{font-size:12px!important;line-height:1.45!important;margin:0!important;}
  body.nt-stage26-density-reset .hero-actions{gap:8px!important;margin-top:10px!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
  body.nt-stage26-density-reset .btn,
  body.nt-stage26-density-reset button.btn,
  body.nt-stage26-density-reset .btn-primary,
  body.nt-stage26-density-reset .btn-outline{
    min-height:40px!important;height:40px!important;border-radius:14px!important;padding:0 12px!important;font-size:13px!important;font-weight:900!important;line-height:1!important;
  }
  body.nt-stage26-density-reset input,
  body.nt-stage26-density-reset select,
  body.nt-stage26-density-reset textarea{
    min-height:40px!important;height:40px!important;border-radius:13px!important;padding:9px 11px!important;font-size:13px!important;line-height:1.2!important;
  }
  body.nt-stage26-density-reset textarea{height:auto!important;min-height:70px!important;}
  body.nt-stage26-density-reset .inline-note,
  body.nt-stage26-density-reset .empty{
    padding:9px 10px!important;border-radius:13px!important;font-size:11.5px!important;line-height:1.42!important;margin:8px 0!important;
  }
  body.nt-stage26-density-reset .section-title,
  body.nt-stage26-density-reset .stat-label,
  body.nt-stage26-density-reset .muted-label{font-size:10.5px!important;line-height:1.2!important;letter-spacing:.02em!important;}
  body.nt-stage26-density-reset .stat-value,
  body.nt-stage26-density-reset .balance-amount{font-size:20px!important;line-height:1.08!important;margin:4px 0!important;}
  body.nt-stage26-density-reset .stat-chip,
  body.nt-stage26-density-reset .stat-subvalue{font-size:10.5px!important;line-height:1.24!important;margin-top:3px!important;}
  body.nt-stage26-density-reset .list-item{min-height:54px!important;padding:10px!important;border-radius:15px!important;margin-bottom:8px!important;gap:8px!important;}
  body.nt-stage26-density-reset .coin,
  body.nt-stage26-density-reset .coin.alt{width:36px!important;height:36px!important;min-width:36px!important;border-radius:12px!important;font-size:10px!important;}

  /* Bottom navigation: compact and never covers bottom content */
  body.nt-stage26-density-reset .bottom-nav{
    height:52px!important;min-height:52px!important;max-height:52px!important;
    width:min(398px, calc(100vw - 24px))!important;
    left:50%!important;right:auto!important;bottom:8px!important;transform:translateX(-50%)!important;
    padding:5px!important;border-radius:18px!important;gap:4px!important;z-index:1000!important;
  }
  body.nt-stage26-density-reset .bottom-nav a{
    height:42px!important;min-height:42px!important;max-height:42px!important;padding:4px 2px!important;border-radius:13px!important;gap:1px!important;
    font-size:8.6px!important;line-height:1!important;
  }
  body.nt-stage26-density-reset .bottom-nav .nav-ic,
  body.nt-stage26-density-reset .bottom-nav i{width:17px!important;height:17px!important;font-size:14px!important;line-height:1!important;margin:0!important;}
  body.nt-stage26-density-reset .bottom-nav a span:last-child{font-size:8.8px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important;}

  /* Auth pages: compact premium card */
  body.nt-stage26-density-reset.nt-auth{min-height:100svh!important;overflow-x:hidden!important;}
  body.nt-stage26-density-reset.nt-auth .nt-lang-floating,
  body.nt-stage26-density-reset.nt-auth .nt-lang-switcher{
    position:fixed!important;top:14px!important;right:16px!important;z-index:50!important;width:72px!important;height:34px!important;min-width:72px!important;
    padding:2px!important;border-radius:16px!important;display:flex!important;gap:2px!important;overflow:hidden!important;
  }
  body.nt-stage26-density-reset.nt-auth .nt-lang-floating button,
  body.nt-stage26-density-reset.nt-auth .nt-lang-switcher button{
    width:33px!important;min-width:33px!important;height:30px!important;min-height:30px!important;border-radius:14px!important;padding:0!important;font-size:10px!important;
  }
  body.nt-stage26-density-reset.nt-auth .auth-wrap{
    min-height:100svh!important;width:100%!important;max-width:430px!important;margin:0 auto!important;padding:56px 12px 18px!important;align-items:flex-start!important;justify-content:flex-start!important;
  }
  body.nt-stage26-density-reset.nt-auth .auth-card{
    width:100%!important;max-width:366px!important;margin:0 auto!important;padding:12px!important;border-radius:18px!important;overflow:hidden!important;
    min-height:0!important;
  }
  body.nt-stage26-density-reset.nt-auth .auth-brand-panel{
    min-height:58px!important;height:auto!important;padding:9px!important;border-radius:15px!important;gap:10px!important;margin:0 0 10px!important;
  }
  body.nt-stage26-density-reset.nt-auth .auth-brand-logo{
    width:44px!important;height:44px!important;min-width:44px!important;border-radius:13px!important;padding:4px!important;
  }
  body.nt-stage26-density-reset.nt-auth .auth-brand-logo img{width:34px!important;height:34px!important;object-fit:contain!important;}
  body.nt-stage26-density-reset.nt-auth .auth-brand-name{font-size:19px!important;line-height:1.05!important;margin:0!important;}
  body.nt-stage26-density-reset.nt-auth .auth-brand-tagline{font-size:11px!important;line-height:1.2!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.nt-stage26-density-reset.nt-auth .login-content,
  body.nt-stage26-density-reset.nt-auth .register-content{padding:0!important;}
  body.nt-stage26-density-reset.nt-auth .auth-sub{font-size:12px!important;line-height:1.38!important;margin:0 0 10px!important;text-align:left!important;}
  body.nt-stage26-density-reset.nt-auth .form-stack{gap:8px!important;}
  body.nt-stage26-density-reset.nt-auth .field label{font-size:11.5px!important;margin-bottom:4px!important;}
  body.nt-stage26-density-reset.nt-auth .input-phone,
  body.nt-stage26-density-reset.nt-auth .input-password{
    height:40px!important;min-height:40px!important;border-radius:13px!important;overflow:hidden!important;background:#06101c!important;
  }
  body.nt-stage26-density-reset.nt-auth .input-phone input,
  body.nt-stage26-density-reset.nt-auth .input-password input{
    height:40px!important;min-height:40px!important;padding:8px 10px!important;font-size:13px!important;border-radius:13px!important;color:#111!important;
  }
  body.nt-stage26-density-reset.nt-auth .input-password input{padding-right:42px!important;}
  body.nt-stage26-density-reset.nt-auth .phone-prefix{height:40px!important;min-height:40px!important;padding:0 9px!important;border-radius:13px 0 0 13px!important;gap:5px!important;}
  body.nt-stage26-density-reset.nt-auth .phone-prefix .flag{font-size:14px!important;}
  body.nt-stage26-density-reset.nt-auth .phone-prefix .code{font-size:12px!important;}
  body.nt-stage26-density-reset.nt-auth .toggle-password,
  body.nt-stage26-density-reset.nt-auth .input-password .toggle-password{
    width:38px!important;min-width:38px!important;height:40px!important;min-height:40px!important;border-radius:0 13px 13px 0!important;font-size:13px!important;
    display:grid!important;place-items:center!important;right:0!important;top:0!important;bottom:0!important;
  }
  body.nt-stage26-density-reset.nt-auth .login-btn,
  body.nt-stage26-density-reset.nt-auth .btn{height:40px!important;min-height:40px!important;border-radius:14px!important;font-size:13px!important;}
  body.nt-stage26-density-reset.nt-auth .inline-note{display:none!important;}
  body.nt-stage26-density-reset.nt-auth .auth-switch{
    margin-top:10px!important;padding:10px!important;border-radius:15px!important;font-size:12px!important;line-height:1.35!important;display:flex!important;flex-wrap:wrap!important;gap:7px!important;justify-content:center!important;align-items:center!important;
  }
  body.nt-stage26-density-reset.nt-auth .auth-switch a{padding:6px 10px!important;border-radius:13px!important;font-size:12px!important;line-height:1!important;}
  body.nt-stage26-density-reset.nt-auth .auth-legal-links{width:100%!important;text-align:center!important;margin:0!important;}
  body.nt-stage26-density-reset.nt-auth .auth-legal-links a{display:inline-flex!important;}
  body.nt-stage26-density-reset.nt-auth.nt-page-register .auth-wrap{padding-top:50px!important;}
  body.nt-stage26-density-reset.nt-auth.nt-page-register .auth-card{max-width:368px!important;}
  body.nt-stage26-density-reset.nt-auth.nt-page-register .auth-sub{display:none!important;}
  body.nt-stage26-density-reset.nt-auth.nt-page-register .grid-2{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  body.nt-stage26-density-reset.nt-auth .captcha-row{grid-template-columns:minmax(0,1fr) 92px!important;gap:8px!important;align-items:end!important;}
  body.nt-stage26-density-reset.nt-auth .captcha-field input{height:40px!important;min-height:40px!important;}
  body.nt-stage26-density-reset.nt-auth .captcha-box{width:92px!important;height:40px!important;border-radius:13px!important;}
  body.nt-stage26-density-reset.nt-auth .captcha-box img{border-radius:13px!important;}

  /* Dashboard */
  body.nt-stage26-density-reset.nt-page-dashboard .hero{padding:14px!important;border-radius:17px!important;}
  body.nt-stage26-density-reset.nt-page-dashboard .hero-title{font-size:24px!important;line-height:1.05!important;max-width:100%!important;}
  body.nt-stage26-density-reset.nt-page-dashboard .hero-copy{font-size:12px!important;line-height:1.38!important;max-width:100%!important;}
  body.nt-stage26-density-reset.nt-page-dashboard .balance-card,
  body.nt-stage26-density-reset.nt-page-dashboard .card{padding:12px!important;border-radius:17px!important;}
  body.nt-stage26-density-reset.nt-page-dashboard .stat-value,
  body.nt-stage26-density-reset.nt-page-dashboard .balance-amount{font-size:21px!important;}
  body.nt-stage26-density-reset.nt-page-dashboard .quick-grid,
  body.nt-stage26-density-reset.nt-page-dashboard .grid-2,
  body.nt-stage26-density-reset.nt-page-dashboard .grid-3{gap:8px!important;}

  /* Deposit */
  body.nt-stage26-density-reset.nt-page-deposit .nt-deposit-hero{padding:12px!important;border-radius:16px!important;}
  body.nt-stage26-density-reset.nt-page-deposit .nt-deposit-hero .section-badge,
  body.nt-stage26-density-reset.nt-page-deposit .section-badge{max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:10px!important;padding:5px 8px!important;border-radius:999px!important;}
  body.nt-stage26-density-reset.nt-page-deposit .hero-title{font-size:20px!important;}
  body.nt-stage26-density-reset.nt-page-deposit .payment-methods,
  body.nt-stage26-density-reset.nt-page-deposit .method-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;}
  body.nt-stage26-density-reset.nt-page-deposit .payment-method,
  body.nt-stage26-density-reset.nt-page-deposit .method-card{
    min-height:44px!important;padding:8px!important;border-radius:13px!important;font-size:11px!important;gap:4px!important;
  }
  body.nt-stage26-density-reset.nt-page-deposit #depositInstruction{font-size:11px!important;line-height:1.35!important;max-height:none!important;}

  /* Withdraw */
  body.nt-stage26-density-reset.nt-page-withdraw .hero,
  body.nt-stage26-density-reset.nt-page-withdraw .card{padding:12px!important;border-radius:16px!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .tabs,
  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-tabs{gap:6px!important;margin-bottom:8px!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .tabs button,
  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-tabs button{height:36px!important;min-height:36px!important;border-radius:12px!important;font-size:11.5px!important;padding:0 8px!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-destination-card{padding:10px!important;border-radius:14px!important;margin:8px 0!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-destination-title{font-size:13px!important;line-height:1.1!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-destination-sub{font-size:10.5px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-destination-grid{gap:6px!important;grid-template-columns:1fr!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-destination-item{padding:8px!important;border-radius:12px!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-note,
  body.nt-stage26-density-reset.nt-page-withdraw .inline-note{font-size:10.8px!important;line-height:1.32!important;max-height:42px!important;overflow:hidden!important;}

  /* Trade list */
  body.nt-stage26-density-reset.nt-page-trade .trade-card{padding:11px!important;border-radius:16px!important;margin-bottom:9px!important;}
  body.nt-stage26-density-reset.nt-page-trade .trade-head{gap:8px!important;margin-bottom:8px!important;align-items:center!important;}
  body.nt-stage26-density-reset.nt-page-trade .trade-title-wrap h3,
  body.nt-stage26-density-reset.nt-page-trade .trade-title{font-size:15px!important;line-height:1.08!important;}
  body.nt-stage26-density-reset.nt-page-trade .trade-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:8px 0!important;}
  body.nt-stage26-density-reset.nt-page-trade .trade-stat,
  body.nt-stage26-density-reset.nt-page-trade .trade-stats > *{padding:7px!important;border-radius:12px!important;min-height:42px!important;}
  body.nt-stage26-density-reset.nt-page-trade .trade-stat-value{font-size:12.5px!important;line-height:1.1!important;}
  body.nt-stage26-density-reset.nt-page-trade .trade-action .btn{height:36px!important;min-height:36px!important;font-size:12px!important;}

  /* Trade buy */
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-detail-head{gap:10px!important;margin-bottom:9px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-detail-title{font-size:18px!important;line-height:1.1!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-detail-sub{font-size:11px!important;line-height:1.3!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-detail-stats{grid-template-columns:1fr 1fr!important;gap:7px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-detail-stats .card-soft{padding:9px!important;border-radius:13px!important;min-height:0!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-detail-stats .stat-value{font-size:15px!important;line-height:1.1!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-detail-stats .span-2{grid-column:span 2!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-mini-chart-card{padding:9px!important;border-radius:13px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-mini-chart-wrap{height:132px!important;min-height:132px!important;border-radius:12px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-mini-chart-canvas{height:132px!important;min-height:132px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-mini-metrics{grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin-top:6px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-mini-metric{padding:6px!important;border-radius:10px!important;min-height:36px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-mini-metric span{font-size:9px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-mini-metric strong{font-size:10px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .tradebuy-actions{margin-top:9px!important;gap:7px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .tradebuy-actions .btn{height:38px!important;min-height:38px!important;font-size:12px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-detail-desc{display:none!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-flow-box{width:min(100%,360px)!important;padding:12px!important;border-radius:18px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-chart-wrap{height:190px!important;border-radius:13px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-chart-canvas{height:190px!important;}

  /* Profile + password */
  body.nt-stage26-density-reset.nt-page-profile .profile-card{padding:12px!important;border-radius:17px!important;}
  body.nt-stage26-density-reset.nt-page-profile .profile-name{font-size:17px!important;line-height:1.1!important;margin:0!important;}
  body.nt-stage26-density-reset.nt-page-profile .profile-email{font-size:10.5px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.nt-stage26-density-reset.nt-page-profile .profile-stats,
  body.nt-stage26-density-reset.nt-page-profile .grid-2{gap:7px!important;}
  body.nt-stage26-density-reset.nt-page-profile .profile-menu a,
  body.nt-stage26-density-reset.nt-page-profile .account-link{min-height:45px!important;padding:9px!important;border-radius:13px!important;}
  body.nt-stage26-density-reset.nt-page-password .card{max-width:390px!important;margin-left:auto!important;margin-right:auto!important;padding:12px!important;border-radius:17px!important;}
  body.nt-stage26-density-reset.nt-page-password .content{padding-top:calc(var(--nt26-topbar-h) + 12px + env(safe-area-inset-top))!important;}
}

@media(max-width:360px){
  body.nt-stage26-density-reset{--nt26-x:10px;--nt26-card-pad:10px;}
  body.nt-stage26-density-reset .hero-title,body.nt-stage26-density-reset .hero h1{font-size:20px!important;}
  body.nt-stage26-density-reset.nt-auth .auth-card{max-width:340px!important;}
  body.nt-stage26-density-reset .topbar .brand-title{font-size:13px!important;}
  body.nt-stage26-density-reset .topbar .nt-lang-header,body.nt-stage26-density-reset .topbar .nt-lang-switcher{width:60px!important;min-width:60px!important;flex-basis:60px!important;}
  body.nt-stage26-density-reset .topbar .nt-lang-header button,body.nt-stage26-density-reset .topbar .nt-lang-switcher button{width:27px!important;min-width:27px!important;font-size:9px!important;}
}

/* Stage 26b: maximum-specificity compact overrides against JS-added stage classes */
@media (max-width:600px){
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .nt-stage18-header,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage13-ui-fix .topbar,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage12-ui-fix .topbar{
    width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:5px 10px!important;background:linear-gradient(180deg,rgba(2,16,26,.95),rgba(2,16,26,.76))!important;border:0!important;border-radius:0!important;box-shadow:0 8px 18px rgba(0,0,0,.24)!important;
  }
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar-inner,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .nt-stage18-header-inner,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage13-ui-fix .topbar-inner,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage12-ui-fix .topbar-inner{
    height:38px!important;min-height:38px!important;max-height:38px!important;padding:4px 6px!important;border-radius:15px!important;gap:6px!important;width:100%!important;max-width:410px!important;margin:0 auto!important;box-shadow:none!important;
  }
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar .icon-btn,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .nt-stage18-action,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .nt-stage15-menu-btn,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .nt-stage16-menu-btn,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .nt-stage17-action{
    width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;border-radius:11px!important;font-size:16px!important;padding:0!important;
  }
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar .brand span[class*="brand-orb"],
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .nt-stage18-brand-orb{display:none!important;width:0!important;min-width:0!important;height:0!important;visibility:hidden!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar .brand,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .nt-stage18-brand{gap:4px!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar .brand-title{font-size:13px!important;line-height:1!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar .brand-sub{display:none!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar .nt-lang-header,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar .nt-lang-switcher{width:62px!important;min-width:62px!important;height:28px!important;min-height:28px!important;max-height:28px!important;flex:0 0 62px!important;border-radius:14px!important;padding:2px!important;gap:2px!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar .nt-lang-header button,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .topbar .nt-lang-switcher button{width:28px!important;min-width:28px!important;height:24px!important;min-height:24px!important;border-radius:12px!important;font-size:9.5px!important;padding:0!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix:not(.nt-auth) .content,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage13-ui-fix:not(.nt-auth) .content,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage12-ui-fix:not(.nt-auth) .content{padding-top:60px!important;padding-bottom:84px!important;padding-left:12px!important;padding-right:12px!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .bottom-nav,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage13-ui-fix .bottom-nav,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage12-ui-fix .bottom-nav{height:52px!important;min-height:52px!important;max-height:52px!important;width:min(390px,calc(100vw - 24px))!important;left:50%!important;right:auto!important;bottom:8px!important;transform:translateX(-50%)!important;padding:5px!important;border-radius:18px!important;gap:4px!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .bottom-nav a,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage13-ui-fix .bottom-nav a,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage12-ui-fix .bottom-nav a{height:42px!important;min-height:42px!important;max-height:42px!important;border-radius:13px!important;padding:3px 2px!important;font-size:8.8px!important;gap:1px!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .bottom-nav .nav-ic,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage13-ui-fix .bottom-nav .nav-ic,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage12-ui-fix .bottom-nav .nav-ic{width:16px!important;height:16px!important;font-size:13px!important;}

  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .hero,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .card,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .card-soft,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .balance-card,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .profile-card,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .trade-card{padding:10px!important;border-radius:15px!important;margin-bottom:8px!important;min-height:0!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .hero-title,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .hero h1{font-size:20px!important;line-height:1.08!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .hero-copy{font-size:11.5px!important;line-height:1.34!important;}
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .stat-value,
  body.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage14-ui-fix .balance-amount{font-size:18px!important;line-height:1.1!important;}
}

/* Stage 26c: beat stage18 dock/content selectors */
@media(max-width:600px){
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .content,
  body.nt-stage26-density-reset.nt-stage17-component-diff.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .content,
  body.nt-stage26-density-reset.nt-stage16-full-redesign.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .content{
    padding-top:60px!important;padding-bottom:88px!important;padding-left:12px!important;padding-right:12px!important;max-width:430px!important;margin:0 auto!important;
  }
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav.nt-stage18-dock,
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock,
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav,
  body.nt-stage26-density-reset.nt-stage17-component-diff.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock,
  body.nt-stage26-density-reset.nt-stage16-full-redesign.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock{
    height:52px!important;min-height:52px!important;max-height:52px!important;
    width:min(390px,calc(100vw - 24px))!important;max-width:min(390px,calc(100vw - 24px))!important;
    left:50%!important;right:auto!important;bottom:8px!important;transform:translateX(-50%)!important;
    padding:5px!important;border-radius:18px!important;gap:4px!important;
  }
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav a,
  body.nt-stage26-density-reset.nt-stage17-component-diff.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav a,
  body.nt-stage26-density-reset.nt-stage16-full-redesign.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav a{
    height:42px!important;min-height:42px!important;max-height:42px!important;border-radius:13px!important;padding:3px 2px!important;font-size:8.8px!important;gap:1px!important;
  }
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav .nav-ic,
  body.nt-stage26-density-reset.nt-stage17-component-diff.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav .nav-ic,
  body.nt-stage26-density-reset.nt-stage16-full-redesign.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav .nav-ic{width:16px!important;min-width:16px!important;height:16px!important;font-size:13px!important;}
}

/* Stage 26d: aggressive page-level compacting after live preview */
@media(max-width:600px){
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .hero,
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .card,
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .card-soft,
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .balance-card,
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .profile-card,
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .trade-card{padding:9px!important;border-radius:14px!important;margin-bottom:8px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .hero-title,
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .hero h1{font-size:18px!important;line-height:1.1!important;margin-bottom:5px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .hero-copy{font-size:10.8px!important;line-height:1.32!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .btn{height:34px!important;min-height:34px!important;border-radius:12px!important;font-size:11.5px!important;padding:0 10px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) input,
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) select{height:36px!important;min-height:36px!important;border-radius:12px!important;font-size:12px!important;padding:8px 10px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .inline-note{padding:7px 9px!important;border-radius:12px!important;font-size:10.5px!important;line-height:1.3!important;margin:6px 0!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .section-title{font-size:14px!important;line-height:1.1!important;margin:0 0 5px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .stat-value,
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .balance-amount{font-size:16px!important;}

  body.nt-stage26-density-reset.nt-page-dashboard .hero-actions{grid-template-columns:1fr 1fr!important;margin-top:7px!important;}
  body.nt-stage26-density-reset.nt-page-dashboard .balance-card{min-height:74px!important;}
  body.nt-stage26-density-reset.nt-page-dashboard .card:not(.hero){min-height:78px!important;}

  body.nt-stage26-density-reset.nt-page-deposit .nt-deposit-hero{padding:9px!important;}
  body.nt-stage26-density-reset.nt-page-deposit .section-badge{font-size:9px!important;padding:4px 7px!important;}
  body.nt-stage26-density-reset.nt-page-deposit .payment-methods,
  body.nt-stage26-density-reset.nt-page-deposit .method-grid{gap:6px!important;}
  body.nt-stage26-density-reset.nt-page-deposit .payment-method,
  body.nt-stage26-density-reset.nt-page-deposit .method-card{min-height:38px!important;height:38px!important;padding:6px!important;border-radius:11px!important;font-size:10.5px!important;}
  body.nt-stage26-density-reset.nt-page-deposit #depositInstruction{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}

  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-destination-card{padding:8px!important;margin:6px 0!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-destination-sub{display:none!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .withdraw-destination-grid{display:none!important;}
  body.nt-stage26-density-reset.nt-page-withdraw .inline-note{max-height:34px!important;}

  body.nt-stage26-density-reset.nt-page-trade .trade-card{display:block!important;min-height:0!important;}
  body.nt-stage26-density-reset.nt-page-trade .trade-head{margin-bottom:6px!important;}
  body.nt-stage26-density-reset.nt-page-trade .trade-stats{grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin:6px 0!important;}
  body.nt-stage26-density-reset.nt-page-trade .trade-stats > *{min-height:34px!important;padding:5px!important;}
  body.nt-stage26-density-reset.nt-page-trade .trade-action .btn{height:32px!important;min-height:32px!important;}

  body.nt-stage26-density-reset.nt-page-tradebuy .trade-detail-stats{grid-template-columns:1fr 1fr!important;gap:6px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-detail-stats .card-soft{padding:7px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-mini-chart-wrap,
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-mini-chart-canvas{height:104px!important;min-height:104px!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .trade-mini-metrics{display:none!important;}
  body.nt-stage26-density-reset.nt-page-tradebuy .tradebuy-actions .btn{height:34px!important;min-height:34px!important;}

  body.nt-stage26-density-reset.nt-page-profile .profile-card{min-height:0!important;}
  body.nt-stage26-density-reset.nt-page-profile .profile-name{font-size:15px!important;}
  body.nt-stage26-density-reset.nt-page-profile .profile-menu a,
  body.nt-stage26-density-reset.nt-page-profile .account-link{min-height:38px!important;padding:7px!important;}
}

/* Stage 26e: mobile trading execution compression */
@media(max-width:600px){
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-detail-head{gap:8px!important;margin:0 0 8px!important;padding:8px!important;border-radius:13px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-detail-head .coin{width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-detail-title{font-size:16px!important;line-height:1.05!important;margin:0 0 3px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-detail-sub{font-size:10.5px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-detail-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-detail-stats > .card-soft:not(.trade-mini-chart-card){height:58px!important;min-height:58px!important;max-height:58px!important;padding:7px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;border-radius:12px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-detail-stats .stat-label{font-size:9px!important;line-height:1!important;margin:0 0 3px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-detail-stats .stat-value{font-size:14px!important;line-height:1.05!important;margin:0!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-detail-stats .stat-subvalue{font-size:9px!important;line-height:1.1!important;margin-top:3px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-mini-chart-card{padding:8px!important;border-radius:12px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-mini-chart-title{font-size:14px!important;line-height:1!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-mini-chart-wrap{height:96px!important;min-height:96px!important;max-height:96px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-mini-chart-canvas{height:96px!important;min-height:96px!important;max-height:96px!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .trade-mini-chart-overlay{display:none!important;}
  body.nt-stage26-density-reset.nt-stage18-brand-gradient.nt-stage25-live-visual-fix.nt-page-tradebuy[data-page]:not(.nt-auth) .tradebuy-actions{margin-top:8px!important;}
}

/* Stage 28: Trade & Trade Buy full visual redesign - remove old bulky market layout */
@media(max-width:600px){
  body.nt-page-trade .content,
  body.nt-page-tradebuy .content{
    padding-top:58px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    padding-bottom:86px!important;
  }

  body.nt-page-trade .topbar .brand-title,
  body.nt-page-tradebuy .topbar .brand-title{font-size:15px!important;}

  .nt-market-redesign,
  .nt-tradebuy-redesign{display:block!important;width:100%!important;max-width:430px!important;margin:0 auto!important;}

  .nt-market-hero{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
    min-height:0!important;margin:0 0 8px!important;padding:12px!important;border-radius:16px!important;
    background:linear-gradient(135deg,rgba(20,238,181,.13),rgba(20,92,135,.13)),linear-gradient(180deg,rgba(9,18,32,.94),rgba(5,10,20,.94))!important;
    border:1px solid rgba(70,236,191,.14)!important;box-shadow:0 10px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05)!important;overflow:hidden!important;
  }
  .nt-market-eyebrow{display:inline-flex!important;margin:0 0 5px!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(37,228,171,.10)!important;border:1px solid rgba(37,228,171,.18)!important;color:#b9ffe8!important;font-size:9px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase!important;}
  .nt-market-hero h1{margin:0!important;font-size:19px!important;line-height:1.05!important;color:#f7fbff!important;font-weight:900!important;letter-spacing:-.04em!important;}
  .nt-market-hero p{margin:4px 0 0!important;max-width:250px!important;color:#9eb0cf!important;font-size:10.8px!important;line-height:1.28!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .nt-market-hero-badge{flex:0 0 auto!important;width:72px!important;height:54px!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:rgba(5,14,27,.72)!important;border:1px solid rgba(75,243,196,.13)!important;text-align:center!important;}
  .nt-market-hero-badge strong{font-size:13px!important;color:#f4fbff!important;line-height:1!important;}
  .nt-market-hero-badge span{margin-top:3px!important;font-size:9px!important;color:#8fa5c4!important;}

  .nt-market-rulebar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0 0 8px!important;}
  .nt-market-rulebar span{min-width:0!important;border-radius:12px!important;padding:7px 6px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.075)!important;color:#8ca1bf!important;font-size:9.5px!important;text-align:center!important;line-height:1.15!important;}
  .nt-market-rulebar strong{display:block!important;margin-top:2px!important;color:#eef5ff!important;font-size:10px!important;white-space:nowrap!important;}

  .nt-market-list-v2{display:grid!important;gap:8px!important;margin:0!important;}
  .nt-market-card-v2{display:block!important;width:100%!important;text-decoration:none!important;color:inherit!important;margin:0!important;padding:9px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(11,20,36,.90),rgba(6,11,22,.94))!important;border:1px solid rgba(120,161,255,.10)!important;box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:hidden!important;}
  .nt-market-row-main{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;min-width:0!important;}
  .nt-market-coin-v2{width:38px!important;height:38px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 35% 25%,rgba(34,226,172,.18),rgba(12,24,44,.78))!important;border:1px solid rgba(105,238,202,.13)!important;overflow:hidden!important;}
  .nt-market-coin-v2 img{width:28px!important;height:28px!important;object-fit:contain!important;display:block!important;}
  .nt-market-copy-v2{min-width:0!important;}
  .nt-market-title-v2{font-size:13.5px!important;line-height:1.08!important;font-weight:900!important;color:#f7fbff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .nt-market-sub-v2{margin-top:3px!important;font-size:10px!important;line-height:1.2!important;color:#8fa3c2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .nt-market-profit-v2{padding:5px 7px!important;border-radius:999px!important;background:rgba(37,228,171,.10)!important;border:1px solid rgba(37,228,171,.17)!important;color:#c7ffe8!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;}
  .nt-market-range-v2{display:grid!important;grid-template-columns:1fr 1fr 58px!important;align-items:center!important;gap:6px!important;margin-top:8px!important;}
  .nt-market-range-v2 div{min-width:0!important;border-radius:11px!important;padding:6px!important;background:rgba(255,255,255,.032)!important;border:1px solid rgba(255,255,255,.065)!important;}
  .nt-market-range-v2 span{display:block!important;font-size:8.5px!important;line-height:1!important;color:#8398b8!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
  .nt-market-range-v2 strong{display:block!important;margin-top:3px!important;font-size:10.5px!important;line-height:1.05!important;color:#eef5ff!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .nt-market-range-v2 em{height:32px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#14e5ac,#1598ff)!important;color:#03101b!important;font-style:normal!important;font-size:10.5px!important;font-weight:900!important;}

  .nt-tradebuy-ticket,
  .nt-tradebuy-chart-card,
  .nt-tradebuy-action-card,
  .nt-trade-empty{margin:0 0 8px!important;padding:10px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(11,20,36,.92),rgba(6,11,22,.95))!important;border:1px solid rgba(120,161,255,.10)!important;box-shadow:0 10px 24px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:hidden!important;}
  .nt-tradebuy-topline{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;}
  .nt-tradebuy-coin{width:40px!important;height:40px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 35% 25%,rgba(34,226,172,.18),rgba(12,24,44,.78))!important;border:1px solid rgba(105,238,202,.13)!important;overflow:hidden!important;}
  .nt-tradebuy-coin img{width:30px!important;height:30px!important;object-fit:contain!important;display:block!important;}
  .nt-tradebuy-maincopy{min-width:0!important;}
  .nt-tradebuy-label{margin:0 0 3px!important;color:#7ff0c9!important;font-size:9px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.07em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .nt-tradebuy-maincopy h1{margin:0!important;font-size:16px!important;line-height:1.06!important;font-weight:900!important;color:#f7fbff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:-.03em!important;}
  .nt-tradebuy-maincopy p{margin:3px 0 0!important;font-size:10px!important;line-height:1.16!important;color:#8fa3c2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .nt-tradebuy-profit{padding:5px 7px!important;border-radius:999px!important;background:rgba(37,228,171,.10)!important;border:1px solid rgba(37,228,171,.17)!important;color:#c7ffe8!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;}
  .nt-tradebuy-live-strip{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:9px!important;}
  .nt-tradebuy-live-strip div,
  .nt-tradebuy-limits div{min-width:0!important;border-radius:11px!important;padding:6px!important;background:rgba(255,255,255,.032)!important;border:1px solid rgba(255,255,255,.065)!important;}
  .nt-tradebuy-live-strip span,
  .nt-tradebuy-limits span{display:block!important;font-size:8.5px!important;line-height:1!important;color:#8398b8!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
  .nt-tradebuy-live-strip strong,
  .nt-tradebuy-limits strong{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.05!important;color:#eef5ff!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .nt-tradebuy-limits{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:6px!important;}

  .nt-tradebuy-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 8px!important;}
  .nt-tradebuy-section-head span{display:block!important;font-size:9px!important;color:#8398b8!important;text-transform:uppercase!important;letter-spacing:.05em!important;}
  .nt-tradebuy-section-head strong{display:block!important;margin-top:2px!important;font-size:13px!important;line-height:1.05!important;color:#f4f8ff!important;font-weight:900!important;}
  .nt-tradebuy-section-head em{flex:0 0 auto!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(21,152,255,.10)!important;border:1px solid rgba(21,152,255,.15)!important;color:#bde4ff!important;font-style:normal!important;font-size:9.5px!important;font-weight:900!important;}
  .nt-tradebuy-chart-wrap{position:relative!important;height:108px!important;border-radius:13px!important;overflow:hidden!important;background:radial-gradient(circle at top,rgba(35,68,132,.22),rgba(4,9,19,.96) 62%)!important;border:1px solid rgba(120,161,255,.12)!important;}
  .nt-tradebuy-chart-wrap canvas{display:block!important;width:100%!important;height:108px!important;}
  .nt-tradebuy-chart-wrap .trade-mini-chart-overlay{display:none!important;}
  .nt-tradebuy-mini-metrics{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:5px!important;margin-top:6px!important;}
  .nt-tradebuy-mini-metrics div{min-width:0!important;border-radius:10px!important;padding:5px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.055)!important;}
  .nt-tradebuy-mini-metrics span{display:block!important;font-size:8px!important;color:#7f94b4!important;line-height:1!important;}
  .nt-tradebuy-mini-metrics strong{display:block!important;margin-top:3px!important;color:#eef5ff!important;font-size:9.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .nt-tradebuy-form-grid label{display:block!important;margin:0!important;}
  .nt-tradebuy-form-grid label span{display:block!important;margin:0 0 5px!important;color:#9badc8!important;font-size:10px!important;font-weight:800!important;}
  .nt-tradebuy-form-grid input{height:36px!important;min-height:36px!important;width:100%!important;border-radius:12px!important;font-size:12px!important;padding:8px 10px!important;}
  .nt-tradebuy-actions-v2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:8px!important;}
  .nt-tradebuy-actions-v2 .btn{height:34px!important;min-height:34px!important;border-radius:12px!important;font-size:11px!important;padding:0 8px!important;}

  .trade-flow-modal{position:fixed!important;inset:0!important;z-index:110!important;display:none!important;align-items:center!important;justify-content:center!important;padding:14px!important;background:rgba(2,7,16,.78)!important;backdrop-filter:blur(10px)!important;}
  .trade-flow-modal.show{display:flex!important;}
  .trade-flow-box{position:relative!important;width:min(420px,100%)!important;border-radius:20px!important;padding:14px!important;background:linear-gradient(180deg,rgba(17,26,46,.98),rgba(8,12,22,.98))!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 20px 60px rgba(0,0,0,.45)!important;overflow:hidden!important;}
  .trade-flow-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important;}
  .trade-flow-title{margin:0!important;font-size:17px!important;line-height:1.1!important;font-weight:900!important;color:#fff!important;}
  .trade-flow-copy{margin:5px 0 0!important;color:#9fb1d1!important;font-size:11px!important;line-height:1.35!important;}
  .trade-flow-badge{padding:5px 8px!important;border-radius:999px!important;font-size:9.5px!important;font-weight:900!important;background:rgba(32,227,138,.12)!important;color:#aff7d4!important;white-space:nowrap!important;}
  .trade-chart-wrap{position:relative!important;margin-top:8px!important;border-radius:15px!important;overflow:hidden!important;border:1px solid rgba(120,161,255,.16)!important;background:radial-gradient(circle at top,rgba(35,62,122,.28),rgba(6,10,18,.96) 58%)!important;}
  .trade-chart-canvas{display:block!important;width:100%!important;height:220px!important;}
  .trade-chart-overlay{position:absolute!important;left:8px!important;right:8px!important;top:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;pointer-events:none!important;}
  .trade-mini-stat{padding:6px 8px!important;border-radius:10px!important;background:rgba(6,12,22,.84)!important;border:1px solid rgba(140,177,255,.16)!important;font-size:10px!important;color:#ecf3ff!important;}
  .trade-chart-status{margin-top:8px!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important;}
  .trade-chart-status .item{border-radius:12px!important;padding:8px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(140,177,255,.12)!important;}
  .trade-chart-status .label{font-size:9px!important;color:#94a9cc!important;}
  .trade-chart-status .value{margin-top:4px!important;font-size:13px!important;font-weight:900!important;color:#f5f8ff!important;}
  .trade-result-amount{margin:10px 0 0!important;font-size:26px!important;line-height:1.1!important;font-weight:900!important;color:#fff0bf!important;}
  .trade-flow-actions{margin-top:12px!important;display:flex!important;gap:8px!important;}
  .trade-flow-actions .btn{flex:1!important;}
  body.trade-ui-locked{overflow:hidden!important;touch-action:none!important;}
  body.trade-ui-locked *{pointer-events:none!important;}
  body.trade-ui-locked #tradeFlowModal,
  body.trade-ui-locked #tradeFlowModal *,
  body.trade-ui-locked #tradeResultModal,
  body.trade-ui-locked #tradeResultModal *{pointer-events:auto!important;}
}
@media(max-width:600px){
  body.nt-page-tradebuy .nt-tradebuy-redesign{padding-top:6px!important;}
}

/* =========================================================
   Stage 29: Final Global Mobile Density Reset
   Scope: public/user pages only. Admin (/cyber) is not targeted.
   Goal: remove oversized/old visual scale from Stage 28 live preview.
   ========================================================= */
@media (max-width: 600px){
  html{font-size:14px!important;}
  body.nt-stage29-density-final{--nt29-page-x:10px;--nt29-card-r:12px;--nt29-card-p:8px;--nt29-gap:7px;--nt29-topbar-h:44px;--nt29-bottom-h:46px;--nt29-control-h:34px;}
  body.nt-stage29-density-final:not(.nt-auth){background-size:auto!important;}

  /* Shell, content, header */
  body.nt-stage29-density-final:not(.nt-auth) .app-shell{max-width:430px!important;margin:0 auto!important;min-height:100svh!important;}
  body.nt-stage29-density-final:not(.nt-auth) .content,
  body.nt-stage29-density-final.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .content,
  body.nt-stage29-density-final.nt-stage17-component-diff.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .content,
  body.nt-stage29-density-final.nt-stage16-full-redesign.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .content{
    padding:50px var(--nt29-page-x) 68px!important;max-width:430px!important;margin:0 auto!important;width:100%!important;
  }
  body.nt-stage29-density-final:not(.nt-auth) .topbar,
  body.nt-stage29-density-final.nt-stage25-live-visual-fix:not(.nt-auth) .topbar{
    height:44px!important;min-height:44px!important;max-height:44px!important;padding:3px 8px!important;background:linear-gradient(180deg,rgba(4,10,21,.92),rgba(4,10,21,.72))!important;backdrop-filter:blur(13px)!important;border-bottom:1px solid rgba(255,255,255,.045)!important;box-shadow:none!important;
  }
  body.nt-stage29-density-final:not(.nt-auth) .topbar-inner,
  body.nt-stage29-density-final.nt-stage25-live-visual-fix:not(.nt-auth) .topbar-inner{
    height:36px!important;min-height:36px!important;max-height:36px!important;width:100%!important;max-width:410px!important;padding:3px 5px!important;border-radius:12px!important;gap:5px!important;background:rgba(8,15,28,.66)!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.05)!important;
  }
  body.nt-stage29-density-final:not(.nt-auth) .topbar .icon-btn,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage18-action,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage17-action,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage16-menu-btn,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage15-menu-btn{
    width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;border-radius:9px!important;padding:0!important;font-size:14px!important;line-height:1!important;
  }
  body.nt-stage29-density-final:not(.nt-auth) .topbar .brand{gap:4px!important;min-width:0!important;flex:1 1 auto!important;}
  body.nt-stage29-density-final:not(.nt-auth) .topbar .brand-title{font-size:12px!important;line-height:1!important;letter-spacing:-.02em!important;max-width:150px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.nt-stage29-density-final:not(.nt-auth) .topbar .brand-sub,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage18-brand-orb,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage17-brand-orb,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage16-brand-orb,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage15-brand-orb,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage18-status,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage17-status,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage16-status,
  body.nt-stage29-density-final:not(.nt-auth) .nt-stage15-status{display:none!important;}
  body.nt-stage29-density-final:not(.nt-auth) .topbar .spacer{display:none!important;}
  body.nt-stage29-density-final:not(.nt-auth) .topbar .nt-lang-header,
  body.nt-stage29-density-final:not(.nt-auth) .topbar .nt-lang-switcher{
    width:51px!important;min-width:51px!important;max-width:51px!important;height:24px!important;min-height:24px!important;max-height:24px!important;flex:0 0 51px!important;padding:1px!important;border-radius:12px!important;gap:1px!important;
  }
  body.nt-stage29-density-final:not(.nt-auth) .topbar .nt-lang-header button,
  body.nt-stage29-density-final:not(.nt-auth) .topbar .nt-lang-switcher button{
    width:24px!important;min-width:24px!important;height:20px!important;min-height:20px!important;border-radius:10px!important;font-size:8.5px!important;line-height:1!important;padding:0!important;
  }

  /* Bottom navigation: flatter, less covering */
  body.nt-stage29-density-final:not(.nt-auth) .bottom-nav,
  body.nt-stage29-density-final.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav.nt-stage18-dock,
  body.nt-stage29-density-final.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock,
  body.nt-stage29-density-final.nt-stage18-brand-gradient.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav,
  body.nt-stage29-density-final.nt-stage17-component-diff.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav.nt-stage17-dock,
  body.nt-stage29-density-final.nt-stage16-full-redesign.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav.nt-stage16-dock{
    height:46px!important;min-height:46px!important;max-height:46px!important;width:min(354px,calc(100vw - 36px))!important;max-width:min(354px,calc(100vw - 36px))!important;bottom:6px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;padding:4px!important;border-radius:15px!important;gap:2px!important;background:rgba(6,12,24,.90)!important;box-shadow:0 10px 22px rgba(0,0,0,.23)!important;border:1px solid rgba(255,255,255,.06)!important;
  }
  body.nt-stage29-density-final:not(.nt-auth) .bottom-nav a,
  body.nt-stage29-density-final.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav a{
    height:38px!important;min-height:38px!important;max-height:38px!important;border-radius:11px!important;padding:2px 1px!important;font-size:7.8px!important;line-height:1.05!important;gap:0!important;font-weight:800!important;
  }
  body.nt-stage29-density-final:not(.nt-auth) .bottom-nav .nav-ic,
  body.nt-stage29-density-final.nt-stage25-live-visual-fix[data-page]:not(.nt-auth) .bottom-nav .nav-ic{width:14px!important;min-width:14px!important;height:14px!important;font-size:11.5px!important;margin-bottom:1px!important;}

  /* General density baseline */
  body.nt-stage29-density-final:not(.nt-auth) .hero,
  body.nt-stage29-density-final:not(.nt-auth) .card,
  body.nt-stage29-density-final:not(.nt-auth) .card-soft,
  body.nt-stage29-density-final:not(.nt-auth) .balance-card,
  body.nt-stage29-density-final:not(.nt-auth) .profile-card,
  body.nt-stage29-density-final:not(.nt-auth) .trade-card,
  body.nt-stage29-density-final:not(.nt-auth) .wallet-card,
  body.nt-stage29-density-final:not(.nt-auth) .referral-card,
  body.nt-stage29-density-final:not(.nt-auth) .referral-hero,
  body.nt-stage29-density-final:not(.nt-auth) .referral-stat-card,
  body.nt-stage29-density-final:not(.nt-auth) .referral-bonus-item,
  body.nt-stage29-density-final:not(.nt-auth) .referral-tab-summary,
  body.nt-stage29-density-final:not(.nt-auth) .referral-member-card{
    padding:var(--nt29-card-p)!important;border-radius:var(--nt29-card-r)!important;margin-bottom:var(--nt29-gap)!important;min-height:0!important;box-shadow:0 8px 20px rgba(0,0,0,.15)!important;
  }
  body.nt-stage29-density-final:not(.nt-auth) .grid,
  body.nt-stage29-density-final:not(.nt-auth) .grid-2,
  body.nt-stage29-density-final:not(.nt-auth) .list,
  body.nt-stage29-density-final:not(.nt-auth) .stack,
  body.nt-stage29-density-final:not(.nt-auth) .referral-shell,
  body.nt-stage29-density-final:not(.nt-auth) .referral-list{gap:var(--nt29-gap)!important;}
  body.nt-stage29-density-final:not(.nt-auth) h1,
  body.nt-stage29-density-final:not(.nt-auth) .hero-title{font-size:16px!important;line-height:1.08!important;margin:0 0 4px!important;letter-spacing:-.03em!important;}
  body.nt-stage29-density-final:not(.nt-auth) h2,
  body.nt-stage29-density-final:not(.nt-auth) .section-title{font-size:13px!important;line-height:1.12!important;margin:0 0 5px!important;}
  body.nt-stage29-density-final:not(.nt-auth) p,
  body.nt-stage29-density-final:not(.nt-auth) .hero-copy,
  body.nt-stage29-density-final:not(.nt-auth) .muted,
  body.nt-stage29-density-final:not(.nt-auth) .card-copy{font-size:10.2px!important;line-height:1.28!important;}
  body.nt-stage29-density-final:not(.nt-auth) .hero-copy{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body.nt-stage29-density-final:not(.nt-auth) .hero-actions{gap:5px!important;margin-top:6px!important;}
  body.nt-stage29-density-final:not(.nt-auth) .btn,
  body.nt-stage29-density-final:not(.nt-auth) button.btn,
  body.nt-stage29-density-final:not(.nt-auth) a.btn,
  body.nt-stage29-density-final:not(.nt-auth) .form-btn,
  body.nt-stage29-density-final:not(.nt-auth) .referral-actions .btn,
  body.nt-stage29-density-final:not(.nt-auth) .referral-generate-wrap .btn,
  body.nt-stage29-density-final:not(.nt-auth) .referral-loadmore-wrap .btn{
    height:32px!important;min-height:32px!important;border-radius:10px!important;padding:0 9px!important;font-size:10.2px!important;line-height:1!important;font-weight:900!important;
  }
  body.nt-stage29-density-final:not(.nt-auth) input,
  body.nt-stage29-density-final:not(.nt-auth) select,
  body.nt-stage29-density-final:not(.nt-auth) textarea,
  body.nt-stage29-density-final:not(.nt-auth) .form-control,
  body.nt-stage29-density-final:not(.nt-auth) .input,
  body.nt-stage29-density-final:not(.nt-auth) .wallet-input{
    min-height:32px!important;height:32px!important;border-radius:10px!important;padding:6px 9px!important;font-size:10.8px!important;line-height:1.1!important;
  }
  body.nt-stage29-density-final:not(.nt-auth) textarea{height:auto!important;min-height:62px!important;}
  body.nt-stage29-density-final:not(.nt-auth) label,
  body.nt-stage29-density-final:not(.nt-auth) .form-label,
  body.nt-stage29-density-final:not(.nt-auth) .wallet-label{font-size:9.6px!important;margin-bottom:4px!important;line-height:1.1!important;}
  body.nt-stage29-density-final:not(.nt-auth) .stat-value,
  body.nt-stage29-density-final:not(.nt-auth) .balance-amount,
  body.nt-stage29-density-final:not(.nt-auth) .hero-chip-value{font-size:15px!important;line-height:1.05!important;}
  body.nt-stage29-density-final:not(.nt-auth) .stat-label,
  body.nt-stage29-density-final:not(.nt-auth) .hero-chip-label{font-size:8.6px!important;line-height:1.05!important;}

  /* Dashboard / common tiles */
  body.nt-stage29-density-final.nt-page-dashboard .hero{padding:9px!important;}
  body.nt-stage29-density-final.nt-page-dashboard .hero .hero-head{gap:6px!important;}
  body.nt-stage29-density-final.nt-page-dashboard .hero-actions .btn{flex:1 1 0!important;min-width:0!important;}
  body.nt-stage29-density-final.nt-page-dashboard .balance-card{padding:8px!important;}
  body.nt-stage29-density-final.nt-page-dashboard .quick-link{display:flex!important;align-items:center!important;gap:7px!important;padding:8px!important;min-height:58px!important;}
  body.nt-stage29-density-final.nt-page-dashboard .quick-link .icon,
  body.nt-stage29-density-final.nt-page-dashboard .quick-link-icon{width:30px!important;height:30px!important;border-radius:10px!important;font-size:14px!important;flex:0 0 30px!important;}
  body.nt-stage29-density-final.nt-page-dashboard .quick-link strong{font-size:11.5px!important;line-height:1.1!important;}
  body.nt-stage29-density-final.nt-page-dashboard .quick-link span{font-size:9.3px!important;line-height:1.18!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}

  /* Deposit / withdraw */
  body.nt-stage29-density-final.nt-page-deposit .deposit-hero,
  body.nt-stage29-density-final.nt-page-deposit .hero{padding:8px!important;border-radius:12px!important;}
  body.nt-stage29-density-final.nt-page-deposit .deposit-hero-badge,
  body.nt-stage29-density-final.nt-page-deposit .section-badge{font-size:8.2px!important;padding:3px 6px!important;max-width:none!important;white-space:nowrap!important;}
  body.nt-stage29-density-final.nt-page-deposit .payment-methods,
  body.nt-stage29-density-final.nt-page-deposit .method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.nt-stage29-density-final.nt-page-deposit .payment-method,
  body.nt-stage29-density-final.nt-page-deposit .method-card{min-height:48px!important;padding:7px!important;border-radius:11px!important;}
  body.nt-stage29-density-final.nt-page-deposit .payment-method strong,
  body.nt-stage29-density-final.nt-page-deposit .method-card strong{font-size:10.5px!important;}
  body.nt-stage29-density-final.nt-page-deposit .payment-method span,
  body.nt-stage29-density-final.nt-page-deposit .method-card span{font-size:8.5px!important;line-height:1.14!important;}

  body.nt-stage29-density-final.nt-page-withdraw .withdraw-card,
  body.nt-stage29-density-final.nt-page-withdraw .withdraw-panel{padding:8px!important;border-radius:12px!important;}
  body.nt-stage29-density-final.nt-page-withdraw .withdraw-tabs,
  body.nt-stage29-density-final.nt-page-withdraw .payment-tabs{gap:5px!important;margin-bottom:6px!important;}
  body.nt-stage29-density-final.nt-page-withdraw .withdraw-tab,
  body.nt-stage29-density-final.nt-page-withdraw .payment-tab{height:30px!important;min-height:30px!important;border-radius:9px!important;font-size:9.5px!important;padding:0 6px!important;}
  body.nt-stage29-density-final.nt-page-withdraw .withdraw-note,
  body.nt-stage29-density-final.nt-page-withdraw .note,
  body.nt-stage29-density-final.nt-page-withdraw .alert{font-size:9.2px!important;line-height:1.24!important;padding:7px!important;border-radius:10px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}

  /* Trade market list: denser list, action visible */
  body.nt-stage29-density-final.nt-page-trade .nt-market-redesign{padding-top:0!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-hero{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:6px!important;margin:0 0 6px!important;padding:8px!important;border-radius:12px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-eyebrow{font-size:8px!important;margin-bottom:2px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-hero h1{font-size:15px!important;margin:0!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-hero p{font-size:9px!important;line-height:1.16!important;margin:2px 0 0!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-hero-badge{padding:4px 6px!important;border-radius:999px!important;font-size:9px!important;min-width:0!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-hero-badge span{font-size:7.5px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-hero-badge strong{font-size:10px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-rulebar{grid-template-columns:repeat(3,1fr)!important;gap:4px!important;margin:0 0 6px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-rulebar div{padding:5px!important;border-radius:9px!important;min-height:36px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-rulebar span{font-size:7.4px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-rulebar strong{font-size:9.2px!important;margin-top:2px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-list-v2{gap:5px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-card-v2{padding:7px!important;border-radius:12px!important;margin-bottom:5px!important;min-height:74px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-row-main{grid-template-columns:30px minmax(0,1fr) 46px!important;gap:7px!important;align-items:center!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-coin-v2{width:30px!important;height:30px!important;border-radius:10px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-coin-v2 img{width:22px!important;height:22px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-title-v2{font-size:11.5px!important;line-height:1.05!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-sub-v2{font-size:8.6px!important;line-height:1.05!important;margin-top:2px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-profit-v2{height:24px!important;min-height:24px!important;border-radius:999px!important;font-size:9.2px!important;padding:0 5px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-range-v2{grid-template-columns:1fr 1fr 46px!important;gap:4px!important;margin-top:5px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-range-v2 div{padding:4px!important;border-radius:8px!important;min-height:28px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-range-v2 span{font-size:7.2px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-range-v2 strong{font-size:8.8px!important;margin-top:1px!important;}
  body.nt-stage29-density-final.nt-page-trade .nt-market-range-v2 em{height:28px!important;border-radius:9px!important;font-size:9px!important;}

  /* Trade buy: action visible faster */
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-redesign{padding-top:0!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-ticket,
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-chart-card,
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-action-card,
  body.nt-stage29-density-final.nt-page-tradebuy .nt-trade-empty{padding:8px!important;border-radius:12px!important;margin:0 0 6px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-topline{grid-template-columns:32px minmax(0,1fr) auto!important;gap:7px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-coin{width:32px!important;height:32px!important;border-radius:10px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-coin img{width:24px!important;height:24px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-label{font-size:7.8px!important;margin-bottom:2px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-maincopy h1{font-size:13.5px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-maincopy p{font-size:8.6px!important;margin-top:2px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-profit{font-size:8.6px!important;padding:4px 6px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-live-strip,
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-limits{gap:4px!important;margin-top:5px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-live-strip div,
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-limits div{padding:4px!important;border-radius:8px!important;min-height:31px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-live-strip span,
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-limits span{font-size:7.2px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-live-strip strong,
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-limits strong{font-size:9.2px!important;margin-top:2px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-section-head{margin:0 0 5px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-section-head span{font-size:7.8px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-section-head strong{font-size:11.5px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-section-head em{font-size:8px!important;padding:3px 5px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-chart-wrap{height:78px!important;border-radius:10px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-chart-wrap canvas{height:78px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-mini-metrics{gap:4px!important;margin-top:5px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-mini-metrics div{padding:4px!important;border-radius:8px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-mini-metrics span{font-size:7px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-mini-metrics strong{font-size:8.5px!important;margin-top:2px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-form-grid label span{font-size:8.8px!important;margin-bottom:3px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-form-grid input{height:31px!important;min-height:31px!important;border-radius:9px!important;font-size:10.3px!important;padding:6px 8px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-actions-v2{gap:5px!important;margin-top:6px!important;}
  body.nt-stage29-density-final.nt-page-tradebuy .nt-tradebuy-actions-v2 .btn{height:31px!important;min-height:31px!important;border-radius:9px!important;font-size:9.7px!important;padding:0 6px!important;}

  /* Auth pages: compact premium, not oversized */
  body.nt-stage29-density-final.nt-auth .auth-wrap{min-height:100svh!important;padding:12px 12px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  body.nt-stage29-density-final.nt-auth .auth-shell,
  body.nt-stage29-density-final.nt-auth .auth-card{width:100%!important;max-width:342px!important;margin:0 auto!important;}
  body.nt-stage29-density-final.nt-auth .auth-card{padding:13px!important;border-radius:16px!important;box-shadow:0 13px 32px rgba(0,0,0,.26)!important;}
  body.nt-stage29-density-final.nt-auth .auth-brand-panel{height:40px!important;min-height:40px!important;margin-bottom:8px!important;border-radius:13px!important;padding:7px!important;}
  body.nt-stage29-density-final.nt-auth .auth-brand-logo{width:30px!important;height:30px!important;border-radius:10px!important;}
  body.nt-stage29-density-final.nt-auth .auth-brand-title{font-size:14px!important;line-height:1!important;}
  body.nt-stage29-density-final.nt-auth .auth-title{font-size:18px!important;line-height:1.08!important;margin:0 0 4px!important;}
  body.nt-stage29-density-final.nt-auth .auth-sub{font-size:10.2px!important;line-height:1.26!important;margin:0 0 8px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  body.nt-stage29-density-final.nt-auth .form-group{margin-bottom:7px!important;}
  body.nt-stage29-density-final.nt-auth label{font-size:9.4px!important;margin-bottom:3px!important;}
  body.nt-stage29-density-final.nt-auth input,
  body.nt-stage29-density-final.nt-auth select{height:33px!important;min-height:33px!important;border-radius:10px!important;padding:6px 9px!important;font-size:10.5px!important;}
  body.nt-stage29-density-final.nt-auth .btn,
  body.nt-stage29-density-final.nt-auth button{height:34px!important;min-height:34px!important;border-radius:10px!important;font-size:10.5px!important;padding:0 10px!important;}
  body.nt-stage29-density-final.nt-auth .nt-lang-floating{top:8px!important;right:8px!important;width:50px!important;height:24px!important;border-radius:12px!important;padding:1px!important;gap:1px!important;}
  body.nt-stage29-density-final.nt-auth .nt-lang-floating button{width:23px!important;height:20px!important;min-height:20px!important;border-radius:10px!important;font-size:8px!important;padding:0!important;}
  body.nt-stage29-density-final.nt-auth .captcha-box,
  body.nt-stage29-density-final.nt-auth .captcha-wrap{min-height:38px!important;padding:6px!important;border-radius:10px!important;gap:5px!important;}
  body.nt-stage29-density-final.nt-auth.nt-page-register .auth-wrap{align-items:flex-start!important;padding-top:30px!important;}
  body.nt-stage29-density-final.nt-auth.nt-page-register .auth-card{padding:11px!important;}
  body.nt-stage29-density-final.nt-auth.nt-page-register .auth-brand-panel{height:36px!important;min-height:36px!important;}
  body.nt-stage29-density-final.nt-auth.nt-page-register .auth-sub{display:none!important;}
  body.nt-stage29-density-final.nt-auth.nt-page-register .grid-2{grid-template-columns:1fr!important;gap:6px!important;}

  /* Referral/bonus/wallet old-heavy pages */
  body.nt-stage29-density-final.nt-page-referral .referral-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-stat-card .stat-value{font-size:16px!important;margin:2px 0!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-bonus-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-bonus-item{min-height:58px!important;padding:6px!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-bonus-item .stat-value{font-size:12px!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-link-box{margin-top:6px!important;padding:7px!important;border-radius:10px!important;font-size:9px!important;line-height:1.22!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-actions{grid-template-columns:1fr 1fr 1fr!important;gap:5px!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-tabs{gap:5px!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-tab-btn{height:29px!important;padding:0 6px!important;border-radius:9px!important;font-size:9.3px!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-avatar{width:32px!important;height:32px!important;border-radius:10px!important;flex-basis:32px!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-member-name{font-size:11px!important;}
  body.nt-stage29-density-final.nt-page-referral .referral-member-phone{font-size:9px!important;}
  body.nt-stage29-density-final.nt-page-bonus-team .team-tabs{gap:5px!important;margin:0 0 7px!important;}
  body.nt-stage29-density-final.nt-page-bonus-team .team-tab-btn{height:31px!important;border-radius:9px!important;font-size:9.5px!important;padding:0 7px!important;}
  body.nt-stage29-density-final.nt-page-wallet .wallet-wrap{gap:6px!important;}
  body.nt-stage29-density-final.nt-page-wallet .wallet-body{gap:7px!important;}
  body.nt-stage29-density-final.nt-page-wallet .wallet-title{font-size:14px!important;}
  body.nt-stage29-density-final.nt-page-wallet .wallet-desc{font-size:10px!important;line-height:1.28!important;}
  body.nt-stage29-density-final.nt-page-wallet .wallet-status-icon{width:24px!important;height:24px!important;border-radius:8px!important;font-size:12px!important;}

  /* Profile/password */
  body.nt-stage29-density-final.nt-page-profile .profile-card{padding:9px!important;}
  body.nt-stage29-density-final.nt-page-profile .profile-avatar{width:44px!important;height:44px!important;border-radius:14px!important;}
  body.nt-stage29-density-final.nt-page-profile .profile-name{font-size:14px!important;line-height:1.1!important;}
  body.nt-stage29-density-final.nt-page-profile .profile-email{font-size:9px!important;line-height:1.1!important;max-width:230px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body.nt-stage29-density-final.nt-page-password .card,
  body.nt-stage29-density-final.nt-page-password .card-soft{max-width:100%!important;margin-top:0!important;}
}

/* ==========================================================
   STAGE 31 - Nominal visibility + IDR/USD dual money display
   ========================================================== */
:root{
  --nt-money-ink:#ffffff;
  --nt-money-muted:rgba(185,255,235,.82);
  --nt-money-accent:#20f2bb;
}
input[type="number"],
input[inputmode="numeric"],
input[id*="nominal"],
input[name*="nominal"],
.nt-nominal-input{
  color:var(--nt-money-ink) !important;
  -webkit-text-fill-color:var(--nt-money-ink) !important;
  caret-color:var(--nt-money-accent) !important;
  background:linear-gradient(180deg,rgba(7,15,31,.96),rgba(3,9,21,.94)) !important;
  border:1px solid rgba(32,242,187,.28) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(32,242,187,.04) !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-shadow:0 1px 0 rgba(0,0,0,.35) !important;
}
input[type="number"]::placeholder,
input[inputmode="numeric"]::placeholder,
input[id*="nominal"]::placeholder,
input[name*="nominal"]::placeholder,
.nt-nominal-input::placeholder{
  color:rgba(222,239,255,.52) !important;
  -webkit-text-fill-color:rgba(222,239,255,.52) !important;
  font-weight:700 !important;
}
input[type="number"]:focus,
input[inputmode="numeric"]:focus,
input[id*="nominal"]:focus,
input[name*="nominal"]:focus,
.nt-nominal-input:focus{
  border-color:rgba(32,242,187,.62) !important;
  box-shadow:0 0 0 3px rgba(32,242,187,.12), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none !important;
  margin:0 !important;
}
input[type="number"]{
  appearance:textfield !important;
  -moz-appearance:textfield !important;
}
.nt-money-dual{
  display:inline-flex;
  align-items:flex-end;
  justify-content:flex-end;
  flex-direction:column;
  gap:2px;
  min-width:0;
  max-width:100%;
  line-height:1.05;
  vertical-align:middle;
}
.nt-money-dual strong{
  display:block;
  color:#f9fffd;
  font-size:inherit;
  font-weight:900;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.nt-money-dual em{
  display:block;
  color:var(--nt-money-muted);
  font-style:normal;
  font-size:10px;
  font-weight:800;
  letter-spacing:.01em;
  white-space:nowrap;
}
.nt-money-dual--compact em{font-size:9.5px;}
.stat-value .nt-money-dual,
.metric-value .nt-money-dual,
.price .nt-money-dual,
.list-right .nt-money-dual{align-items:flex-end;}
.nt-money-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.nt-money-preview{
  display:none;
  margin-top:8px;
  padding:8px 10px;
  border-radius:14px;
  background:rgba(32,242,187,.08);
  border:1px solid rgba(32,242,187,.18);
  color:#effffb;
}
.nt-money-preview.is-visible{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.nt-money-preview span{font-size:10px;font-weight:800;color:rgba(226,242,255,.72);text-transform:uppercase;letter-spacing:.08em;}
.nt-money-preview strong{font-size:13px;font-weight:900;color:#fff;}
.nt-money-preview em{font-size:11px;font-style:normal;font-weight:900;color:var(--nt-money-muted);}
@media(max-width:430px){
  .nt-money-dual em{font-size:9.25px;}
  .list-right .nt-money-dual strong{font-size:12px;}
  .list-right .nt-money-dual em{font-size:8.8px;}
}

/* ==========================================================
   STAGE 32 - Footer/bottom-nav rewrite + full-page scroll safety
   Focus: clean dock, reliable mobile scroll, no hidden bottom content.
   ========================================================== */
:root{
  --nt32-app-max:430px;
  --nt32-topbar-h:54px;
  --nt32-dock-h:58px;
  --nt32-dock-gap:8px;
  --nt32-content-x:12px;
  --nt32-safe-top:env(safe-area-inset-top,0px);
  --nt32-safe-bottom:env(safe-area-inset-bottom,0px);
  --nt32-bottom-space:calc(var(--nt32-dock-h) + var(--nt32-dock-gap) + var(--nt32-safe-bottom) + 22px);
}
html,
body{
  width:100%!important;
  max-width:100vw!important;
  min-height:100%!important;
  height:auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:auto!important;
}
body.nt-stage32-footer-scroll-final{
  min-height:100svh!important;
  position:relative!important;
  overscroll-behavior-x:none!important;
  overscroll-behavior-y:auto!important;
  touch-action:pan-y!important;
}
body.nt-stage32-footer-scroll-final:not(.nt-auth) .app-shell{
  width:min(var(--nt32-app-max),100vw)!important;
  max-width:100vw!important;
  min-height:100svh!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  contain:none!important;
  isolation:isolate!important;
  background:linear-gradient(180deg,rgba(255,255,255,.020),rgba(255,255,255,0) 30%,rgba(255,255,255,.012))!important;
}
body.nt-stage32-footer-scroll-final.nt-auth .app-shell{
  width:100%!important;
  max-width:100vw!important;
  min-height:100svh!important;
  height:auto!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  contain:none!important;
}
body.nt-stage32-footer-scroll-final:not(.nt-auth) .app-shell>.content,
body.nt-stage32-footer-scroll-final:not(.nt-auth) main.content{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:calc(100svh - var(--nt32-topbar-h))!important;
  height:auto!important;
  overflow:visible!important;
  padding-top:calc(var(--nt32-topbar-h) + var(--nt32-safe-top) + 10px)!important;
  padding-left:max(var(--nt32-content-x), env(safe-area-inset-left,0px))!important;
  padding-right:max(var(--nt32-content-x), env(safe-area-inset-right,0px))!important;
  padding-bottom:var(--nt32-bottom-space)!important;
}
body.nt-stage32-footer-scroll-final .topbar{
  position:fixed!important;
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(var(--nt32-app-max),100vw)!important;
  max-width:100vw!important;
  min-height:calc(var(--nt32-topbar-h) + var(--nt32-safe-top))!important;
  height:calc(var(--nt32-topbar-h) + var(--nt32-safe-top))!important;
  padding:var(--nt32-safe-top) 0 0!important;
  border-radius:0!important;
  z-index:980!important;
  background:linear-gradient(180deg,rgba(2,8,18,.985),rgba(4,13,27,.94))!important;
  border-bottom:1px solid rgba(129,204,255,.12)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  overflow:hidden!important;
}
body.nt-stage32-footer-scroll-final .topbar-inner{
  height:var(--nt32-topbar-h)!important;
  min-height:var(--nt32-topbar-h)!important;
  max-height:var(--nt32-topbar-h)!important;
  padding:6px 10px!important;
  gap:8px!important;
}
body.nt-stage32-footer-scroll-final .topbar .icon-btn{
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
  border-radius:13px!important;
  font-size:17px!important;
}
body.nt-stage32-footer-scroll-final .topbar .brand{
  min-width:0!important;
  flex:1 1 auto!important;
  max-width:calc(100% - 104px)!important;
  gap:7px!important;
}
body.nt-stage32-footer-scroll-final .topbar .brand img,
body.nt-stage32-footer-scroll-final .topbar .brand .nt-stage15-brand-orb,
body.nt-stage32-footer-scroll-final .topbar .brand .nt-stage16-brand-orb,
body.nt-stage32-footer-scroll-final .topbar .brand .nt-stage17-brand-orb,
body.nt-stage32-footer-scroll-final .topbar .brand .nt-stage18-brand-orb{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  flex:0 0 34px!important;
  border-radius:12px!important;
}
body.nt-stage32-footer-scroll-final .brand-title{
  font-size:13px!important;
  line-height:1.05!important;
  letter-spacing:.01em!important;
}
body.nt-stage32-footer-scroll-final .brand-sub{
  font-size:9.2px!important;
  line-height:1.1!important;
  margin-top:2px!important;
}
body.nt-stage32-footer-scroll-final .topbar .section-badge{
  max-width:82px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  font-size:8.4px!important;
  line-height:24px!important;
}

body.nt-stage32-footer-scroll-final .bottom-nav.nt-stage32-dock,
body.nt-stage32-footer-scroll-final .bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(var(--nt32-dock-gap) + var(--nt32-safe-bottom))!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:center!important;
  width:min(var(--nt32-app-max),calc(100vw - 16px))!important;
  max-width:calc(100vw - 16px)!important;
  height:var(--nt32-dock-h)!important;
  min-height:var(--nt32-dock-h)!important;
  max-height:var(--nt32-dock-h)!important;
  padding:5px 6px!important;
  gap:4px!important;
  border-radius:19px!important;
  overflow:visible!important;
  z-index:990!important;
  background:linear-gradient(180deg,rgba(8,18,35,.965),rgba(3,9,19,.985))!important;
  border:1px solid rgba(148,212,255,.14)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body.nt-stage32-footer-scroll-final .bottom-nav::before,
body.nt-stage32-footer-scroll-final .bottom-nav::after{
  display:none!important;
  content:none!important;
}
body.nt-stage32-footer-scroll-final .bottom-nav a{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:4px 2px!important;
  gap:2px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  color:rgba(219,234,255,.70)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  line-height:1!important;
}
body.nt-stage32-footer-scroll-final .bottom-nav a.active{
  color:#ffffff!important;
  background:linear-gradient(145deg,rgba(30,167,255,.24),rgba(32,242,187,.16))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.18)!important;
}
body.nt-stage32-footer-scroll-final .bottom-nav .nav-ic{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:20px!important;
  overflow:visible!important;
}
body.nt-stage32-footer-scroll-final .bottom-nav .nav-label,
body.nt-stage32-footer-scroll-final .bottom-nav a span:last-child{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:11px!important;
  margin:0!important;
  padding:0!important;
  font-size:9.2px!important;
  font-weight:800!important;
  line-height:1.05!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.nt-stage32-footer-scroll-final.nt-sidebar-open .bottom-nav,
body.nt-stage32-footer-scroll-final.nt-overlay-open .bottom-nav,
body.nt-stage32-footer-scroll-final.nt-input-focus .bottom-nav,
body.nt-stage32-footer-scroll-final.nt-keyboard-open .bottom-nav{
  transform:translate(-50%,calc(100% + 18px))!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.nt-stage32-footer-scroll-final:is([data-page="deposit"],[data-page="withdraw"],[data-page="invoice"],.nt-page-deposit,.nt-page-withdraw,.nt-page-invoice) .bottom-nav,
body.nt-stage32-footer-scroll-final:is([data-route="top-upZ"],[data-route="withdrawZ"],[data-route="invoice-idrZ"],[data-route="invoice-usdtZ"]) .bottom-nav{
  display:none!important;
}
body.nt-stage32-footer-scroll-final:is([data-page="deposit"],[data-page="withdraw"],[data-page="invoice"],.nt-page-deposit,.nt-page-withdraw,.nt-page-invoice) .app-shell>.content,
body.nt-stage32-footer-scroll-final:is([data-route="top-upZ"],[data-route="withdrawZ"],[data-route="invoice-idrZ"],[data-route="invoice-usdtZ"]) .app-shell>.content{
  padding-bottom:calc(30px + var(--nt32-safe-bottom))!important;
}

/* Sidebar is fixed and cannot create horizontal page width. */
body.nt-stage32-footer-scroll-final #ntSidebar,
body.nt-stage32-footer-scroll-final .sidebar{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  max-width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  pointer-events:none!important;
  z-index:1100!important;
  transform:none!important;
}
body.nt-stage32-footer-scroll-final #ntSidebar.open,
body.nt-stage32-footer-scroll-final .sidebar.open{
  pointer-events:auto!important;
}
body.nt-stage32-footer-scroll-final .sidebar-panel{
  width:min(338px,calc(100vw - 18px))!important;
  max-width:calc(100vw - 18px)!important;
  height:100dvh!important;
  max-height:100dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  transform:translate3d(-108%,0,0)!important;
  transition:transform .25s ease!important;
  padding:calc(14px + var(--nt32-safe-top)) 12px calc(28px + var(--nt32-safe-bottom))!important;
}
body.nt-stage32-footer-scroll-final .sidebar.open .sidebar-panel,
body.nt-stage32-footer-scroll-final #ntSidebar.open .sidebar-panel{
  transform:translate3d(0,0,0)!important;
}
body.nt-stage32-footer-scroll-final .sidebar-inner{
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* Do not clamp important page copy; let full content scroll naturally. */
body.nt-stage32-footer-scroll-final :is(.hero-copy,.deposit-hero-copy,.withdraw-note,.inline-note,.helper,.page-copy,.support-copy,.wallet-desc,.privacy-copy,.privacy-note,.info-copy,.nt-market-hero p,.nt-tradebuy-hero p,.auth-sub,.referral-link-box,.list-sub,.card-sub,.muted){
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  -webkit-box-orient:unset!important;
  display:block!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  max-height:none!important;
}
body.nt-stage32-footer-scroll-final :is(.card,.card-soft,.hero,.quick-link,.list-item,.tx-card,.trade-card,.invoice-card,.referral-card,.referral-member-card,.support-card,.reward-card,.boost-card,.profile-card,.nt-state-card){
  overflow:visible!important;
}
body.nt-stage32-footer-scroll-final :is(.table,.table-wrap,.history-table,.invoice-frame,.nt-invoice-frame-holder){
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
}

/* Financial inputs: visible and touchable but still compact. */
body.nt-stage32-footer-scroll-final:not(.nt-auth) :is(input[type="number"],input[inputmode="numeric"],input[id*="nominal"],input[name*="nominal"],.nt-nominal-input){
  height:42px!important;
  min-height:42px!important;
  border-radius:12px!important;
  padding:0 12px!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:42px!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
body.nt-stage32-footer-scroll-final .nt-money-preview{
  margin-top:7px!important;
  border-radius:12px!important;
  padding:8px 10px!important;
}

/* Keep page width stable on narrow Android browsers. */
body.nt-stage32-footer-scroll-final :where(.app-shell *, .auth-wrap *){
  box-sizing:border-box!important;
  min-width:0;
}
body.nt-stage32-footer-scroll-final :where(img,svg,canvas,video,iframe){
  max-width:100%!important;
}
@media(max-width:380px){
  :root{--nt32-content-x:10px;--nt32-dock-h:56px;}
  body.nt-stage32-footer-scroll-final .bottom-nav{width:calc(100vw - 12px)!important;padding-left:4px!important;padding-right:4px!important;border-radius:18px!important;}
  body.nt-stage32-footer-scroll-final .bottom-nav a{height:46px!important;min-height:46px!important;}
  body.nt-stage32-footer-scroll-final .bottom-nav .nav-ic{width:19px!important;height:19px!important;font-size:14px!important;}
  body.nt-stage32-footer-scroll-final .bottom-nav .nav-label{font-size:8.6px!important;}
  body.nt-stage32-footer-scroll-final .topbar .section-badge{display:none!important;}
  body.nt-stage32-footer-scroll-final .topbar .brand{max-width:calc(100% - 48px)!important;}
}

/* STAGE 32B - maximum specificity override against older density media rules */
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;width:min(430px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important;height:58px!important;min-height:58px!important;max-height:58px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;padding:5px 6px!important;gap:4px!important;border-radius:19px!important;overflow:visible!important;transform:translateX(-50%)!important;
}
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a{
  height:48px!important;min-height:48px!important;max-height:48px!important;padding:4px 2px!important;gap:2px!important;border-radius:14px!important;transform:none!important;
}
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav .nav-ic{
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;font-size:15px!important;line-height:20px!important;margin:0!important;
}
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav .nav-label,
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix[data-page]:not(.nt-auth) .bottom-nav a span:last-child{
  font-size:9.2px!important;line-height:1.05!important;min-height:11px!important;height:auto!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix[data-page]:not(.nt-auth) :is(input#nominal,input#no_rekening,input[inputmode="numeric"],input[type="number"],input[id*="nominal"],input[name*="nominal"],.nt-nominal-input){
  height:42px!important;min-height:42px!important;max-height:none!important;border-radius:12px!important;padding:0 12px!important;font-size:14px!important;font-weight:900!important;line-height:42px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
/* STAGE 32C - topbar/content safe vertical spacing high specificity */
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar{
  height:54px!important;min-height:54px!important;max-height:54px!important;padding-top:0!important;top:0!important;border-radius:0!important;
}
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix[data-page]:not(.nt-auth) .topbar-inner{
  height:54px!important;min-height:54px!important;max-height:54px!important;padding:6px 10px!important;
}
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix[data-page]:not(.nt-auth) .app-shell>.content,
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix[data-page]:not(.nt-auth) main.content{
  padding-top:64px!important;
  padding-bottom:88px!important;
}
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix:is(.nt-page-deposit,.nt-page-withdraw,.nt-page-invoice,[data-page="deposit"],[data-page="withdraw"],[data-page="invoice"],[data-route="top-upZ"],[data-route="withdrawZ"],[data-route="invoice-idrZ"],[data-route="invoice-usdtZ"]):not(.nt-auth) .app-shell>.content,
body.nt-stage32-footer-scroll-final.nt-stage31-money-i18n.nt-stage29-density-final.nt-stage26-density-reset.nt-stage25-live-visual-fix.nt-stage18-brand-gradient.nt-stage17-component-diff.nt-stage16-full-redesign.nt-stage15-ui-fix:is(.nt-page-deposit,.nt-page-withdraw,.nt-page-invoice,[data-page="deposit"],[data-page="withdraw"],[data-page="invoice"],[data-route="top-upZ"],[data-route="withdrawZ"],[data-route="invoice-idrZ"],[data-route="invoice-usdtZ"]):not(.nt-auth) main.content{
  padding-top:64px!important;
  padding-bottom:30px!important;
}

/* Stage 33: UI/UX bug fix final - footer, sidebar, language, clipping, empty states */
body.nt-stage33-uiux-sidebar-final{--nt33-app-max:430px;--nt33-header-h:54px;--nt33-dock-h:56px;--nt33-dock-gap:8px;--nt33-safe-bottom:env(safe-area-inset-bottom,0px);--nt33-bottom-space:calc(var(--nt33-dock-h) + var(--nt33-dock-gap) + var(--nt33-safe-bottom) + 18px)}
html,body.nt-stage33-uiux-sidebar-final{overflow-x:hidden!important;overscroll-behavior-x:none!important;-webkit-text-size-adjust:100%!important}
body.nt-stage33-uiux-sidebar-final:not(.nt-auth) .app-shell{width:min(var(--nt33-app-max),100vw)!important;max-width:100vw!important;overflow-x:hidden!important;contain:none!important}
body.nt-stage33-uiux-sidebar-final:not(.nt-auth) .app-shell>.content,body.nt-stage33-uiux-sidebar-final:not(.nt-auth) main.content{min-height:auto!important;height:auto!important;overflow:visible!important;padding-top:calc(var(--nt33-header-h) + env(safe-area-inset-top,0px) + 10px)!important;padding-bottom:var(--nt33-bottom-space)!important}
body.nt-stage33-uiux-sidebar-final:is(.nt-page-deposit,.nt-page-withdraw,.nt-page-invoice,.nt-page-tradebuy,[data-page="deposit"],[data-page="withdraw"],[data-page="invoice"],[data-page="tradebuy"],[data-route="top-upZ"],[data-route="withdrawZ"],[data-route="invoice-idrZ"],[data-route="invoice-usdtZ"],[data-route="tradebuyZ"]):not(.nt-auth) .app-shell>.content,body.nt-stage33-uiux-sidebar-final:is(.nt-page-deposit,.nt-page-withdraw,.nt-page-invoice,.nt-page-tradebuy,[data-page="deposit"],[data-page="withdraw"],[data-page="invoice"],[data-page="tradebuy"],[data-route="top-upZ"],[data-route="withdrawZ"],[data-route="invoice-idrZ"],[data-route="invoice-usdtZ"],[data-route="tradebuyZ"]):not(.nt-auth) main.content{padding-bottom:calc(30px + var(--nt33-safe-bottom))!important}
body.nt-stage33-uiux-sidebar-final .bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(var(--nt33-dock-gap) + var(--nt33-safe-bottom))!important;transform:translate3d(-50%,0,0)!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;width:min(var(--nt33-app-max),calc(100vw - 18px))!important;max-width:calc(100vw - 18px)!important;height:var(--nt33-dock-h)!important;min-height:var(--nt33-dock-h)!important;max-height:var(--nt33-dock-h)!important;padding:5px!important;gap:4px!important;border-radius:18px!important;overflow:visible!important;z-index:930!important;background:rgba(5,13,28,.94)!important;border:1px solid rgba(134,206,255,.12)!important;box-shadow:0 10px 28px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
body.nt-stage33-uiux-sidebar-final .bottom-nav:before,body.nt-stage33-uiux-sidebar-final .bottom-nav:after{display:none!important;content:none!important}
body.nt-stage33-uiux-sidebar-final .bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:46px!important;min-height:46px!important;max-height:46px!important;padding:3px 2px!important;gap:2px!important;border-radius:13px!important;overflow:hidden!important;color:rgba(220,236,255,.74)!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;text-decoration:none!important;line-height:1!important}
body.nt-stage33-uiux-sidebar-final .bottom-nav a.active{color:#fff!important;background:linear-gradient(180deg,rgba(26,193,255,.18),rgba(35,241,188,.12))!important;border:1px solid rgba(77,231,201,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;transform:none!important}
body.nt-stage33-uiux-sidebar-final .bottom-nav .nav-ic{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;margin:0!important;font-size:15px!important;line-height:20px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:9px!important;color:inherit!important;overflow:visible!important}
body.nt-stage33-uiux-sidebar-final .bottom-nav .nav-label,body.nt-stage33-uiux-sidebar-final .bottom-nav a span:last-child{display:block!important;width:100%!important;max-width:100%!important;font-size:9.4px!important;font-weight:800!important;line-height:1.08!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:11px!important}
body.nt-stage33-uiux-sidebar-final:is(.nt-page-deposit,.nt-page-withdraw,.nt-page-invoice,.nt-page-tradebuy,[data-page="deposit"],[data-page="withdraw"],[data-page="invoice"],[data-page="tradebuy"],[data-route="top-upZ"],[data-route="withdrawZ"],[data-route="invoice-idrZ"],[data-route="invoice-usdtZ"],[data-route="tradebuyZ"]) .bottom-nav{display:none!important}
body.nt-stage33-uiux-sidebar-final #ntSidebar,body.nt-stage33-uiux-sidebar-final .sidebar{position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;z-index:1200!important;background:rgba(0,0,0,.54)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:opacity .18s ease,visibility .18s ease!important}
body.nt-stage33-uiux-sidebar-final #ntSidebar[aria-hidden="true"],body.nt-stage33-uiux-sidebar-final .sidebar[aria-hidden="true"],body.nt-stage33-uiux-sidebar-final #ntSidebar:not(.open),body.nt-stage33-uiux-sidebar-final .sidebar:not(.open){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body.nt-stage33-uiux-sidebar-final #ntSidebar.open,body.nt-stage33-uiux-sidebar-final .sidebar.open,body.nt-stage33-uiux-sidebar-final #ntSidebar[aria-hidden="false"],body.nt-stage33-uiux-sidebar-final .sidebar[aria-hidden="false"]{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body.nt-stage33-uiux-sidebar-final #ntSidebar.open *,body.nt-stage33-uiux-sidebar-final .sidebar.open *,body.nt-stage33-uiux-sidebar-final #ntSidebar[aria-hidden="false"] *,body.nt-stage33-uiux-sidebar-final .sidebar[aria-hidden="false"] *{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body.nt-stage33-uiux-sidebar-final .sidebar-panel{width:min(342px,calc(100vw - 18px))!important;max-width:calc(100vw - 18px)!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;transform:translate3d(-106%,0,0)!important;transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;background:linear-gradient(180deg,rgba(8,18,35,.98),rgba(3,9,20,.99))!important;border-right:1px solid rgba(129,204,255,.16)!important;box-shadow:18px 0 46px rgba(0,0,0,.46)!important;border-radius:0 24px 24px 0!important;padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(18px + env(safe-area-inset-bottom,0px))!important}
body.nt-stage33-uiux-sidebar-final #ntSidebar.open .sidebar-panel,body.nt-stage33-uiux-sidebar-final .sidebar.open .sidebar-panel{transform:translate3d(0,0,0)!important}
body.nt-stage33-uiux-sidebar-final .sidebar-inner{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:20px!important;-webkit-overflow-scrolling:touch!important}
body.nt-stage33-uiux-sidebar-final.nt-sidebar-open .bottom-nav{opacity:0!important;pointer-events:none!important;transform:translate3d(-50%,12px,0)!important}
body.nt-stage33-uiux-sidebar-final .nt-lang-switcher{min-width:76px!important;height:34px!important;min-height:34px!important;padding:3px!important;gap:3px!important;border-radius:17px!important;flex:0 0 auto!important}
body.nt-stage33-uiux-sidebar-final .nt-lang-switcher button{min-width:33px!important;width:33px!important;height:28px!important;min-height:28px!important;border-radius:14px!important;font-size:10.5px!important;font-weight:900!important;padding:0!important;line-height:28px!important}
body.nt-stage33-uiux-sidebar-final :is(.empty,.referral-empty,.referral-loading,.nt-empty-state){display:grid!important;place-items:center!important;min-height:118px!important;padding:18px 14px!important;text-align:center!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(15,31,55,.74),rgba(6,14,28,.88))!important;border:1px dashed rgba(111,221,255,.22)!important;color:rgba(230,243,255,.84)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
body.nt-stage33-uiux-sidebar-final :is(.empty,.referral-empty,.referral-loading,.nt-empty-state)::before{content:'◇';display:grid;place-items:center;width:32px;height:32px;margin-bottom:8px;border-radius:12px;background:rgba(34,242,187,.10);color:#42f0c5;font-weight:900}
body.nt-stage33-uiux-sidebar-final :is(.hero-copy,.deposit-hero-copy,.withdraw-note,.inline-note,.helper,.page-copy,.support-copy,.wallet-desc,.privacy-copy,.privacy-note,.info-copy,.nt-market-hero p,.nt-tradebuy-hero p,.referral-link-box,.list-sub,.card-sub,.muted,.legal-card p,.legal-card li){-webkit-line-clamp:unset!important;line-clamp:unset!important;display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;max-height:none!important}
body.nt-stage33-uiux-sidebar-final .topbar .brand-title,body.nt-stage33-uiux-sidebar-final .topbar .brand-sub,body.nt-stage33-uiux-sidebar-final .section-badge{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.nt-stage33-uiux-sidebar-final .topbar .brand{max-width:calc(100% - 128px)!important}
body.nt-stage33-uiux-sidebar-final .topbar .section-badge{max-width:74px!important}
body.nt-stage33-uiux-sidebar-final :is(input[type="number"],input[inputmode="numeric"],input[id*="nominal"],input[name*="nominal"],.nt-nominal-input){height:44px!important;min-height:44px!important;font-size:14.5px!important;line-height:44px!important;border-radius:13px!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
@media(max-width:380px){body.nt-stage33-uiux-sidebar-final{--nt33-dock-h:54px}body.nt-stage33-uiux-sidebar-final .bottom-nav{width:calc(100vw - 12px)!important;padding:4px!important;border-radius:17px!important}body.nt-stage33-uiux-sidebar-final .bottom-nav a{height:44px!important}body.nt-stage33-uiux-sidebar-final .bottom-nav .nav-label{font-size:8.8px!important}body.nt-stage33-uiux-sidebar-final .nt-lang-switcher{min-width:72px!important;height:32px!important}body.nt-stage33-uiux-sidebar-final .nt-lang-switcher button{width:31px!important;min-width:31px!important;height:26px!important;min-height:26px!important;font-size:10px!important}}

/* ============================================
   STAGE 34 — TRADE BUY TERMINAL REDESIGN
   Scope: tradebuyZ only. Replaces legacy chart/modal visual system.
   ============================================ */
body.nt-stage34-tradebuy-final.nt-page-tradebuy,
body.nt-stage34-tradebuy-final[data-route="tradebuyZ"]{
  --nt34-bg:#050914;
  --nt34-panel:rgba(10,18,34,.92);
  --nt34-panel-2:rgba(13,24,45,.94);
  --nt34-line:rgba(132,167,232,.16);
  --nt34-line-strong:rgba(66,244,185,.34);
  --nt34-text:#f4f8ff;
  --nt34-muted:#9eb1cf;
  --nt34-green:#24f0b8;
  --nt34-blue:#67b8ff;
  --nt34-amber:#ffba4a;
  --nt34-red:#ff647e;
}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .app-shell>.content,
body.nt-stage34-tradebuy-final[data-route="tradebuyZ"] .app-shell>.content,
body.nt-stage34-tradebuy-final.nt-page-tradebuy main.content{
  padding:8px 12px calc(34px + env(safe-area-inset-bottom))!important;
  overflow-x:hidden!important;
}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-redesign.nt-tradebuy-pro{
  display:grid!important;
  gap:10px!important;
  padding:0!important;
  margin:0 auto!important;
  width:100%!important;
  max-width:440px!important;
}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-command-card,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-chart-terminal,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-execution-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:22px!important;
  padding:14px!important;
  margin:0!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(36,240,184,.17),transparent 34%),
    radial-gradient(circle at 100% 0%,rgba(103,184,255,.14),transparent 36%),
    linear-gradient(180deg,rgba(15,26,48,.94),rgba(6,11,22,.96))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.25)!important;
}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-command-bg{
  position:absolute!important;
  inset:auto -30px -80px auto!important;
  width:180px!important;
  height:180px!important;
  background:radial-gradient(circle,rgba(36,240,184,.22),transparent 68%)!important;
  pointer-events:none!important;
}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-command-head{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-asset-badge{
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,rgba(36,240,184,.22),rgba(103,184,255,.14))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-asset-badge img{width:32px!important;height:32px!important;object-fit:contain!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-command-copy{min-width:0!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-pro-eyebrow{
  display:block!important;
  margin:0 0 3px!important;
  color:var(--nt34-green)!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-command-copy h1{
  margin:0!important;
  color:var(--nt34-text)!important;
  font-size:17px!important;
  line-height:1.12!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-command-copy p{
  margin:4px 0 0!important;
  color:var(--nt34-muted)!important;
  font-size:11px!important;
  line-height:1.35!important;
  display:block!important;
  overflow:visible!important;
  white-space:normal!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-profit-pill{
  min-width:64px!important;
  padding:7px 8px!important;
  border-radius:16px!important;
  text-align:center!important;
  color:var(--nt34-text)!important;
  background:linear-gradient(135deg,rgba(255,186,74,.18),rgba(36,240,184,.11))!important;
  border:1px solid rgba(255,186,74,.25)!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-profit-pill span{display:block!important;color:var(--nt34-muted)!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-profit-pill strong{display:block!important;color:#ffe3a3!important;font-size:12px!important;font-weight:950!important;margin-top:1px!important;}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-price-board,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-limit-strip,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-market-grid{
  position:relative!important;
  display:grid!important;
  gap:8px!important;
  margin-top:12px!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-price-board{grid-template-columns:1fr 1fr!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-limit-strip,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-price-tile,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-limit-strip>div,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-market-grid>div{
  min-width:0!important;
  min-height:54px!important;
  padding:9px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid var(--nt34-line)!important;
  overflow:visible!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-price-tile-primary{border-color:var(--nt34-line-strong)!important;background:rgba(36,240,184,.07)!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-price-tile span,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-limit-strip span,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-market-grid span{
  display:block!important;
  color:var(--nt34-muted)!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-price-tile strong,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-limit-strip strong,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-market-grid strong{
  display:block!important;
  margin-top:4px!important;
  color:var(--nt34-text)!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:950!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-price-tile small{display:block!important;margin-top:3px!important;color:#7f93b5!important;font-size:8.5px!important;line-height:1.25!important;}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-money-dual,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-money-dual strong,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-money-dual em{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-money-dual{display:grid!important;gap:2px!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-money-dual em{font-size:9px!important;color:var(--nt34-green)!important;font-style:normal!important;}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-terminal-head,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-execution-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:0 0 10px!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-terminal-head strong,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-execution-head strong{display:block!important;color:var(--nt34-text)!important;font-size:15px!important;line-height:1.2!important;font-weight:950!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-terminal-badges{display:flex!important;gap:5px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-terminal-badges em,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-execution-mode{
  display:inline-grid!important;
  place-items:center!important;
  min-height:24px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(36,240,184,.10)!important;
  border:1px solid rgba(36,240,184,.24)!important;
  color:#bfffe9!important;
  font-size:9px!important;
  font-weight:900!important;
  font-style:normal!important;
  white-space:nowrap!important;
}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-chart-shell{
  position:relative!important;
  min-height:172px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(7,15,28,.35),rgba(2,6,14,.66)),
    radial-gradient(circle at 50% 0,rgba(103,184,255,.16),transparent 45%)!important;
  border:1px solid rgba(132,167,232,.14)!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-chart-shell canvas,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-mini-chart-canvas{
  display:block!important;
  width:100%!important;
  height:172px!important;
  min-height:172px!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-chart-glass-overlay{
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:8px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:8px!important;
  pointer-events:none!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-chart-chip{
  min-width:0!important;
  max-width:49%!important;
  padding:7px 9px!important;
  border-radius:13px!important;
  background:rgba(3,8,18,.75)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-chart-chip span{display:block!important;color:var(--nt34-muted)!important;font-size:8px!important;font-weight:900!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-chart-chip strong{display:block!important;margin-top:2px!important;color:var(--nt34-text)!important;font-size:11px!important;line-height:1.2!important;font-weight:950!important;white-space:normal!important;overflow:visible!important;}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-execution-head>div:first-child{min-width:0!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-execution-head strong{font-size:12px!important;line-height:1.35!important;white-space:normal!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-amount-control{display:block!important;margin:0!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-amount-control>span{display:block!important;margin:0 0 6px!important;color:var(--nt34-muted)!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-amount-control input#nominal{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  border-radius:16px!important;
  padding:0 14px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(2,8,18,.92)!important;
  border:1px solid rgba(36,240,184,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 4px rgba(36,240,184,.04)!important;
  font-size:15px!important;
  font-weight:950!important;
  caret-color:var(--nt34-green)!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-amount-helper{display:block!important;margin-top:7px!important;color:var(--nt34-muted)!important;font-size:10px!important;line-height:1.4!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-execution-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(92px,.7fr)!important;
  gap:8px!important;
  margin-top:12px!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-execution-actions .btn{
  min-height:46px!important;
  height:auto!important;
  border-radius:16px!important;
  padding:9px 10px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1.15!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-primary-execute{display:grid!important;gap:2px!important;background:linear-gradient(135deg,#20e38a,#67b8ff)!important;color:#06101f!important;border:0!important;box-shadow:0 15px 35px rgba(36,240,184,.22)!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-primary-execute small{display:block!important;color:rgba(6,16,31,.72)!important;font-size:9px!important;font-weight:900!important;}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-flow-modal.nt-trade-exec-modal,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-flow-modal.nt-trade-result-modal{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
  background:linear-gradient(180deg,rgba(2,6,14,.82),rgba(2,6,14,.95))!important;
  backdrop-filter:blur(18px)!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-flow-modal.show{display:flex!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-flow-box.nt-trade-exec-box,
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-flow-box.nt-trade-result-box{
  width:min(100%,432px)!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - 24px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  border-radius:24px!important;
  padding:14px!important;
  background:
    radial-gradient(circle at 20% 0,rgba(36,240,184,.20),transparent 34%),
    radial-gradient(circle at 100% 15%,rgba(103,184,255,.14),transparent 34%),
    linear-gradient(180deg,rgba(12,22,42,.98),rgba(4,8,18,.99))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.52)!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-modal-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-flow-title{margin:0!important;color:#fff!important;font-size:18px!important;line-height:1.1!important;font-weight:950!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-flow-copy{margin:5px 0 0!important;color:var(--nt34-muted)!important;font-size:11px!important;line-height:1.4!important;display:block!important;overflow:visible!important;max-height:none!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-flow-badge{
  display:inline-grid!important;place-items:center!important;min-height:28px!important;padding:0 9px!important;border-radius:999px!important;background:rgba(36,240,184,.13)!important;border:1px solid rgba(36,240,184,.26)!important;color:#bfffe9!important;font-size:10px!important;font-weight:950!important;white-space:nowrap!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-flow-badge.done{background:rgba(103,184,255,.16)!important;border-color:rgba(103,184,255,.30)!important;color:#d8ecff!important;}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-steps{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0 0 10px!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-step{
  min-width:0!important;
  padding:7px 5px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:var(--nt34-muted)!important;
  text-align:center!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-step span{display:block!important;margin:0 auto 3px!important;width:20px!important;height:20px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.08)!important;color:#b5c5df!important;font-size:8px!important;font-weight:950!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-step strong{display:block!important;color:inherit!important;font-size:9px!important;line-height:1.1!important;font-weight:950!important;white-space:normal!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-step.active{border-color:rgba(36,240,184,.32)!important;background:rgba(36,240,184,.10)!important;color:#dffff5!important;box-shadow:0 10px 28px rgba(36,240,184,.10)!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-step.active span{background:var(--nt34-green)!important;color:#06101f!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-step.done{border-color:rgba(103,184,255,.24)!important;color:#d7ebff!important;background:rgba(103,184,255,.08)!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-step.done span{background:var(--nt34-blue)!important;color:#06101f!important;}

body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-chart-wrap.nt-exec-chart-shell{
  position:relative!important;
  margin:0!important;
  height:auto!important;
  min-height:238px!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,rgba(6,14,28,.24),rgba(2,6,14,.8)),
    radial-gradient(circle at 50% 0,rgba(36,240,184,.15),transparent 46%)!important;
  border:1px solid rgba(132,167,232,.16)!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-chart-canvas{
  display:block!important;
  width:100%!important;
  height:238px!important;
  min-height:238px!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-chart-overlay.nt-exec-chart-overlay{
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:8px!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:8px!important;
  pointer-events:none!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-mini-stat{
  min-width:0!important;
  max-width:49%!important;
  padding:7px 9px!important;
  border-radius:13px!important;
  background:rgba(3,8,18,.76)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#eef5ff!important;
  overflow:visible!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-mini-stat span{display:block!important;color:var(--nt34-muted)!important;font-size:8px!important;font-weight:900!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-mini-stat strong{display:block!important;margin-top:2px!important;color:#fff!important;font-size:11px!important;line-height:1.2!important;font-weight:950!important;white-space:normal!important;overflow:visible!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-chart-status.nt-exec-status-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:10px!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-chart-status .item{
  min-width:0!important;
  padding:9px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.09)!important;
}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-chart-status .item.nt-full-grid-span{grid-column:1 / -1!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-chart-status .label{color:var(--nt34-muted)!important;font-size:8.8px!important;line-height:1.2!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.03em!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-chart-status .value{margin-top:4px!important;color:#fff!important;font-size:12px!important;line-height:1.25!important;font-weight:950!important;white-space:normal!important;overflow:visible!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-result-orb{width:58px!important;height:58px!important;border-radius:22px!important;margin:0 auto 12px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,var(--nt34-green),var(--nt34-blue))!important;color:#06101f!important;font-size:28px!important;font-weight:950!important;box-shadow:0 18px 45px rgba(36,240,184,.24)!important;}
body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-result-amount{margin:14px 0!important;padding:12px!important;border-radius:18px!important;background:rgba(36,240,184,.08)!important;border:1px solid rgba(36,240,184,.20)!important;color:#fff!important;font-size:14px!important;font-weight:950!important;}

@media (max-width:374px){
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .app-shell>.content{padding-left:10px!important;padding-right:10px!important;}
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-command-head{grid-template-columns:40px minmax(0,1fr)!important;}
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-profit-pill{grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-width:0!important;}
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-price-board,
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-limit-strip,
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-tradebuy-market-grid{grid-template-columns:1fr!important;}
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-execution-actions{grid-template-columns:1fr!important;}
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-chart-status.nt-exec-status-grid{grid-template-columns:1fr!important;}
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .nt-exec-modal-head{display:grid!important;grid-template-columns:1fr!important;}
  body.nt-stage34-tradebuy-final.nt-page-tradebuy .trade-flow-badge{justify-self:start!important;}
}

/* Stage 34 final guard: Trade Buy is an action terminal; footer dock must never overlay execution UI. */
body.nt-stage34-tradebuy-final.nt-page-tradebuy .bottom-nav,
body.nt-stage34-tradebuy-final[data-page="tradebuy"] .bottom-nav,
body.nt-stage34-tradebuy-final[data-route="tradebuyZ"] .bottom-nav{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* ============================================
   STAGE 35 — TRADE LIST + AUTH INPUT FINAL FIX
   Scope: tradeZ, login/register input contrast, tradebuy polish.
   ============================================ */
body.nt-stage35-trade-auth-final{--nt35-bg:#050914;--nt35-card:rgba(10,18,34,.94);--nt35-card2:rgba(13,24,45,.96);--nt35-line:rgba(132,167,232,.15);--nt35-green:#24f0b8;--nt35-blue:#67b8ff;--nt35-text:#f5f9ff;--nt35-muted:#9eb2cf;--nt35-amber:#ffba4a;}
body.nt-stage35-trade-auth-final.nt-page-trade .app-shell>.content,
body.nt-stage35-trade-auth-final.nt-page-trade main.content{padding:8px 12px calc(82px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-terminal{display:grid!important;gap:10px!important;width:100%!important;max-width:440px!important;margin:0 auto!important;padding:0!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:13px!important;border-radius:22px!important;background:radial-gradient(circle at 0 0,rgba(36,240,184,.16),transparent 38%),radial-gradient(circle at 100% 0,rgba(103,184,255,.14),transparent 36%),linear-gradient(180deg,rgba(14,26,47,.95),rgba(5,10,21,.96))!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 14px 40px rgba(0,0,0,.24)!important;overflow:hidden!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-hero-copy{min-width:0!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-eyebrow{display:block!important;margin:0 0 3px!important;color:var(--nt35-green)!important;font-size:9px!important;font-weight:950!important;letter-spacing:.1em!important;text-transform:uppercase!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-hero h1{margin:0!important;color:var(--nt35-text)!important;font-size:20px!important;line-height:1.04!important;font-weight:950!important;letter-spacing:-.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-hero p{display:block!important;margin:5px 0 0!important;color:var(--nt35-muted)!important;font-size:11px!important;line-height:1.32!important;max-height:none!important;overflow:visible!important;white-space:normal!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-session{min-width:82px!important;padding:8px!important;border-radius:16px!important;text-align:center!important;background:linear-gradient(135deg,rgba(36,240,184,.13),rgba(103,184,255,.10))!important;border:1px solid rgba(36,240,184,.22)!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-session span,
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-session em{display:block!important;color:var(--nt35-muted)!important;font-size:8px!important;line-height:1.1!important;font-weight:900!important;text-transform:uppercase!important;font-style:normal!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-session strong{display:block!important;margin:3px 0!important;color:#eafff7!important;font-size:10px!important;line-height:1.05!important;font-weight:950!important;white-space:nowrap!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-stats>div{min-width:0!important;padding:8px 7px!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.065)!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-stats span{display:block!important;color:#8398b7!important;font-size:8px!important;line-height:1!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-stats strong{display:block!important;margin-top:4px!important;color:#f4f8ff!important;font-size:11px!important;line-height:1.05!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-list{display:grid!important;gap:8px!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-card{display:block!important;text-decoration:none!important;color:inherit!important;min-width:0!important;padding:10px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(15,26,48,.92),rgba(6,11,22,.96))!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important;overflow:hidden!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-card-main{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;min-width:0!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-logo{width:42px!important;height:42px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(36,240,184,.16),rgba(103,184,255,.10))!important;border:1px solid rgba(255,255,255,.10)!important;overflow:hidden!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-logo img{width:31px!important;height:31px!important;object-fit:contain!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-copy{min-width:0!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-copy strong{display:block!important;color:#f6faff!important;font-size:14px!important;line-height:1.08!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-copy span{display:block!important;margin-top:4px!important;color:#8da2c0!important;font-size:10px!important;line-height:1.1!important;font-weight:750!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-profit{min-width:58px!important;padding:6px 7px!important;border-radius:14px!important;text-align:center!important;background:rgba(255,186,74,.10)!important;border:1px solid rgba(255,186,74,.18)!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-profit span{display:block!important;color:#ffd687!important;font-size:7.5px!important;line-height:1!important;font-weight:950!important;text-transform:uppercase!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-profit strong{display:block!important;margin-top:3px!important;color:#fff1c8!important;font-size:9.5px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-range{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;gap:6px!important;align-items:stretch!important;margin-top:9px!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-range>div{min-width:0!important;padding:7px!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.065)!important;overflow:hidden!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-range>div>span{display:block!important;color:#8196b5!important;font-size:7.5px!important;line-height:1!important;font-weight:950!important;text-transform:uppercase!important;margin-bottom:4px!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-range em{display:grid!important;place-items:center!important;min-width:56px!important;padding:0 9px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--nt35-green),#67b8ff)!important;color:#02100c!important;font-size:10px!important;font-style:normal!important;font-weight:950!important;box-shadow:0 10px 22px rgba(36,240,184,.17)!important;white-space:nowrap!important;}
body.nt-stage35-trade-auth-final :is(.nt-money-dual--compact,.nt-money-dual--micro){display:grid!important;gap:1px!important;min-width:0!important;max-width:100%!important;overflow:visible!important;}
body.nt-stage35-trade-auth-final :is(.nt-money-dual--compact,.nt-money-dual--micro) strong{display:block!important;color:#f6faff!important;font-size:10.6px!important;line-height:1.08!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage35-trade-auth-final :is(.nt-money-dual--compact,.nt-money-dual--micro) em{display:block!important;color:var(--nt35-green)!important;font-size:8.3px!important;line-height:1.05!important;font-style:normal!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt-empty-premium{padding:16px!important;border-radius:20px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.075)!important;color:#f4f8ff!important;text-align:center!important;}
body.nt-stage35-trade-auth-final.nt-page-trade .nt-empty-premium span{display:block!important;margin-top:5px!important;color:var(--nt35-muted)!important;font-size:11px!important;}
@media(max-width:370px){
  body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-hero{grid-template-columns:1fr!important;}
  body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-session{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;width:100%!important;text-align:left!important;}
  body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-range{grid-template-columns:1fr 1fr!important;}
  body.nt-stage35-trade-auth-final.nt-page-trade .nt35-market-range em{grid-column:1 / -1!important;height:34px!important;}
}
/* Final auth input contrast also exists inline; this covers shared/late-rendered auth inputs. */
body.nt-stage35-trade-auth-final.nt-auth :is(input,textarea,select){color:#fff!important;-webkit-text-fill-color:#fff!important;caret-color:#24f0b8!important;}
body.nt-stage35-trade-auth-final.nt-auth :is(.input-phone input,.input-password input,.captcha-field input,#username,#password,#reff_id,#nama,#email,#no_hp,#password1,#password2,#captha){background:rgba(5,12,24,.96)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;font-weight:800!important;}
body.nt-stage35-trade-auth-final.nt-auth ::placeholder{color:rgba(205,222,245,.48)!important;-webkit-text-fill-color:rgba(205,222,245,.48)!important;}
/* Trade buy polish: keep command/chart readable after Stage 34 redesign. */
body.nt-stage35-trade-auth-final.nt-page-tradebuy .nt-tradebuy-command-card{padding:12px!important;border-radius:20px!important;}
body.nt-stage35-trade-auth-final.nt-page-tradebuy .nt-tradebuy-command-copy h1{white-space:normal!important;overflow:visible!important;font-size:16px!important;line-height:1.16!important;}
body.nt-stage35-trade-auth-final.nt-page-tradebuy .nt-tradebuy-command-copy p{font-size:10.5px!important;line-height:1.32!important;}
body.nt-stage35-trade-auth-final.nt-page-tradebuy .nt-tradebuy-chart-shell{min-height:150px!important;border-radius:16px!important;}
body.nt-stage35-trade-auth-final.nt-page-tradebuy .nt-tradebuy-chart-shell canvas,
body.nt-stage35-trade-auth-final.nt-page-tradebuy .trade-mini-chart-canvas{height:150px!important;min-height:150px!important;}
body.nt-stage35-trade-auth-final.nt-page-tradebuy .nt-chart-chip{padding:6px 7px!important;border-radius:12px!important;}
body.nt-stage35-trade-auth-final.nt-page-tradebuy .nt-chart-chip strong{font-size:10px!important;line-height:1.15!important;}
body.nt-stage35-trade-auth-final.nt-page-tradebuy .nt-execution-head{gap:7px!important;align-items:center!important;}
body.nt-stage35-trade-auth-final.nt-page-tradebuy .nt-execution-head strong{font-size:11.5px!important;line-height:1.25!important;}


/* ============================================
   STAGE 39 — HEADER EDGE + TRADE PREMIUM FALLBACK
   Main visible fix is late footer critical CSS; this keeps same intent in app.css when footer CSS is not injected.
   ============================================ */
body.nt-stage39-edge-trade-final:not(.nt-auth) .topbar-inner{padding-left:max(4px,env(safe-area-inset-left,0px))!important;padding-right:max(4px,env(safe-area-inset-right,0px))!important;gap:6px!important;}
body.nt-stage39-edge-trade-final:not(.nt-auth) .topbar .spacer{display:none!important;}
body.nt-stage39-edge-trade-final:not(.nt-auth) .topbar .nt-stage15-status,body.nt-stage39-edge-trade-final:not(.nt-auth) .topbar .nt-stage16-status,body.nt-stage39-edge-trade-final:not(.nt-auth) .topbar .nt-stage17-status,body.nt-stage39-edge-trade-final:not(.nt-auth) .topbar .nt-stage18-status{display:none!important;}
body.nt-stage39-edge-trade-final.nt-page-trade .nt35-market-terminal,body.nt-stage39-edge-trade-final.nt-page-tradebuy .nt-tradebuy-redesign.nt-tradebuy-pro{max-width:none!important;width:100%!important;}

/* ============================================
   STAGE 40 — AUDIT ULANG HEADER EDGE + TRADE/TRADEBUY HARD OVERRIDE
   Tujuan: perubahan terlihat langsung, header benar-benar rapat kiri/kanan,
   trade/tradebuy tidak lagi kalah oleh CSS tahap lama.
   ============================================ */
body.nt-stage40-live-audit-final:not(.nt-auth){
  --nt40-app-max:480px;
  --nt40-header-h:58px;
  --nt40-safe-top:env(safe-area-inset-top,0px);
  --nt40-safe-bottom:env(safe-area-inset-bottom,0px);
  --nt40-edge:0px;
  --nt40-page-pad:8px;
  --nt40-green:#24f0b8;
  --nt40-blue:#67b8ff;
  --nt40-yellow:#ffc85c;
  --nt40-bg:#020713;
  --nt40-card:#09172d;
  --nt40-card2:#050d1c;
  --nt40-border:rgba(137,216,255,.16);
  --nt40-muted:#9fb6d8;
}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar{
  left:0!important;
  right:0!important;
  top:0!important;
  transform:none!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  margin:0!important;
  border-radius:0!important;
  padding:var(--nt40-safe-top) 0 0!important;
  min-height:calc(var(--nt40-header-h) + var(--nt40-safe-top))!important;
  height:calc(var(--nt40-header-h) + var(--nt40-safe-top))!important;
  background:linear-gradient(180deg,rgba(1,7,16,.995),rgba(3,12,25,.972))!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(36,240,184,.15)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.48),inset 0 -1px 0 rgba(103,184,255,.09)!important;
}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar-inner{
  width:100vw!important;
  max-width:100vw!important;
  height:var(--nt40-header-h)!important;
  min-height:var(--nt40-header-h)!important;
  max-height:var(--nt40-header-h)!important;
  margin:0!important;
  padding:6px var(--nt40-edge)!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  overflow:hidden!important;
}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .icon-btn{
  width:42px!important;
  min-width:42px!important;
  flex:0 0 42px!important;
  height:42px!important;
  min-height:42px!important;
  border-radius:0 16px 16px 0!important;
  margin:0!important;
  background:linear-gradient(135deg,rgba(36,240,184,.15),rgba(103,184,255,.10))!important;
  border:1px solid rgba(137,216,255,.14)!important;
  border-left:0!important;
}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .brand{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:0 2px!important;
  gap:7px!important;
}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .brand [class*="brand-orb"],
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .brand img{
  width:35px!important;
  min-width:35px!important;
  height:35px!important;
  border-radius:13px!important;
}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .brand-title{font-size:13px!important;letter-spacing:-.02em!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .brand-sub{font-size:9px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#92a8ca!important;}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .spacer,
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .section-badge,
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar :is(.nt-stage15-status,.nt-stage16-status,.nt-stage17-status,.nt-stage18-status){display:none!important;}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .nt-lang-switcher{
  width:66px!important;
  min-width:66px!important;
  max-width:66px!important;
  height:32px!important;
  min-height:32px!important;
  flex:0 0 66px!important;
  margin:0!important;
  border-radius:16px 0 0 16px!important;
  border-right:0!important;
  padding:2px!important;
}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .nt-lang-switcher button{height:28px!important;min-height:28px!important;width:30px!important;min-width:30px!important;font-size:9.5px!important;padding:0!important;}

/* Force trade pages to use full mobile canvas, not the old centered/narrow shell. */
body.nt-stage40-live-audit-final.nt-page-trade .app-shell,
body.nt-stage40-live-audit-final.nt-page-tradebuy .app-shell,
body.nt-stage40-live-audit-final[data-route="tradeZ"] .app-shell,
body.nt-stage40-live-audit-final[data-route="tradebuyZ"] .app-shell{
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin:0!important;
  background:radial-gradient(circle at 0 -10%,rgba(36,240,184,.16),transparent 32%),radial-gradient(circle at 100% -10%,rgba(103,184,255,.16),transparent 34%),linear-gradient(180deg,#020713,#061426 48%,#020712)!important;
}
body.nt-stage40-live-audit-final.nt-page-trade .app-shell>.content,
body.nt-stage40-live-audit-final.nt-page-tradebuy .app-shell>.content,
body.nt-stage40-live-audit-final[data-route="tradeZ"] .app-shell>.content,
body.nt-stage40-live-audit-final[data-route="tradebuyZ"] .app-shell>.content{
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-top:calc(var(--nt40-header-h) + var(--nt40-safe-top) + 8px)!important;
  overflow-x:hidden!important;
}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-terminal{
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:0 var(--nt40-page-pad)!important;
  display:grid!important;
  gap:12px!important;
}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-hero{
  margin:0!important;
  border-radius:0 0 28px 28px!important;
  min-height:136px!important;
  padding:20px 16px 18px!important;
  background:radial-gradient(circle at 0 0,rgba(36,240,184,.34),transparent 36%),radial-gradient(circle at 100% 0,rgba(103,184,255,.29),transparent 40%),linear-gradient(145deg,rgba(13,29,55,.99),rgba(4,10,22,.995))!important;
  border:0!important;
  border-bottom:1px solid rgba(137,216,255,.18)!important;
  box-shadow:0 18px 58px rgba(0,0,0,.38)!important;
}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-stats{padding:0!important;margin:0!important;gap:8px!important;}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-stats>div{
  min-height:58px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(17,34,64,.94),rgba(5,13,27,.99))!important;
  border:1px solid var(--nt40-border)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-list{gap:10px!important;padding-bottom:10px!important;}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-card{
  min-height:126px!important;
  border-radius:26px!important;
  padding:14px!important;
  background:radial-gradient(circle at 0 0,rgba(36,240,184,.18),transparent 38%),radial-gradient(circle at 100% 15%,rgba(103,184,255,.16),transparent 42%),linear-gradient(145deg,rgba(14,30,57,.99),rgba(4,10,22,.995))!important;
  border:1px solid rgba(137,216,255,.17)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-card-main{grid-template-columns:54px minmax(0,1fr) 74px!important;gap:11px!important;}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-logo{width:54px!important;height:54px!important;border-radius:20px!important;}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-logo img{width:39px!important;height:39px!important;}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-copy strong{font-size:16px!important;}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-copy span{font-size:11.2px!important;}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-profit{min-width:74px!important;border-radius:18px!important;}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-range{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 70px!important;gap:8px!important;}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-range>div{min-height:48px!important;border-radius:18px!important;}
body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-range em{min-width:70px!important;border-radius:18px!important;}

body.nt-stage40-live-audit-final.nt-page-tradebuy .bottom-nav,
body.nt-stage40-live-audit-final[data-route="tradebuyZ"] .bottom-nav{display:none!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-redesign.nt-tradebuy-pro{
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:0 var(--nt40-page-pad) calc(22px + var(--nt40-safe-bottom))!important;
  display:grid!important;
  gap:12px!important;
}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-command-card,
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-chart-terminal,
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-execution-card{
  border-radius:28px!important;
  padding:16px!important;
  background:radial-gradient(circle at 0 0,rgba(36,240,184,.20),transparent 38%),radial-gradient(circle at 100% 0,rgba(103,184,255,.18),transparent 40%),linear-gradient(145deg,rgba(13,29,55,.995),rgba(3,9,21,.998))!important;
  border:1px solid rgba(137,216,255,.17)!important;
  box-shadow:0 20px 58px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-command-card{border-radius:0 0 28px 28px!important;margin:0 calc(var(--nt40-page-pad) * -1)!important;padding-left:16px!important;padding-right:16px!important;border-left:0!important;border-right:0!important;border-top:0!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-command-head{grid-template-columns:56px minmax(0,1fr) 80px!important;gap:11px!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-asset-badge{width:56px!important;height:56px!important;border-radius:21px!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-command-copy h1{font-size:clamp(20px,6vw,28px)!important;line-height:1!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-command-copy p{font-size:11.8px!important;line-height:1.35!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-price-board{grid-template-columns:1fr 1fr!important;gap:9px!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-price-tile{min-height:86px!important;border-radius:20px!important;background:rgba(255,255,255,.052)!important;border:1px solid rgba(255,255,255,.10)!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-chart-shell{height:min(46dvh,310px)!important;min-height:258px!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(4,12,27,.99),rgba(1,5,13,.995))!important;border:1px solid rgba(137,216,255,.16)!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-chart-shell canvas,
body.nt-stage40-live-audit-final.nt-page-tradebuy .trade-mini-chart-canvas{height:100%!important;min-height:258px!important;width:100%!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy #nominal{height:58px!important;min-height:58px!important;border-radius:20px!important;background:#031025!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:18px!important;font-weight:950!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-execution-actions{grid-template-columns:minmax(0,1fr) 100px!important;gap:9px!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-execution-actions .btn{min-height:56px!important;border-radius:20px!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .trade-flow-modal.nt-trade-exec-modal.show,
body.nt-stage40-live-audit-final.nt-page-tradebuy .trade-flow-modal.nt-trade-result-modal.show{display:flex!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .trade-flow-box.nt-trade-exec-box,
body.nt-stage40-live-audit-final.nt-page-tradebuy .trade-flow-box.nt-trade-result-box{width:calc(100vw - 12px)!important;max-width:468px!important;border-radius:28px!important;}
body.nt-stage40-live-audit-final.nt-page-tradebuy .trade-chart-wrap.nt-exec-chart-shell{min-height:260px!important;height:min(48dvh,350px)!important;border-radius:22px!important;}
@media(max-width:370px){
  body.nt-stage40-live-audit-final:not(.nt-auth){--nt40-header-h:56px;--nt40-page-pad:7px;}
  body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .icon-btn{width:39px!important;min-width:39px!important;flex-basis:39px!important;height:39px!important;}
  body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .brand [class*="brand-orb"],body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .brand img{width:32px!important;min-width:32px!important;height:32px!important;}
  body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .brand-sub{display:none!important;}
  body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .nt-lang-switcher{width:61px!important;min-width:61px!important;flex-basis:61px!important;}
  body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-card-main{grid-template-columns:50px minmax(0,1fr)!important;}
  body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-profit{grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
  body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-range{grid-template-columns:1fr 1fr!important;}
  body.nt-stage40-live-audit-final.nt-page-trade .nt35-market-range em{grid-column:1 / -1!important;height:40px!important;}
  body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-command-head{grid-template-columns:52px minmax(0,1fr)!important;}
  body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-profit-pill{grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
  body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-price-board{grid-template-columns:1fr!important;}
  body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-limit-strip,body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-tradebuy-market-grid{grid-template-columns:1fr 1fr!important;}
  body.nt-stage40-live-audit-final.nt-page-tradebuy .nt-execution-actions{grid-template-columns:1fr!important;}
}


/* ============================================
   STAGE 41 — LIVE PRODUCT DATA + DIRECT ROUTE HARD FIX
   Fixes direct lowercase tradez.php/tradebuyz.php and makes product cards visibly different.
   ============================================ */
body.nt-stage40-live-audit-final:not(.nt-auth),
body.nt-stage41-live-product-audit:not(.nt-auth){
  --nt41-edge:0px;
  --nt41-pad:8px;
}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar,
body.nt-stage41-live-product-audit:not(.nt-auth) .topbar{
  left:0!important;right:0!important;transform:none!important;width:100vw!important;max-width:none!important;min-width:100vw!important;margin:0!important;border-radius:0!important;padding-left:0!important;padding-right:0!important;
}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar-inner,
body.nt-stage41-live-product-audit:not(.nt-auth) .topbar-inner{
  width:100vw!important;max-width:none!important;margin:0!important;padding-left:0!important;padding-right:0!important;gap:0!important;
}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .brand,
body.nt-stage41-live-product-audit:not(.nt-auth) .topbar .brand{padding-left:7px!important;padding-right:7px!important;}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .icon-btn,
body.nt-stage41-live-product-audit:not(.nt-auth) .topbar .icon-btn{border-radius:0 18px 18px 0!important;}
body.nt-stage40-live-audit-final:not(.nt-auth) .topbar .nt-lang-switcher,
body.nt-stage41-live-product-audit:not(.nt-auth) .topbar .nt-lang-switcher{border-radius:18px 0 0 18px!important;margin-left:auto!important;}

body:is(.nt-page-trade,.nt-page-tradez)[data-page="trade"],
body:is(.nt-page-tradebuy,.nt-page-tradebuyz)[data-page="tradebuy"],
body[data-route="tradez"],body[data-route="tradeZ"],body[data-route="tradebuyz"],body[data-route="tradebuyZ"]{
  background:#020713!important;
}
body:is(.nt-page-trade,.nt-page-tradez) .app-shell,
body:is(.nt-page-tradebuy,.nt-page-tradebuyz) .app-shell,
body[data-route="tradez"] .app-shell,body[data-route="tradeZ"] .app-shell,
body[data-route="tradebuyz"] .app-shell,body[data-route="tradebuyZ"] .app-shell{
  width:100vw!important;max-width:100vw!important;margin:0!important;background:radial-gradient(circle at 10% -6%,rgba(36,240,184,.22),transparent 36%),radial-gradient(circle at 95% 0,rgba(96,175,255,.22),transparent 37%),linear-gradient(180deg,#020713 0%,#07172d 52%,#020712 100%)!important;
}
body:is(.nt-page-trade,.nt-page-tradez) .app-shell>.content,
body:is(.nt-page-tradebuy,.nt-page-tradebuyz) .app-shell>.content,
body[data-route="tradez"] .app-shell>.content,body[data-route="tradeZ"] .app-shell>.content,
body[data-route="tradebuyz"] .app-shell>.content,body[data-route="tradebuyZ"] .app-shell>.content{
  width:100vw!important;max-width:100vw!important;margin:0!important;padding-left:0!important;padding-right:0!important;overflow-x:hidden!important;
}
body:is(.nt-page-trade,.nt-page-tradez) .nt35-market-terminal,
body[data-route="tradez"] .nt35-market-terminal,body[data-route="tradeZ"] .nt35-market-terminal{
  padding:0 8px 18px!important;width:100vw!important;max-width:100vw!important;margin:0!important;gap:12px!important;
}
body:is(.nt-page-trade,.nt-page-tradez) .nt35-market-hero,
body[data-route="tradez"] .nt35-market-hero,body[data-route="tradeZ"] .nt35-market-hero{
  border-radius:0 0 30px 30px!important;margin:0 -8px!important;padding:22px 16px 18px!important;background:radial-gradient(circle at 0 0,rgba(36,240,184,.40),transparent 35%),radial-gradient(circle at 100% 5%,rgba(99,185,255,.32),transparent 41%),linear-gradient(135deg,#102747,#061123 72%,#020713)!important;border:0!important;border-bottom:1px solid rgba(36,240,184,.22)!important;box-shadow:0 22px 62px rgba(0,0,0,.46)!important;
}
body:is(.nt-page-trade,.nt-page-tradez) .nt35-market-card,
body[data-route="tradez"] .nt35-market-card,body[data-route="tradeZ"] .nt35-market-card{
  background:linear-gradient(145deg,rgba(13,31,59,.99),rgba(4,10,22,.99))!important;border:1px solid rgba(104,213,255,.20)!important;border-radius:28px!important;box-shadow:0 20px 56px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.09)!important;position:relative!important;overflow:hidden!important;
}
body:is(.nt-page-trade,.nt-page-tradez) .nt35-market-card:before,
body[data-route="tradez"] .nt35-market-card:before,body[data-route="tradeZ"] .nt35-market-card:before{
  content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(36,240,184,.22),transparent 38%),radial-gradient(circle at 100% 0,rgba(96,175,255,.18),transparent 38%);pointer-events:none;
}
body:is(.nt-page-trade,.nt-page-tradez) .nt35-market-card>*,
body[data-route="tradez"] .nt35-market-card>*,body[data-route="tradeZ"] .nt35-market-card>*{position:relative;z-index:1;}
body:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-redesign.nt-tradebuy-pro,
body[data-route="tradebuyz"] .nt-tradebuy-redesign.nt-tradebuy-pro,body[data-route="tradebuyZ"] .nt-tradebuy-redesign.nt-tradebuy-pro{
  width:100vw!important;max-width:100vw!important;margin:0!important;padding:0 8px calc(28px + env(safe-area-inset-bottom,0px))!important;gap:12px!important;
}
body:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-command-card,
body[data-route="tradebuyz"] .nt-tradebuy-command-card,body[data-route="tradebuyZ"] .nt-tradebuy-command-card{
  margin:0 -8px!important;border-radius:0 0 32px 32px!important;border-left:0!important;border-right:0!important;border-top:0!important;background:radial-gradient(circle at 0 0,rgba(36,240,184,.32),transparent 35%),radial-gradient(circle at 100% 0,rgba(96,175,255,.26),transparent 40%),linear-gradient(140deg,#102849,#061123 70%,#020713)!important;box-shadow:0 24px 70px rgba(0,0,0,.46)!important;
}
body:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-chart-shell,
body[data-route="tradebuyz"] .nt-tradebuy-chart-shell,body[data-route="tradebuyZ"] .nt-tradebuy-chart-shell{
  min-height:300px!important;height:min(50dvh,360px)!important;background:#020817!important;border-color:rgba(36,240,184,.20)!important;
}
body:is(.nt-page-tradebuy,.nt-page-tradebuyz) #nominal,
body[data-route="tradebuyz"] #nominal,body[data-route="tradebuyZ"] #nominal{
  background:#020a18!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid rgba(36,240,184,.25)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.25)!important;
}

/* ============================================
   STAGE 41B — LIVE PREVIEW OVERLAP FIX
   Result from mobile screenshot audit: old CSS still made trade cards/terminal text overlap.
   This block defines explicit layout for every trade/tradebuy component.
   ============================================ */
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-stats,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-stats,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-stats>div,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-stats>div,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-stats>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  padding:12px 10px!important;
  overflow:hidden!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-stats span,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-stats span,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-stats span{
  display:block!important;font-size:10px!important;line-height:1.15!important;color:#9fb6d8!important;white-space:nowrap!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-stats strong,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-stats strong,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-stats strong{
  display:block!important;font-size:14px!important;line-height:1.05!important;color:#fff!important;white-space:nowrap!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-list,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-list,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin:0!important;
  padding:0 0 20px!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-card,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-card,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-card{
  display:grid!important;
  gap:13px!important;
  min-height:0!important;
  height:auto!important;
  padding:14px!important;
  color:#f8fbff!important;
  text-decoration:none!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-card-main,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-card-main,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-card-main{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr) 78px!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-logo,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-logo,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-logo{
  display:grid!important;place-items:center!important;width:56px!important;height:56px!important;min-width:56px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(36,240,184,.18),rgba(103,184,255,.12))!important;border:1px solid rgba(137,216,255,.18)!important;overflow:hidden!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-logo img,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-logo img,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-logo img{
  width:38px!important;height:38px!important;object-fit:contain!important;display:block!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-copy,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-copy,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-copy{
  display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;overflow:hidden!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-copy strong,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-copy strong,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-copy strong{
  display:block!important;font-size:17px!important;line-height:1.08!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-copy span,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-copy span,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-copy span{
  display:block!important;font-size:11px!important;line-height:1.25!important;color:#a8bad7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-profit,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-profit,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-profit{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:78px!important;min-height:50px!important;padding:8px!important;border-radius:18px!important;background:rgba(36,240,184,.10)!important;border:1px solid rgba(36,240,184,.18)!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-profit span,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-profit span,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-profit span{font-size:10px!important;line-height:1!important;color:#9fead6!important;}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-profit strong,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-profit strong,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-profit strong{font-size:15px!important;line-height:1!important;color:#fff!important;white-space:nowrap!important;}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-range,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-range,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-range{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 72px!important;gap:9px!important;align-items:stretch!important;width:100%!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-range>div,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-range>div,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-range>div{
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:58px!important;padding:10px!important;border-radius:18px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-range>div>span:first-child,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-range>div>span:first-child,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-range>div>span:first-child{font-size:10px!important;color:#9fb6d8!important;line-height:1!important;}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-range .nt-money-dual,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-range .nt-money-dual,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-range .nt-money-dual{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;line-height:1!important;min-width:0!important;
}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-range .nt-money-dual strong,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-range .nt-money-dual strong,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-range .nt-money-dual strong{font-size:14px!important;line-height:1.05!important;color:#fff!important;white-space:nowrap!important;}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-range .nt-money-dual em,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-range .nt-money-dual em,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-range .nt-money-dual em{font-size:8.5px!important;line-height:1.1!important;color:#7be6c7!important;font-style:normal!important;white-space:nowrap!important;}
body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-range em,
body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-range em,
body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-range em{
  display:grid!important;place-items:center!important;min-height:58px!important;border-radius:18px!important;background:linear-gradient(135deg,#24f0b8,#67b8ff)!important;color:#021016!important;font-size:12px!important;font-weight:900!important;font-style:normal!important;
}
@media(max-width:360px){
  body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-card-main,
  body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-card-main,
  body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-card-main{grid-template-columns:50px minmax(0,1fr)!important;}
  body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-profit,
  body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-profit,
  body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-profit{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;}
  body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-range,
  body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-range,
  body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-range{grid-template-columns:1fr 1fr!important;}
  body.nt-stage41-live-product-audit:is(.nt-page-trade,.nt-page-tradez) .nt35-market-range em,
  body.nt-stage41-live-product-audit[data-route="tradeZ"] .nt35-market-range em,
  body.nt-stage41-live-product-audit[data-route="tradez"] .nt35-market-range em{grid-column:1/-1!important;}
}

body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-command-card,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-command-card,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-command-card,
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-chart-terminal,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-chart-terminal,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-chart-terminal,
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-execution-card,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-execution-card,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-execution-card{display:grid!important;gap:14px!important;color:#f8fbff!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-command-head,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-command-head,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-command-head{display:grid!important;grid-template-columns:58px minmax(0,1fr) 84px!important;gap:12px!important;align-items:center!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-asset-badge,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-asset-badge,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-asset-badge{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:21px!important;background:rgba(36,240,184,.12)!important;border:1px solid rgba(36,240,184,.2)!important;overflow:hidden!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-asset-badge img,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-asset-badge img,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-asset-badge img{display:block!important;width:40px!important;height:40px!important;object-fit:contain!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-command-copy,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-command-copy,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-command-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-pro-eyebrow,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-pro-eyebrow,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-pro-eyebrow{display:block!important;font-size:10px!important;line-height:1!important;color:#8ee8cf!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-command-copy h1,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-command-copy h1,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-command-copy h1{display:block!important;margin:0!important;font-size:23px!important;line-height:1.05!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-command-copy p,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-command-copy p,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-command-copy p{display:block!important;margin:0!important;font-size:11.5px!important;line-height:1.3!important;color:#adc0df!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-profit-pill,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-profit-pill,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-profit-pill{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-height:54px!important;border-radius:18px!important;background:rgba(36,240,184,.10)!important;border:1px solid rgba(36,240,184,.18)!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-profit-pill span,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-profit-pill span,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-profit-pill span{font-size:10px!important;color:#9fead6!important;line-height:1!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-profit-pill strong,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-profit-pill strong,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-profit-pill strong{font-size:14px!important;color:#fff!important;line-height:1!important;white-space:nowrap!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-price-board,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-price-board,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-price-board{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-price-tile,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-price-tile,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-price-tile{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:6px!important;min-height:94px!important;padding:12px!important;overflow:hidden!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-price-tile span,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-price-tile span,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-price-tile span{font-size:10px!important;line-height:1!important;color:#9fb6d8!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-price-tile strong,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-price-tile strong,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-price-tile strong{font-size:17px!important;line-height:1.1!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-price-tile small,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-price-tile small,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-price-tile small{font-size:9px!important;line-height:1.25!important;color:#91a6c5!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-limit-strip,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-limit-strip,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-limit-strip,
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-market-grid,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-market-grid,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-market-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-limit-strip>div,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-limit-strip>div,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-limit-strip>div,
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-market-grid>div,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-market-grid>div,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-market-grid>div{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;min-height:58px!important;padding:10px!important;border-radius:18px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-limit-strip span,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-limit-strip span,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-limit-strip span,
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-market-grid span,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-market-grid span,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-market-grid span{font-size:10px!important;line-height:1!important;color:#9fb6d8!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-limit-strip strong,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-limit-strip strong,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-limit-strip strong,
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-market-grid strong,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-market-grid strong,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-market-grid strong{font-size:13px!important;line-height:1.15!important;color:#fff!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-terminal-head,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-terminal-head,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-terminal-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-terminal-head>div:first-child,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-terminal-head>div:first-child,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-terminal-head>div:first-child{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-terminal-head strong,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-terminal-head strong,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-terminal-head strong{font-size:16px!important;line-height:1.1!important;color:#fff!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-terminal-badges,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-terminal-badges,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-terminal-badges{display:flex!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-terminal-badges em,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-terminal-badges em,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-terminal-badges em{display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 9px!important;border-radius:999px!important;font-size:10px!important;line-height:1!important;font-style:normal!important;background:rgba(36,240,184,.10)!important;border:1px solid rgba(36,240,184,.16)!important;color:#a7f4df!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-chart-shell,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-chart-shell,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-chart-shell{position:relative!important;overflow:hidden!important;padding:0!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-chart-glass-overlay,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-chart-glass-overlay,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-chart-glass-overlay{position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;z-index:2!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-chart-chip,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-chart-chip,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-chart-chip{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:10px!important;border-radius:16px!important;background:rgba(2,10,24,.74)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(12px)!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-execution-head,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-execution-head,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-execution-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-execution-head>div:first-child,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-execution-head>div:first-child,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-execution-head>div:first-child{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-execution-head strong,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-execution-head strong,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-execution-head strong{font-size:13px!important;line-height:1.25!important;color:#fff!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-execution-mode,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-execution-mode,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-execution-mode{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;min-width:58px!important;padding:0 12px!important;border-radius:999px!important;background:#24f0b8!important;color:#031018!important;font-weight:900!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-amount-control,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-amount-control,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-amount-control{display:grid!important;gap:8px!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-amount-control>span,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-amount-control>span,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-amount-control>span{font-size:12px!important;color:#d7e6ff!important;line-height:1!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-amount-helper,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-amount-helper,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-amount-helper{font-size:11px!important;line-height:1.45!important;color:#9fb6d8!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-execution-actions,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-execution-actions,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-execution-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:10px!important;align-items:stretch!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-primary-execute,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-primary-execute,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-primary-execute{display:flex!important;flex-direction:column!important;gap:3px!important;min-height:58px!important;border-radius:22px!important;background:linear-gradient(135deg,#24f0b8,#1ed38f)!important;color:#021016!important;border:0!important;box-shadow:0 16px 34px rgba(36,240,184,.22)!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-primary-execute span,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-primary-execute span,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-primary-execute span{font-size:13px!important;font-weight:950!important;line-height:1!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-primary-execute small,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-primary-execute small,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-primary-execute small{font-size:9px!important;font-weight:800!important;line-height:1!important;}
body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-balance-execute,
body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-balance-execute,
body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-balance-execute{min-height:58px!important;border-radius:22px!important;font-size:11px!important;font-weight:900!important;}
@media(max-width:370px){
  body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-command-head,
  body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-command-head,
  body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-command-head{grid-template-columns:54px minmax(0,1fr)!important;}
  body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-profit-pill,
  body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-profit-pill,
  body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-profit-pill{grid-column:1/-1!important;flex-direction:row!important;justify-content:space-between!important;padding:0 12px!important;}
  body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-price-board,
  body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-price-board,
  body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-price-board{grid-template-columns:1fr!important;}
  body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-limit-strip,
  body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-limit-strip,
  body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-limit-strip,
  body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-tradebuy-market-grid,
  body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-tradebuy-market-grid,
  body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-tradebuy-market-grid{grid-template-columns:1fr 1fr!important;}
  body.nt-stage41-live-product-audit:is(.nt-page-tradebuy,.nt-page-tradebuyz) .nt-execution-actions,
  body.nt-stage41-live-product-audit[data-route="tradebuyZ"] .nt-execution-actions,
  body.nt-stage41-live-product-audit[data-route="tradebuyz"] .nt-execution-actions{grid-template-columns:1fr!important;}
}

/* ============================================
   STAGE 42 — PROFILE AVATAR 4 PILIHAN
   ============================================ */
.nt-user-avatar-wrap{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  background:linear-gradient(145deg,rgba(36,240,184,.18),rgba(103,184,255,.12),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.nt-user-avatar-wrap:after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 34%,rgba(36,240,184,.10));
  pointer-events:none;
}
.nt-user-avatar-img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
.profile-avatar.nt-user-avatar-wrap{
  width:72px!important;
  height:72px!important;
  flex:0 0 72px!important;
  border-radius:24px!important;
}
.nt-side-avatar-wrap{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:18px!important;
}
.profile-badge-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.nt-avatar-open-btn{
  margin-top:8px!important;
  min-height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  border:1px solid rgba(36,240,184,.28)!important;
  background:rgba(36,240,184,.10)!important;
  color:#cffff2!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  cursor:pointer!important;
}
.nt-avatar-settings{
  margin-top:16px!important;
  padding:18px!important;
  border-radius:26px!important;
  background:linear-gradient(160deg,rgba(13,26,49,.92),rgba(5,11,24,.96))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.nt-avatar-settings-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 66px!important;
  gap:14px!important;
  align-items:center!important;
  margin-bottom:16px!important;
}
.nt-avatar-settings-head .eyebrow{
  display:inline-flex!important;
  margin-bottom:6px!important;
  color:#8fffe0!important;
  font-size:10px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
}
.nt-avatar-settings-head h3{
  margin:0!important;
  color:#f8fbff!important;
  font-size:18px!important;
  line-height:1.18!important;
  font-weight:950!important;
}
.nt-avatar-settings-head p{
  margin:7px 0 0!important;
  color:rgba(214,232,255,.72)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.nt-avatar-live-preview{
  width:66px!important;
  height:66px!important;
  border-radius:22px!important;
}
.nt-avatar-form{
  display:grid!important;
  gap:14px!important;
}
.nt-avatar-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.nt-avatar-option{
  position:relative!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-height:90px!important;
  padding:11px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
  overflow:hidden!important;
}
.nt-avatar-option:hover,
.nt-avatar-option.active{
  transform:translateY(-1px)!important;
  background:rgba(36,240,184,.08)!important;
  border-color:rgba(36,240,184,.38)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 0 1px rgba(36,240,184,.10) inset!important;
}
.nt-avatar-option input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.nt-avatar-option-img-wrap{
  grid-row:1 / span 2!important;
  width:52px!important;
  height:52px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.26)!important;
}
.nt-avatar-option-img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}
.nt-avatar-option-title{
  align-self:end!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:950!important;
}
.nt-avatar-option small{
  align-self:start!important;
  color:rgba(214,232,255,.66)!important;
  font-size:10px!important;
  line-height:1.28!important;
}
.nt-avatar-option.active:after{
  content:'✓';
  position:absolute;
  top:9px;
  right:9px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#24f0b8,#67b8ff);
  color:#031018;
  font-size:13px;
  font-weight:950;
  box-shadow:0 8px 22px rgba(36,240,184,.24);
}
.nt-avatar-save-btn{
  min-height:52px!important;
  border-radius:18px!important;
  font-weight:950!important;
  box-shadow:0 16px 34px rgba(36,240,184,.18)!important;
}
@media(max-width:420px){
  .profile-avatar.nt-user-avatar-wrap{width:68px!important;height:68px!important;flex-basis:68px!important;border-radius:22px!important;}
  .nt-avatar-settings{padding:14px!important;border-radius:24px!important;}
  .nt-avatar-settings-head{grid-template-columns:minmax(0,1fr) 58px!important;gap:10px!important;}
  .nt-avatar-live-preview{width:58px!important;height:58px!important;border-radius:19px!important;}
  .nt-avatar-grid{grid-template-columns:1fr!important;}
  .nt-avatar-option{min-height:82px!important;}
}

/* ============================================
   STAGE 43 — PROFILE AVATAR POLISH / RAPID FIX
   Fokus: rapikan header profile setelah avatar gambar masuk.
   ============================================ */
body.nt-stage43-profile-avatar-polish.nt-page-profile .content{
  padding-left:10px!important;
  padding-right:10px!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-hero{
  position:relative!important;
  overflow:hidden!important;
  padding:16px 10px 14px!important;
  margin:8px 0 12px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(36,240,184,.16),transparent 34%),
    linear-gradient(165deg,rgba(10,22,44,.96),rgba(5,10,22,.98))!important;
  border:1px solid rgba(36,240,184,.14)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-hero:before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;
  background-size:28px 28px!important;
  opacity:.18!important;
  pointer-events:none!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-hero:after{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  display:block!important;
  background:linear-gradient(90deg,transparent,rgba(36,240,184,.62),transparent)!important;
  pointer-events:none!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-hero > *{
  position:relative!important;
  z-index:1!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-identity{
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  margin:0!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-avatar.nt-user-avatar-wrap{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  flex:0 0 58px!important;
  border-radius:19px!important;
  align-self:center!important;
  box-shadow:0 16px 32px rgba(25,120,255,.24),0 0 0 1px rgba(36,240,184,.16) inset!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-main{
  min-width:0!important;
  width:100%!important;
  display:block!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-name{
  margin:0 0 4px!important;
  color:#f8fbff!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  letter-spacing:-.02em!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-meta{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  color:rgba(220,236,255,.72)!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-control-panel{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin:12px 0 0!important;
  width:100%!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-id-pill{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:32px!important;
  margin:0!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(18,111,158,.60),rgba(36,240,184,.16))!important;
  border:1px solid rgba(36,240,184,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  color:#f8fbff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-action-row{
  display:grid!important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:9px!important;
  width:100%!important;
  align-items:stretch!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-member-pill,
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-avatar-open-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:17px!important;
  box-sizing:border-box!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  letter-spacing:-.01em!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-member-pill{
  color:#dff7ff!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-avatar-open-btn{
  color:#031018!important;
  border:1px solid rgba(36,240,184,.48)!important;
  background:linear-gradient(135deg,#24f0b8,#67b8ff)!important;
  box-shadow:0 14px 28px rgba(36,240,184,.20)!important;
  text-shadow:none!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  width:100%!important;
  margin-top:14px!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats .card-soft{
  min-width:0!important;
  min-height:86px!important;
  padding:12px 8px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(19,31,54,.86),rgba(8,14,28,.94))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats .stat-label{
  margin:0 0 7px!important;
  color:rgba(214,232,255,.60)!important;
  font-size:8.5px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats .stat-value{
  width:100%!important;
  color:#fff!important;
  font-size:15px!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
  text-align:center!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats .nt-money-dual{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats .nt-money-dual strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:1.12!important;
  color:#fff!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats .nt-money-dual em{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#8fffe0!important;
  font-size:9.5px!important;
  line-height:1.1!important;
  font-style:normal!important;
  font-weight:900!important;
}
body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-avatar-settings{
  margin-top:12px!important;
}
@media(max-width:370px){
  body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-identity{grid-template-columns:54px minmax(0,1fr)!important;gap:9px!important;}
  body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-avatar.nt-user-avatar-wrap{width:52px!important;height:52px!important;min-width:52px!important;flex-basis:52px!important;border-radius:18px!important;}
  body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-name{font-size:14px!important;}
  body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-meta{font-size:9.8px!important;}
  body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-action-row{grid-template-columns:1fr 1.15fr!important;gap:8px!important;}
  body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-profile-member-pill,
  body.nt-stage43-profile-avatar-polish.nt-page-profile .nt-avatar-open-btn{height:36px!important;min-height:36px!important;font-size:10.5px!important;border-radius:16px!important;padding:0 8px!important;}
  body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats{gap:8px!important;}
  body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats .card-soft{min-height:82px!important;padding:11px 7px!important;border-radius:17px!important;}
  body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats .nt-money-dual strong{font-size:14px!important;}
  body.nt-stage43-profile-avatar-polish.nt-page-profile .profile-stats .nt-money-dual em{font-size:9px!important;}
}

/* Stage 44: Profile avatar picker must be a modal, not an inline section. */
html.nt-avatar-modal-lock,
body.nt-avatar-modal-lock{
  overflow:hidden!important;
  touch-action:none!important;
}
.nt-avatar-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:14px 10px calc(14px + env(safe-area-inset-bottom))!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .22s ease,visibility .22s ease!important;
}
.nt-avatar-modal.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.nt-avatar-modal-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(0,0,0,.66)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.nt-avatar-modal-panel{
  position:relative!important;
  width:min(100%,430px)!important;
  max-height:min(86vh,720px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border-radius:30px 30px 24px 24px!important;
  padding:16px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(36,240,184,.18),transparent 36%),
    radial-gradient(circle at 90% 10%,rgba(103,184,255,.20),transparent 40%),
    linear-gradient(160deg,rgba(12,24,46,.98),rgba(4,10,22,.99))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 -18px 56px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.08)!important;
  transform:translateY(28px) scale(.985)!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;
}
.nt-avatar-modal.is-open .nt-avatar-modal-panel{
  transform:translateY(0) scale(1)!important;
}
.nt-avatar-modal-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  gap:12px!important;
  align-items:start!important;
  margin-bottom:12px!important;
}
.nt-avatar-modal-head .eyebrow{
  display:inline-flex!important;
  margin-bottom:6px!important;
  color:#8fffe0!important;
  font-size:10px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.13em!important;
}
.nt-avatar-modal-head h3{
  margin:0!important;
  color:#f8fbff!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:-.03em!important;
}
.nt-avatar-modal-head p{
  margin:7px 0 0!important;
  color:rgba(214,232,255,.72)!important;
  font-size:12px!important;
  line-height:1.42!important;
}
.nt-avatar-modal-close{
  width:40px!important;
  height:40px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.nt-avatar-modal-preview-row{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px!important;
  margin:0 0 12px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.nt-avatar-modal .nt-avatar-live-preview{
  width:62px!important;
  height:62px!important;
  border-radius:21px!important;
}
.nt-avatar-modal-preview-copy{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}
.nt-avatar-modal-preview-copy strong{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:950!important;
}
.nt-avatar-modal-preview-copy span{
  color:rgba(214,232,255,.68)!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.nt-avatar-modal .nt-avatar-form{
  display:grid!important;
  gap:12px!important;
}
.nt-avatar-modal .nt-avatar-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.nt-avatar-modal .nt-avatar-option{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  min-height:150px!important;
  padding:12px 9px 10px!important;
  gap:7px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.032))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.nt-avatar-modal .nt-avatar-option:hover,
.nt-avatar-modal .nt-avatar-option.active{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,rgba(36,240,184,.13),rgba(103,184,255,.055))!important;
  border-color:rgba(36,240,184,.48)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.24),0 0 0 1px rgba(36,240,184,.12) inset!important;
}
.nt-avatar-modal .nt-avatar-option-img-wrap{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  border-radius:22px!important;
  grid-row:auto!important;
}
.nt-avatar-modal .nt-avatar-option-title{
  align-self:center!important;
  width:100%!important;
  min-height:16px!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.14!important;
  font-weight:950!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.nt-avatar-modal .nt-avatar-option small{
  align-self:center!important;
  width:100%!important;
  min-height:28px!important;
  color:rgba(214,232,255,.66)!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.nt-avatar-modal-actions{
  display:grid!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:9px!important;
  align-items:center!important;
  padding-top:2px!important;
}
.nt-avatar-modal-actions .btn{
  width:100%!important;
  min-height:48px!important;
  border-radius:18px!important;
  font-size:12px!important;
  font-weight:950!important;
}
.nt-avatar-cancel-btn{
  color:#dff7ff!important;
  background:rgba(255,255,255,.070)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.nt-avatar-modal .nt-avatar-save-btn{
  min-height:48px!important;
  color:#031018!important;
  background:linear-gradient(135deg,#24f0b8,#67b8ff)!important;
  border:1px solid rgba(36,240,184,.44)!important;
  box-shadow:0 16px 34px rgba(36,240,184,.20)!important;
}
@media(min-width:700px){
  .nt-avatar-modal{
    align-items:center!important;
    padding:18px!important;
  }
  .nt-avatar-modal-panel{
    border-radius:30px!important;
    box-shadow:0 28px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
}
@media(max-width:370px){
  .nt-avatar-modal{padding:10px 8px calc(10px + env(safe-area-inset-bottom))!important;}
  .nt-avatar-modal-panel{padding:13px!important;border-radius:26px 26px 22px 22px!important;}
  .nt-avatar-modal .nt-avatar-grid{gap:8px!important;}
  .nt-avatar-modal .nt-avatar-option{min-height:140px!important;padding:10px 7px!important;border-radius:20px!important;}
  .nt-avatar-modal .nt-avatar-option-img-wrap{width:58px!important;height:58px!important;min-width:58px!important;border-radius:20px!important;}
  .nt-avatar-modal-head h3{font-size:17px!important;}
  .nt-avatar-modal-head p,.nt-avatar-modal-preview-copy span{font-size:10.5px!important;}
}

/* Stage 45: notification/toast hardening for all user pages, including login/register. */
body.nt-stage45-notification-audit .toast-wrap,
body.nt-stage45-notification-audit .toast-wrap.nt-stage45-toast-wrap{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:calc(12px + env(safe-area-inset-top,0px))!important;
  bottom:auto!important;
  width:min(410px,calc(100vw - 18px))!important;
  max-width:calc(100vw - 18px)!important;
  transform:translateX(-50%)!important;
  z-index:2147483000!important;
  pointer-events:none!important;
  display:block!important;
}
body.nt-stage45-notification-audit:not(.nt-auth) .toast-wrap,
body.nt-stage45-notification-audit:not(.nt-auth) .toast-wrap.nt-stage45-toast-wrap{
  top:calc(64px + env(safe-area-inset-top,0px))!important;
}
body.nt-stage45-notification-audit .toast,
body.nt-stage45-notification-audit #ntToast,
body.nt-stage45-notification-audit .toast.nt-stage45-toast{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:13px 14px 14px 13px!important;
  border-radius:20px!important;
  border:1px solid rgba(96,233,211,.28)!important;
  background:radial-gradient(circle at 0 0,rgba(31,176,255,.25),transparent 42%),radial-gradient(circle at 100% 0,rgba(36,240,184,.22),transparent 42%),linear-gradient(145deg,rgba(5,18,35,.985),rgba(3,9,20,.99))!important;
  box-shadow:0 20px 56px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.12)!important;
  color:#fff!important;
  opacity:0!important;
  transform:translateY(-14px) scale(.985)!important;
  transition:opacity .22s ease,transform .22s ease!important;
  pointer-events:auto!important;
  overflow:hidden!important;
  visibility:hidden!important;
}
body.nt-stage45-notification-audit .toast.show,
body.nt-stage45-notification-audit #ntToast.show,
body.nt-stage45-notification-audit .toast.nt-stage45-toast.show{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  visibility:visible!important;
}
body.nt-stage45-notification-audit .toast .toast-head{display:contents!important;}
body.nt-stage45-notification-audit .toast .toast-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:1000!important;
  color:#02101a!important;
  background:linear-gradient(135deg,#1ea7ff,#24f0b8)!important;
  box-shadow:0 12px 26px rgba(36,240,184,.22)!important;
}
body.nt-stage45-notification-audit .toast .toast-title{
  grid-column:2!important;
  margin:0!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1.15!important;
  color:#fff!important;
}
body.nt-stage45-notification-audit .toast .toast-message{
  grid-column:2!important;
  margin:2px 0 0!important;
  font-size:12.2px!important;
  font-weight:700!important;
  line-height:1.38!important;
  color:rgba(230,244,255,.82)!important;
  overflow-wrap:anywhere!important;
}
body.nt-stage45-notification-audit .toast .nt17-toast-signal,
body.nt-stage45-notification-audit .toast .nt18-toast-signal{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:5px!important;
  background:linear-gradient(180deg,#1ea7ff,#08b8e0,#24f0b8)!important;
}
body.nt-stage45-notification-audit .toast .nt17-toast-progress,
body.nt-stage45-notification-audit .toast .nt18-toast-progress{
  position:absolute!important;
  left:5px!important;
  right:0!important;
  bottom:0!important;
  height:3px!important;
  background:linear-gradient(90deg,#1ea7ff,#08b8e0,#24f0b8)!important;
}
body.nt-stage45-notification-audit .toast.error{border-color:rgba(255,96,130,.38)!important;}
body.nt-stage45-notification-audit .toast.error .toast-icon{background:linear-gradient(135deg,#ff4d6d,#ffb1c0)!important;color:#1f030b!important;}
body.nt-stage45-notification-audit .toast.warning{border-color:rgba(255,209,102,.42)!important;}
body.nt-stage45-notification-audit .toast.warning .toast-icon{background:linear-gradient(135deg,#ffd166,#fff0a6)!important;color:#201600!important;}
body.nt-stage45-notification-audit .toast.loading .toast-icon{animation:nt45ToastSpin 1s linear infinite!important;}
@keyframes nt45ToastSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

/* Stage 46: final deep notification/toast audit override. */
body.nt-stage45-notification-audit .toast-wrap.nt-stage46-toast-wrap,
body.nt-stage45-notification-audit .toast-wrap{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:calc(10px + env(safe-area-inset-top,0px))!important;
  bottom:auto!important;
  width:min(414px,calc(100vw - 16px))!important;
  max-width:calc(100vw - 16px)!important;
  transform:translate3d(-50%,0,0)!important;
  z-index:2147483647!important;
  pointer-events:none!important;
  display:block!important;
  isolation:isolate!important;
}
body.nt-stage45-notification-audit:not(.nt-auth) .toast-wrap.nt-stage46-toast-wrap,
body.nt-stage45-notification-audit:not(.nt-auth) .toast-wrap{
  top:calc(62px + env(safe-area-inset-top,0px))!important;
}
body.nt-stage45-notification-audit.nt-sidebar-open .toast-wrap,
body.nt-stage45-notification-audit.nt-overlay-open .toast-wrap,
body.nt-stage45-notification-audit.nt-toast-open .toast-wrap{
  z-index:2147483647!important;
}
body.nt-stage45-notification-audit .toast.nt-stage46-toast,
body.nt-stage45-notification-audit #ntToast.nt-stage46-toast,
body.nt-stage45-notification-audit .toast-wrap .toast{
  position:relative!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:64px!important;
  padding:13px 14px 14px 13px!important;
  border-radius:21px!important;
  border:1px solid rgba(96,233,211,.30)!important;
  background:radial-gradient(circle at 0 0,rgba(30,167,255,.25),transparent 44%),radial-gradient(circle at 100% 0,rgba(36,240,184,.24),transparent 44%),linear-gradient(145deg,rgba(5,18,35,.988),rgba(2,8,18,.995))!important;
  box-shadow:0 22px 62px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.035) inset!important;
  color:#fff!important;
  opacity:0!important;
  transform:translate3d(0,-16px,0) scale(.985)!important;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important;
  pointer-events:auto!important;
  overflow:hidden!important;
  visibility:hidden!important;
  touch-action:manipulation!important;
  will-change:opacity,transform!important;
}
body.nt-stage45-notification-audit .toast.nt-stage46-toast.show,
body.nt-stage45-notification-audit #ntToast.nt-stage46-toast.show,
body.nt-stage45-notification-audit .toast-wrap .toast.show{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  visibility:visible!important;
}
body.nt-stage45-notification-audit .toast.nt-stage46-toast .toast-head,
body.nt-stage45-notification-audit .toast-wrap .toast .toast-head{display:contents!important;}
body.nt-stage45-notification-audit .toast.nt-stage46-toast .toast-icon,
body.nt-stage45-notification-audit .toast-wrap .toast .toast-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:15px!important;
  font-weight:1000!important;
  color:#021018!important;
  background:linear-gradient(135deg,#1ea7ff,#24f0b8)!important;
  box-shadow:0 12px 28px rgba(36,240,184,.24)!important;
}
body.nt-stage45-notification-audit .toast.nt-stage46-toast .toast-title,
body.nt-stage45-notification-audit .toast-wrap .toast .toast-title{
  grid-column:2!important;
  margin:0!important;
  min-width:0!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1.14!important;
  color:#fff!important;
  overflow-wrap:anywhere!important;
}
body.nt-stage45-notification-audit .toast.nt-stage46-toast .toast-message,
body.nt-stage45-notification-audit .toast-wrap .toast .toast-message{
  grid-column:2!important;
  margin:2px 0 0!important;
  min-width:0!important;
  font-size:12.3px!important;
  font-weight:750!important;
  line-height:1.38!important;
  color:rgba(230,244,255,.84)!important;
  overflow-wrap:anywhere!important;
}
body.nt-stage45-notification-audit .toast.nt-stage46-toast .nt46-toast-signal,
body.nt-stage45-notification-audit .toast-wrap .toast .nt46-toast-signal,
body.nt-stage45-notification-audit .toast-wrap .toast .nt17-toast-signal,
body.nt-stage45-notification-audit .toast-wrap .toast .nt18-toast-signal{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:5px!important;
  background:linear-gradient(180deg,#1ea7ff,#08b8e0,#24f0b8)!important;
}
body.nt-stage45-notification-audit .toast.nt-stage46-toast .nt46-toast-progress,
body.nt-stage45-notification-audit .toast-wrap .toast .nt46-toast-progress,
body.nt-stage45-notification-audit .toast-wrap .toast .nt17-toast-progress,
body.nt-stage45-notification-audit .toast-wrap .toast .nt18-toast-progress{
  position:absolute!important;
  left:5px!important;
  right:0!important;
  bottom:0!important;
  height:3px!important;
  background:linear-gradient(90deg,#1ea7ff,#08b8e0,#24f0b8)!important;
}
body.nt-stage45-notification-audit .toast.nt-stage46-toast.error .toast-icon,
body.nt-stage45-notification-audit .toast-wrap .toast.error .toast-icon{background:linear-gradient(135deg,#ff4d6d,#ffb1c0)!important;color:#1f030b!important;}
body.nt-stage45-notification-audit .toast.nt-stage46-toast.warning .toast-icon,
body.nt-stage45-notification-audit .toast-wrap .toast.warning .toast-icon{background:linear-gradient(135deg,#ffd166,#fff0a6)!important;color:#201600!important;}
body.nt-stage45-notification-audit .toast.nt-stage46-toast.loading .toast-icon,
body.nt-stage45-notification-audit .toast-wrap .toast.loading .toast-icon{animation:nt46ToastPulse 1s linear infinite!important;}
@keyframes nt46ToastPulse{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@media(max-width:370px){
  body.nt-stage45-notification-audit .toast-wrap{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px)!important;}
  body.nt-stage45-notification-audit .toast-wrap .toast{grid-template-columns:34px minmax(0,1fr)!important;gap:9px!important;min-height:58px!important;padding:11px 12px 12px 11px!important;border-radius:19px!important;}
  body.nt-stage45-notification-audit .toast-wrap .toast .toast-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:13px!important;}
  body.nt-stage45-notification-audit .toast-wrap .toast .toast-title{font-size:12.4px!important;}
  body.nt-stage45-notification-audit .toast-wrap .toast .toast-message{font-size:11.7px!important;}
}