@charset "UTF-8";
:root {
  --mg-ink: #122033;
  --mg-navy: #0d2942;
  --mg-navy-2: #173d59;
  --mg-teal: #087f73;
  --mg-gold: #c49a58;
  --mg-red: #c83f49;
  --mg-muted: #718096;
  --mg-line: #dce2e8;
  --mg-bg: #eef2f4;
  --mg-card: #ffffff;
  --mg-warm: #f8f5ef;
}

html, body, uni-app, uni-page, uni-page-wrapper, uni-page-body {
  background: var(--mg-bg) !important;
  color: var(--mg-ink);
}

body, input, textarea, button, select, uni-input, uni-textarea, uni-button {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif !important;
}

* { box-sizing: border-box; }

uni-page-body {
  width: min(100%, 520px);
  min-height: 100vh;
  margin: 0 auto;
  overflow-x: hidden;
  box-shadow: 0 0 0 1px rgba(18,32,51,.04);
}

/* Restore native icon fonts. Never inherit the content font into icon components. */
.uni-icons:not(.iconfont)::before { font-family: uniicons !important; }
.uni-icons.iconfont::before { font-family: iconfont !important; }

input, textarea, .uni-input-input, .uni-easyinput__content-input {
  color: #152235 !important;
  -webkit-text-fill-color: #152235 !important;
  opacity: 1 !important;
}

input::placeholder, textarea::placeholder,
.uni-input-placeholder, .uni-easyinput__placeholder-class,
uni-input .uni-input-placeholder, uni-textarea .uni-textarea-placeholder {
  color: #687789 !important;
  -webkit-text-fill-color: #687789 !important;
  opacity: 1 !important;
}

.text-green { color: var(--mg-teal) !important; }
.text-red { color: var(--mg-red) !important; }
.text-gray-4 { color: var(--mg-muted) !important; }

/* Shared mobile navigation */
.fixed-bottom {
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(100%, 520px) !important;
  min-height: 72px !important;
  padding: 9px 10px max(8px, env(safe-area-inset-bottom)) !important;
  transform: translateX(-50%);
  background: rgba(255,255,255,.97) !important;
  border-top: 1px solid var(--mg-line);
  box-shadow: 0 -10px 28px rgba(13,41,66,.07) !important;
  backdrop-filter: blur(14px);
}

.fixed-bottom .uni-icons::before {
  font-size: 23px !important;
  line-height: 1 !important;
}

.fixed-bottom .font-10 {
  margin-top: 5px !important;
  color: #506074 !important;
  font-size: 10px !important;
  font-weight: 700;
  letter-spacing: .02em;
  white-space: nowrap;
}

/* Account dashboard */
uni-page[data-page="pages/trade/index/index"] uni-page-body {
  padding-bottom: 92px;
  background: var(--mg-bg) !important;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white:first-child {
  min-height: 86px !important;
  padding: 24px 20px 10px !important;
  color: #fff !important;
  background: var(--mg-navy) !important;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white:first-child::before {
  content: "MEGANETRADE";
  display: block;
  margin-bottom: 7px;
  color: var(--mg-gold);
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white:first-child .text-red {
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 700;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white:first-child .uniui-gear::before {
  color: #d9e2e8 !important;
  font-size: 24px !important;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white.flex.p-2 {
  margin: 0 !important;
  padding: 13px 12px !important;
  color: #fff !important;
  background: var(--mg-navy) !important;
  gap: 10px;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white.flex.p-2:nth-child(3) {
  padding-bottom: 22px !important;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white.flex.p-2 > .flex-1 {
  padding: 12px 14px;
  text-align: left !important;
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
}

uni-page[data-page="pages/trade/index/index"] .bg-white.flex.p-2 .text-gray-4 {
  color: #aebdc9 !important;
  font-size: 12px !important;
}

uni-page[data-page="pages/trade/index/index"] .bg-white.flex.p-2 .font-18 {
  margin-top: 5px !important;
  color: #fff !important;
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 24px !important;
  font-weight: 600;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white.flex.py-3 {
  margin: 12px !important;
  padding: 18px 6px !important;
  background: var(--mg-card) !important;
  border: 1px solid var(--mg-line);
  border-radius: 10px;
  box-shadow: 0 7px 22px rgba(18,32,51,.05);
}

uni-page[data-page="pages/trade/index/index"] .bg-white.flex.py-3 .uni-icons::before {
  color: var(--mg-navy-2) !important;
  font-size: 27px !important;
}

uni-page[data-page="pages/trade/index/index"] .bg-white.flex.py-3 .font-10 {
  margin-top: 8px !important;
  color: #35455a !important;
  font-size: 10px !important;
  font-weight: 700;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .mt-2.p-2.bg-white {
  position: relative;
  margin: 12px !important;
  padding: 22px 20px !important;
  overflow: hidden;
  background: var(--mg-warm) !important;
  border: 1px solid #e3dbcf !important;
  border-radius: 10px;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .mt-2.p-2.bg-white::after {
  content: "MONTHLY PERFORMANCE";
  position: absolute;
  right: 17px;
  top: 19px;
  color: var(--mg-gold);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .flex.p-4.bg-white {
  margin: 0 12px 10px !important;
  padding: 17px 14px !important;
  gap: 8px;
  background: var(--mg-card) !important;
  border: 1px solid var(--mg-line);
  border-radius: 9px;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .flex.p-4.bg-white > .flex-1 {
  min-width: 0;
  padding: 2px 7px;
}

uni-page[data-page="pages/trade/index/index"] .flex.p-4.bg-white .uni-icons::before {
  color: var(--mg-teal) !important;
  font-size: 27px !important;
}

uni-page[data-page="pages/trade/index/index"] .flex.p-4.bg-white .font-14 {
  color: var(--mg-ink) !important;
  font-weight: 700;
}

uni-page[data-page="pages/trade/index/index"] .flex.p-4.bg-white .font-12 {
  color: var(--mg-muted) !important;
  line-height: 1.45;
}

/* Market home */
uni-page[data-page="pages/index/index"] uni-page-body { padding-bottom: 92px; }
uni-page[data-page="pages/index/index"] uni-page-body > uni-view::before {
  content: "MEGANETRADE\A MARKET INTELLIGENCE";
  display: block;
  padding: 24px 20px 19px;
  white-space: pre;
  color: #fff;
  background: var(--mg-navy);
  border-bottom: 3px solid var(--mg-gold);
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.45;
  letter-spacing: .1em;
}

uni-page[data-page="pages/index/index"] .bg-white {
  border-color: var(--mg-line) !important;
  box-shadow: 0 6px 20px rgba(18,32,51,.045) !important;
}

/* Login */
uni-page[data-page="pages/user/login"] { background: var(--mg-navy) !important; }
uni-page[data-page="pages/user/login"] uni-page-body {
  padding: 28px 22px 46px;
  background: var(--mg-navy) !important;
}

uni-page[data-page="pages/user/login"] .content {
  position: relative;
  min-height: calc(100vh - 56px);
  padding: 34px 24px 28px !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.22) !important;
}

uni-page[data-page="pages/user/login"] .content::before {
  content: "MEGANETRADE  /  SECURE ACCESS";
  display: block;
  margin-bottom: 44px;
  padding-bottom: 16px;
  color: var(--mg-gold);
  border-bottom: 1px solid var(--mg-line);
  font-family: "Avenir Next", "Noto Sans JP", sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
}

uni-page[data-page="pages/user/login"] .content > .text-2xl,
uni-page[data-page="pages/user/login"] .content > .text-3xl,
uni-page[data-page="pages/user/login"] .content > uni-text:first-of-type,
uni-page[data-page="pages/user/login"] h1 {
  display: block !important;
  margin: 0 0 34px !important;
  color: var(--mg-ink) !important;
  font-size: 38px !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
}

uni-page[data-page="pages/user/login"] .border-bottom,
uni-page[data-page="pages/user/login"] [class*="border-bottom"] {
  min-height: 62px !important;
  margin: 0 0 13px !important;
  padding: 0 16px !important;
  background: #f5f7f8 !important;
  border: 1px solid #cdd5dd !important;
  border-radius: 7px !important;
}

uni-page[data-page="pages/user/login"] .border-bottom:focus-within,
uni-page[data-page="pages/user/login"] [class*="border-bottom"]:focus-within {
  background: #fff !important;
  border-color: var(--mg-teal) !important;
  box-shadow: 0 0 0 3px rgba(8,127,115,.1);
}

uni-page[data-page="pages/user/login"] .text-primary,
uni-page[data-page="pages/user/login"] [class*="text-primary"] {
  color: var(--mg-teal) !important;
  font-weight: 700 !important;
}

uni-page[data-page="pages/user/login"] button,
uni-page[data-page="pages/user/login"] uni-button {
  min-height: 56px !important;
  margin-top: 26px !important;
  color: #fff !important;
  background: var(--mg-navy) !important;
  border: 0 !important;
  border-radius: 7px !important;
  font-weight: 700 !important;
}

uni-page[data-page="pages/user/login"] button[disabled],
uni-page[data-page="pages/user/login"] uni-button[disabled] {
  color: #6f7b89 !important;
  background: #e4e8eb !important;
  opacity: 1 !important;
}

uni-page[data-page="pages/user/login"] .mt-5.pt-2 > :first-child { display: none !important; }
uni-page[data-page="pages/user/login"] .mt-5.pt-2 > .mt-1.pb-5 {
  display: block !important;
  width: 100% !important;
  min-height: 185px !important;
  margin-top: 38px !important;
  padding: 0 !important;
  overflow: hidden;
  background: var(--mg-navy) url("/assets/meganetrade-banner.png") center/cover no-repeat !important;
  border-radius: 8px !important;
}
uni-page[data-page="pages/user/login"] .mt-5.pt-2 > .mt-1.pb-5 img,
uni-page[data-page="pages/user/login"] .mt-5.pt-2 > .mt-1.pb-5 uni-image { visibility: hidden !important; }

@media (max-width: 390px) {
  uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white.flex.py-3 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .fixed-bottom .font-10 { font-size: 9px !important; }
  uni-page[data-page="pages/user/login"] uni-page-body { padding: 16px 12px 34px; }
  uni-page[data-page="pages/user/login"] .content { padding: 28px 18px 24px !important; }
}


/* v7: normalize the inner utility wrapper used by the fixed navigation. */
.fixed-bottom > .p-3 {
  height: 54px !important;
  padding: 0 !important;
  align-items: center !important;
}
.fixed-bottom > .p-3 > * {
  display: flex !important;
  height: 54px !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fixed-bottom .uni-icons {
  display: block !important;
  width: auto !important;
  height: 24px !important;
  min-height: 24px !important;
  font-size: 23px !important;
  line-height: 24px !important;
}


/* v8: cross-page UI normalization after full route audit. */

/* Remove the oversized synthetic market heading. */
uni-page[data-page="pages/index/index"] uni-page-body > uni-view::before {
  content: none !important;
  display: none !important;
}

/* Replace every legacy red application bar with the shared ink header. */
.fixed-top.bg-red,
.bg-red.fixed-top,
uni-page .bg-red {
  background: var(--mg-navy) !important;
}

.fixed-top.bg-red .text-white,
.bg-red.fixed-top .text-white {
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
}

.fixed-top.bg-red .uni-icons::before,
.bg-red.fixed-top .uni-icons::before {
  color: #fff !important;
}

/* Login and registration forms: one border, one height, vertically centered. */
uni-page[data-page="pages/user/login"] .pt-20.font-30 {
  height: auto !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
  color: var(--mg-ink) !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

uni-page[data-page="pages/user/login"] .content::before { margin-bottom: 32px !important; }

uni-page[data-page="pages/user/login"] .mt-5:has(> .border-bottom) {
  height: auto !important;
  margin-top: 0 !important;
}

uni-page[data-page="pages/user/login"] .border-bottom,
uni-page[data-page="pages/user/login"] [class*="border-bottom"] {
  display: flex !important;
  min-height: 58px !important;
  height: 58px !important;
  align-items: center !important;
  margin: 0 0 12px !important;
  padding: 0 14px !important;
}

uni-page[data-page="pages/user/login"] .uni-easyinput,
uni-page[data-page="pages/user/login"] .uni-easyinput__content,
uni-page[data-page="pages/user/login"] .uni-easyinput__content-input,
uni-page[data-page="pages/user/login"] .uni-input-wrapper,
uni-page[data-page="pages/user/login"] input {
  height: 56px !important;
  min-height: 56px !important;
  background: transparent !important;
  border: 0 !important;
  line-height: 56px !important;
}

uni-page[data-page="pages/user/login"] .uni-easyinput__content-input { padding-left: 2px !important; }

/* Shared form language for register, identity, bank and account forms. */
uni-page[data-page="pages/user/register"] uni-page-body,
uni-page[data-page="pages/user/forget"] uni-page-body,
uni-page[data-page="pages/authenticate/authenticate"] uni-page-body,
uni-page[data-page="pages/user/card/add"] uni-page-body,
uni-page[data-page="pages/user/set/set"] uni-page-body {
  padding: 18px 16px 40px !important;
  background: var(--mg-bg) !important;
}

uni-page[data-page="pages/user/register"] .bg-white,
uni-page[data-page="pages/user/forget"] .bg-white,
uni-page[data-page="pages/authenticate/authenticate"] .bg-white,
uni-page[data-page="pages/user/card/add"] .bg-white,
uni-page[data-page="pages/user/set/set"] .bg-white {
  background: var(--mg-card) !important;
  border-color: var(--mg-line) !important;
}

uni-page[data-page="pages/user/register"] .border-bottom,
uni-page[data-page="pages/user/forget"] .border-bottom,
uni-page[data-page="pages/authenticate/authenticate"] .border-bottom,
uni-page[data-page="pages/user/card/add"] .border-bottom,
uni-page[data-page="pages/user/set/set"] .border-bottom {
  min-height: 54px !important;
  margin-bottom: 12px !important;
  padding: 0 13px !important;
  background: #f7f9fa !important;
  border: 1px solid var(--mg-line) !important;
  border-radius: 7px !important;
}

/* Account home: compact, light and information-first. */
uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white:first-child {
  min-height: 72px !important;
  padding: 18px 18px 10px !important;
  color: var(--mg-ink) !important;
  background: #fff !important;
  border-bottom: 0 !important;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white:first-child::before {
  margin-bottom: 5px !important;
  color: var(--mg-gold) !important;
  font-size: 10px !important;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white:first-child .text-red {
  color: var(--mg-ink) !important;
  font-size: 18px !important;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white:first-child .uniui-gear::before {
  color: var(--mg-navy) !important;
  font-size: 22px !important;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white.flex.p-2 {
  padding: 7px 12px !important;
  color: var(--mg-ink) !important;
  background: #fff !important;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white.flex.p-2:nth-child(3) {
  padding-bottom: 15px !important;
}

uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white.flex.p-2 > .flex-1 {
  min-height: 68px !important;
  padding: 10px 13px !important;
  background: #f4f7f8 !important;
  border: 1px solid var(--mg-line) !important;
}

uni-page[data-page="pages/trade/index/index"] .bg-white.flex.p-2 .text-gray-4 {
  color: var(--mg-muted) !important;
}

uni-page[data-page="pages/trade/index/index"] .bg-white.flex.p-2 .font-18 {
  color: var(--mg-navy) !important;
  font-size: 21px !important;
}

/* Remove the deliberately empty spacer that caused the large white block. */
uni-page[data-page="pages/trade/index/index"] uni-page-body > uni-view > .bg-white:empty {
  display: none !important;
}

/* Holdings and data-list pages. */
uni-page[data-page="pages/user/holding/stock"] uni-page-body,
uni-page[data-page="pages/quotation/quotation"] uni-page-body,
uni-page[data-page="pages/collection/collection"] uni-page-body,
uni-page[data-page="pages/stock/ipo/ipo"] uni-page-body,
uni-page[data-page="pages/stock/pts/pts"] uni-page-body,
uni-page[data-page="pages/trade/recharge/recharge"] uni-page-body,
uni-page[data-page="pages/trade/withdraw/withdraw"] uni-page-body {
  background: var(--mg-bg) !important;
}

uni-page[data-page="pages/user/holding/stock"] .bg-white,
uni-page[data-page="pages/quotation/quotation"] .bg-white,
uni-page[data-page="pages/collection/collection"] .bg-white,
uni-page[data-page="pages/stock/ipo/ipo"] .bg-white,
uni-page[data-page="pages/stock/pts/pts"] .bg-white,
uni-page[data-page="pages/trade/recharge/recharge"] .bg-white,
uni-page[data-page="pages/trade/withdraw/withdraw"] .bg-white {
  background: #fff !important;
  border-color: var(--mg-line) !important;
}

uni-page[data-page="pages/user/holding/stock"] uni-page-body > uni-view > .flex.bg-white {
  margin: 8px 10px 0 !important;
  border: 1px solid var(--mg-line) !important;
  border-radius: 8px !important;
}

uni-page[data-page="pages/user/holding/stock"] uni-page-body > uni-view > .mt-2.bg-white {
  margin: 10px !important;
  overflow: hidden;
  border: 1px solid var(--mg-line) !important;
  border-radius: 8px !important;
}

/* Settings page and legal content. */
uni-page[data-page="pages/user/info/info"] uni-page-body,
uni-page[data-page="pages/user/card/card"] uni-page-body,
uni-page[data-page="pages/user/agreement/agreement"] uni-page-body {
  background: var(--mg-bg) !important;
}

uni-page[data-page="pages/user/info/info"] .bg-white,
uni-page[data-page="pages/user/card/card"] .bg-white,
uni-page[data-page="pages/user/agreement/agreement"] .bg-white {
  background: #fff !important;
  border-color: var(--mg-line) !important;
}

/* Neutralize old bright-orange decoration without changing profit/loss semantics. */
.text-orange { color: var(--mg-teal) !important; }
.bg-orange { background: var(--mg-teal) !important; }

@media (max-width: 430px) {
  uni-page[data-page="pages/user/login"] uni-page-body { padding: 12px 10px 30px !important; }
  uni-page[data-page="pages/user/login"] .content {
    min-height: calc(100vh - 24px);
    padding: 26px 18px 22px !important;
  }
  uni-page[data-page="pages/user/login"] .pt-20.font-30 { font-size: 28px !important; }
}


/* v9: registration layout and global button contrast. */

/* Dark action surfaces must never inherit the framework's black disabled text. */
uni-button.bg-red,
button.bg-red,
uni-button.bg-primary,
button.bg-primary,
uni-button.bg-green,
button.bg-green,
uni-button.bg-orange,
button.bg-orange,
.bg-red.text-white,
.bg-primary.text-white,
.bg-green.text-white,
.bg-orange.text-white {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

uni-button.bg-red[disabled],
button.bg-red[disabled],
uni-button.bg-primary[disabled],
button.bg-primary[disabled],
uni-button.bg-green[disabled],
button.bg-green[disabled],
uni-button.bg-orange[disabled],
button.bg-orange[disabled] {
  color: rgba(255,255,255,.7) !important;
  -webkit-text-fill-color: rgba(255,255,255,.7) !important;
  background: #536679 !important;
  opacity: 1 !important;
}

uni-page[data-page="pages/user/register"] {
  background: var(--mg-navy) !important;
}

uni-page[data-page="pages/user/register"] uni-page-body {
  padding: 18px 14px 32px !important;
  background: var(--mg-navy) !important;
}

uni-page[data-page="pages/user/register"] .height-100.bg-white.px-5 {
  min-height: calc(100vh - 36px) !important;
  height: auto !important;
  padding: 28px 22px 24px !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.2);
}

uni-page[data-page="pages/user/register"] .pt-20.font-30 {
  height: auto !important;
  margin: 0 0 24px !important;
  padding: 0 0 16px !important;
  color: var(--mg-ink) !important;
  border-bottom: 1px solid var(--mg-line);
  font-size: 29px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: .03em;
}

uni-page[data-page="pages/user/register"] .pt-20.font-30::after {
  content: "CREATE YOUR ACCOUNT";
  display: block;
  margin-top: 7px;
  color: var(--mg-gold);
  font-family: "Avenir Next", sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
}

uni-page[data-page="pages/user/register"] .pt-20.font-30 + .mt-5 {
  height: auto !important;
  margin-top: 0 !important;
}

uni-page[data-page="pages/user/register"] .uni-forms-item.is-direction-left {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

uni-page[data-page="pages/user/register"] .uni-forms-item__label {
  display: flex !important;
  width: 100% !important;
  height: 24px !important;
  min-height: 24px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 2px 6px !important;
  color: #344457 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  white-space: nowrap;
}

uni-page[data-page="pages/user/register"] .uni-forms-item__label .is-required {
  margin-right: 4px;
  color: var(--mg-red) !important;
}

uni-page[data-page="pages/user/register"] .uni-forms-item__content {
  width: 100% !important;
  min-height: 52px !important;
}

uni-page[data-page="pages/user/register"] .uni-easyinput,
uni-page[data-page="pages/user/register"] .uni-easyinput__content,
uni-page[data-page="pages/user/register"] .uni-easyinput__content-input,
uni-page[data-page="pages/user/register"] .uni-input-wrapper,
uni-page[data-page="pages/user/register"] input {
  height: 50px !important;
  min-height: 50px !important;
  line-height: 50px !important;
}

uni-page[data-page="pages/user/register"] .uni-easyinput__content {
  padding: 0 13px !important;
  background: #f6f8f9 !important;
  border: 1px solid #cfd7df !important;
  border-radius: 7px !important;
}

uni-page[data-page="pages/user/register"] .uni-easyinput__content:focus-within {
  background: #fff !important;
  border-color: var(--mg-teal) !important;
  box-shadow: 0 0 0 3px rgba(8,127,115,.1);
}

uni-page[data-page="pages/user/register"] .uni-easyinput__content-input {
  padding: 0 !important;
}

uni-page[data-page="pages/user/register"] .uni-forms-item:nth-child(2) .flex.align-center {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  width: 100% !important;
  height: 50px !important;
}

uni-page[data-page="pages/user/register"] .uni-forms-item:nth-child(2) .flex.align-center > .uni-easyinput {
  width: 100% !important;
  min-width: 0 !important;
}

uni-page[data-page="pages/user/register"] .uni-forms-item:nth-child(2) .flex.align-center > .font-12 {
  display: flex !important;
  height: 50px !important;
  align-items: center;
  justify-content: center;
  padding: 0 12px !important;
  color: #fff !important;
  background: var(--mg-teal) !important;
  border-radius: 7px;
  font-size: 11px !important;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

uni-page[data-page="pages/user/register"] .mt-5:not(.uni-forms-item) {
  margin-top: 18px !important;
}

uni-page[data-page="pages/user/register"] .pt-3 { padding-top: 15px !important; }

uni-page[data-page="pages/user/register"] uni-button.bg-red {
  min-height: 52px !important;
  height: 52px !important;
  border-radius: 7px !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
}

uni-page[data-page="pages/user/register"] .mt-2.flex.justify-end {
  justify-content: center !important;
  color: var(--mg-muted) !important;
  font-size: 13px !important;
  text-align: center;
}

/* Keep readable button states on all form-heavy routes. */
uni-page[data-page="pages/authenticate/authenticate"] uni-button,
uni-page[data-page="pages/user/card/add"] uni-button,
uni-page[data-page="pages/trade/withdraw/withdraw"] uni-button,
uni-page[data-page="pages/trade/transfer/transfer"] uni-button,
uni-page[data-page="pages/trade/transfer-trade/transfer-trade"] uni-button {
  font-weight: 700 !important;
}

@media (max-width: 390px) {
  uni-page[data-page="pages/user/register"] uni-page-body { padding: 10px 8px 24px !important; }
  uni-page[data-page="pages/user/register"] .height-100.bg-white.px-5 { padding: 22px 16px 20px !important; }
  uni-page[data-page="pages/user/register"] .uni-forms-item:nth-child(2) .flex.align-center > .font-12 {
    padding: 0 9px !important;
    font-size: 10px !important;
  }
}


/* v10: remaining form and control alignment from the full layout sweep. */

/* Password recovery uses the same vertical field language as registration. */
uni-page[data-page="pages/user/forget"] {
  background: var(--mg-navy) !important;
}

uni-page[data-page="pages/user/forget"] uni-page-body {
  padding: 18px 14px 32px !important;
  background: var(--mg-navy) !important;
}

uni-page[data-page="pages/user/forget"] .height-100.bg-white.px-5 {
  min-height: calc(100vh - 36px) !important;
  height: auto !important;
  padding: 28px 22px 24px !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.2);
}

uni-page[data-page="pages/user/forget"] .pt-20.font-30 {
  height: auto !important;
  margin: 0 0 24px !important;
  padding: 0 0 16px !important;
  color: var(--mg-ink) !important;
  border-bottom: 1px solid var(--mg-line);
  font-size: 29px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

uni-page[data-page="pages/user/forget"] .pt-20.font-30 + .mt-5 {
  height: auto !important;
  margin-top: 0 !important;
}

uni-page[data-page="pages/user/forget"] .uni-forms-item.is-direction-left {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

uni-page[data-page="pages/user/forget"] .uni-forms-item__label {
  display: flex !important;
  width: 100% !important;
  height: 24px !important;
  min-height: 24px !important;
  align-items: center !important;
  padding: 0 2px 6px !important;
  color: #344457 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap;
}

uni-page[data-page="pages/user/forget"] .uni-forms-item__content {
  width: 100% !important;
  min-height: 52px !important;
}

uni-page[data-page="pages/user/forget"] .uni-forms-item:first-child .flex.align-center {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  width: 100% !important;
}

uni-page[data-page="pages/user/forget"] .uni-forms-item:first-child .font-12 {
  display: flex !important;
  height: 50px !important;
  align-items: center;
  padding: 0 12px !important;
  color: #fff !important;
  background: var(--mg-teal) !important;
  border-radius: 7px;
  font-size: 11px !important;
  font-weight: 700;
  white-space: nowrap;
}

/* Consistent 50px controls across remaining form pages. */
uni-page[data-page="pages/user/forget"] .uni-easyinput,
uni-page[data-page="pages/user/forget"] .uni-easyinput__content,
uni-page[data-page="pages/user/forget"] .uni-easyinput__content-input,
uni-page[data-page="pages/user/forget"] .uni-input-wrapper,
uni-page[data-page="pages/user/forget"] input,
uni-page[data-page="pages/user/card/add"] .uni-easyinput,
uni-page[data-page="pages/user/card/add"] .uni-easyinput__content,
uni-page[data-page="pages/user/card/add"] .uni-easyinput__content-input,
uni-page[data-page="pages/user/card/add"] .uni-input-wrapper,
uni-page[data-page="pages/user/card/add"] .uni-stat__select,
uni-page[data-page="pages/user/card/add"] input,
uni-page[data-page="pages/authenticate/authenticate"] .uni-easyinput,
uni-page[data-page="pages/authenticate/authenticate"] .uni-easyinput__content,
uni-page[data-page="pages/authenticate/authenticate"] .uni-easyinput__content-input,
uni-page[data-page="pages/authenticate/authenticate"] .uni-input-wrapper,
uni-page[data-page="pages/authenticate/authenticate"] .uni-stat__select,
uni-page[data-page="pages/authenticate/authenticate"] input,
uni-page[data-page="pages/trade/transfer/transfer"] .uni-easyinput,
uni-page[data-page="pages/trade/transfer/transfer"] .uni-easyinput__content,
uni-page[data-page="pages/trade/transfer/transfer"] .uni-easyinput__content-input,
uni-page[data-page="pages/trade/transfer/transfer"] .uni-input-wrapper,
uni-page[data-page="pages/trade/transfer/transfer"] .uni-stat__select,
uni-page[data-page="pages/trade/transfer/transfer"] input {
  height: 50px !important;
  min-height: 50px !important;
  line-height: 50px !important;
}

uni-page[data-page="pages/user/forget"] .uni-easyinput__content,
uni-page[data-page="pages/user/card/add"] .uni-easyinput__content,
uni-page[data-page="pages/user/card/add"] .uni-stat__select,
uni-page[data-page="pages/authenticate/authenticate"] .uni-easyinput__content,
uni-page[data-page="pages/authenticate/authenticate"] .uni-stat__select,
uni-page[data-page="pages/trade/transfer/transfer"] .uni-easyinput__content,
uni-page[data-page="pages/trade/transfer/transfer"] .uni-stat__select {
  padding: 0 13px !important;
  background: #f6f8f9 !important;
  border: 1px solid #cfd7df !important;
  border-radius: 7px !important;
}

uni-page[data-page="pages/user/card/add"] .uni-forms-item:nth-child(3) .flex.align-center {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  width: 100% !important;
  height: 50px !important;
}

uni-page[data-page="pages/user/card/add"] .uni-forms-item:nth-child(3) .flex.align-center > .uni-easyinput {
  width: 100% !important;
  min-width: 0 !important;
}

uni-page[data-page="pages/user/card/add"] .uni-forms-item:nth-child(3) .font-12 {
  display: flex !important;
  height: 50px !important;
  align-items: center;
  padding: 0 12px !important;
  color: #fff !important;
  background: var(--mg-teal) !important;
  border-radius: 7px;
  font-size: 11px !important;
  font-weight: 700;
  white-space: nowrap;
}

/* Remove the upload component's internal five-pixel horizontal clipping. */
.uni-file-picker {
  max-width: 100% !important;
  overflow: visible !important;
}

.uni-file-picker__container,
.file-picker__box-content {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Market search keeps its native width but gets a usable touch height. */
uni-page[data-page="pages/quotation/quotation"] .uni-easyinput,
uni-page[data-page="pages/quotation/quotation"] .uni-easyinput__content,
uni-page[data-page="pages/quotation/quotation"] .uni-easyinput__content-input,
uni-page[data-page="pages/quotation/quotation"] .uni-input-wrapper,
uni-page[data-page="pages/quotation/quotation"] input {
  min-height: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
}

@media (max-width: 390px) {
  uni-page[data-page="pages/user/forget"] uni-page-body { padding: 10px 8px 24px !important; }
  uni-page[data-page="pages/user/forget"] .height-100.bg-white.px-5 { padding: 22px 16px 20px !important; }
}


/* v11: prevent the market search input root from clipping its 44px inner field. */
uni-page[data-page="pages/quotation/quotation"] uni-input.flex-1 {
  display: block !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 44px !important;
  overflow: visible !important;
}


/* v12: remove the dark outer frame from the login screen. */
uni-page[data-page="pages/user/login"],
uni-page[data-page="pages/user/login"] uni-page-wrapper,
uni-page[data-page="pages/user/login"] uni-page-body {
  background: #fff !important;
}

uni-page[data-page="pages/user/login"] uni-page-body {
  width: min(100%, 520px) !important;
  padding: 0 !important;
  box-shadow: none !important;
}

uni-page[data-page="pages/user/login"] .content,
uni-page[data-page="pages/user/login"] .height-100.bg-white.px-5 {
  min-height: 100vh !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 430px) {
  uni-page[data-page="pages/user/login"] uni-page-body { padding: 0 !important; }
}

/* v13: restore safe top spacing after removing the login page frame. */
uni-page[data-page="pages/user/login"] .height-100.bg-white.px-5 {
  padding-top: 48px !important;
}

@media (max-width: 430px) {
  uni-page[data-page="pages/user/login"] .height-100.bg-white.px-5 {
    padding-top: 36px !important;
  }
}