/* mine-ref-ui.css — from dmwin1.co 8 workorder Mine CSS + AR095 adapt */
/* === V62 — Mine/Account page KWG-style premium redesign === */

/* V62-A: Balance card — "Total Balance" label + refresh row */
.v62-balance-label{
  font-size:.28rem;font-weight:500;color:var(--v40-text-lo);
  margin-bottom:.1rem;display:block;
}
.v62-balance-row{display:flex;align-items:center;gap:.18rem;}
.v62-balance-refresh{
  width:.58rem;height:.58rem;display:grid;place-items:center;
  color:var(--v40-text-lo);cursor:pointer;border-radius:.16rem;
  -webkit-tap-highlight-color:transparent;
  transition:background .12s ease-out;
}
.v62-balance-refresh:active{background:rgba(255,255,255,.06);}
.v62-balance-refresh svg{width:.36rem;height:.36rem;display:block;}
.v62-balance-refresh.v62-spinning svg{animation:v62spin .75s linear infinite;}
@keyframes v62spin{to{transform:rotate(360deg);}}

/* V62-B: 4-column quick-action row */
.v62-quick-actions{
  display:grid;grid-template-columns:repeat(4,1fr);gap:.18rem;
  margin:.22rem .28rem .1rem;
}
.v62-qa-item{
  display:flex;flex-direction:column;align-items:center;gap:.14rem;
  cursor:pointer;padding:.16rem .06rem;border-radius:.24rem;
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease-out;
}
.v62-qa-item:active{transform:scale(.96);}
.v62-qa-icon{
  width:1rem;height:1rem;border-radius:.26rem;
  display:grid;place-items:center;
  box-shadow:0 2px 6px rgba(0,0,0,.32),0 6px 16px rgba(0,0,0,.24);
}
.v62-qa-icon.deposit{background:linear-gradient(135deg,#E84C4C 0%,#C23030 100%);}
.v62-qa-icon.withdraw{background:linear-gradient(135deg,#3D8BF0 0%,#1A5FC2 100%);}
.v62-qa-icon.vip{background:linear-gradient(135deg,var(--v40-gold) 0%,var(--v40-gold-deep) 100%);}
.v62-qa-icon.wallet{background:linear-gradient(135deg,#6C4FD8 0%,#3B1FB0 100%);}
.v62-qa-icon svg{width:.48rem;height:.48rem;display:block;}
.v62-qa-label{
  font-size:.27rem;font-weight:600;color:var(--v40-text-mid);
  white-space:nowrap;letter-spacing:.01rem;
}

/* V62-C: 2x2 menu cards */
.v62-menu-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:.2rem;
  margin:.2rem .28rem 0;
}
.v62-menu-card{
  background:var(--v40-bg-card-flat);border-radius:.34rem;
  padding:.26rem .2rem;min-height:1.28rem;
  display:flex;align-items:center;gap:.18rem;cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.05);
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease-out;
}
.v62-menu-card:active{transform:scale(.97);}
.v62-menu-card-icon{
  width:.88rem;height:.88rem;border-radius:.22rem;
  display:grid;place-items:center;flex-shrink:0;
  box-shadow:0 2px 6px rgba(0,0,0,.28);
}
.v62-menu-card-icon.game-history{background:linear-gradient(135deg,#3D8BF0 0%,#1A5FC2 100%);}
.v62-menu-card-icon.transaction{background:linear-gradient(135deg,#6C4FD8 0%,#3B1FB0 100%);}
.v62-menu-card-icon.coupon{background:linear-gradient(135deg,#E84C4C 0%,#C23030 100%);}
.v62-menu-card-icon.withdraw-hist{background:linear-gradient(135deg,#22A06B 0%,#147A48 100%);}
.v62-menu-card-icon svg{width:.44rem;height:.44rem;display:block;}
.v62-menu-card-info{flex:1;min-width:0;}
.v62-menu-card-title{
  font-size:.32rem;font-weight:700;color:var(--v40-text-hi);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.v62-menu-card-sub{
  font-size:.25rem;font-weight:400;color:var(--v40-text-lo);
  margin-top:.07rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* V62-D: Full-width list rows */
.v62-list-section{margin:.2rem .28rem 0;display:flex;flex-direction:column;gap:.14rem;}
.v62-list-row{
  background:var(--v40-bg-card-flat);border-radius:.32rem;
  height:1.1rem;min-height:1.1rem;display:flex;align-items:center;
  padding:0 .24rem;cursor:pointer;box-sizing:border-box;
  box-shadow:0 1px 2px rgba(0,0,0,.28),0 3px 10px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.04);
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease-out;
}
.v62-list-row:active{transform:scale(.99);}
.v62-list-icon{
  width:.7rem;height:.7rem;border-radius:.2rem;
  display:grid;place-items:center;margin-right:.2rem;flex-shrink:0;
  box-shadow:0 1px 4px rgba(0,0,0,.24);
}
.v62-list-icon.notifications{background:linear-gradient(135deg,#E84C4C 0%,#C23030 100%);}
.v62-list-icon.gifts{background:linear-gradient(135deg,var(--v40-gold) 0%,var(--v40-gold-deep) 100%);}
.v62-list-icon.game-stats{background:linear-gradient(135deg,#3D8BF0 0%,#1A5FC2 100%);}
.v62-list-icon.language{background:linear-gradient(135deg,#22A06B 0%,#147A48 100%);}
.v62-list-icon svg{width:.37rem;height:.37rem;display:block;}
.v62-list-label{flex:1;font-size:.33rem;font-weight:600;color:var(--v40-text-hi);}
.v62-list-badge{
  background:#E84C4C;color:#fff;font-size:.22rem;font-weight:700;
  min-width:.44rem;height:.44rem;border-radius:999px;
  display:grid;place-items:center;margin-right:.16rem;
  padding:0 .1rem;box-sizing:border-box;
}
.v62-list-chevron{width:.28rem;height:.28rem;display:grid;place-items:center;color:var(--v40-text-lo);}
.v62-list-chevron svg{width:.26rem;height:.26rem;display:block;}

/* V62-E: Service center section */
.v62-service-section{
  margin:.2rem .28rem 0;background:var(--v40-bg-card-flat);border-radius:.38rem;
  padding:.26rem .16rem .22rem;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.05);
}
.v62-service-title{
  font-size:.28rem;font-weight:700;color:var(--v40-text-lo);
  letter-spacing:.05rem;text-transform:uppercase;
  padding:0 .14rem;margin-bottom:.2rem;
}
.v62-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.1rem;}
.v62-service-item{
  display:flex;flex-direction:column;align-items:center;gap:.14rem;
  cursor:pointer;padding:.18rem .06rem;border-radius:.22rem;
  -webkit-tap-highlight-color:transparent;
  transition:background .12s ease-out;
}
.v62-service-item:active{background:rgba(255,255,255,.04);}
.v62-service-icon{
  width:.88rem;height:.88rem;border-radius:.24rem;
  display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.3);
}
.v62-service-icon.settings{background:linear-gradient(135deg,#6C4FD8 0%,#3B1FB0 100%);}
.v62-service-icon.support{background:linear-gradient(135deg,#22A06B 0%,#147A48 100%);}
.v62-service-icon.security{background:linear-gradient(135deg,#E84C4C 0%,#C23030 100%);}
.v62-service-icon svg{width:.44rem;height:.44rem;display:block;}
.v62-service-label{font-size:.27rem;font-weight:600;color:var(--v40-text-mid);text-align:center;white-space:nowrap;}

/* V62-F: Logout button */
.v62-logout-btn{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:.18rem!important;
  margin:.24rem .28rem .52rem!important;width:calc(100% - .56rem)!important;
  height:1.06rem!important;background:transparent!important;
  border:1px solid var(--v40-gold)!important;border-radius:.32rem!important;
  color:var(--v40-gold)!important;font-size:.35rem!important;font-weight:700!important;
  cursor:pointer!important;box-shadow:none!important;
  -webkit-tap-highlight-color:transparent;
  transition:transform .12s ease-out,background .14s ease-out!important;
}
.v62-logout-btn:active{transform:scale(.99)!important;background:rgba(245,194,76,.06)!important;}
.v62-logout-btn svg{width:.4rem;height:.4rem;flex-shrink:0;display:block;}

/* V62-G: Hide original mine sections when V62 is active */
body.v62-mine-active .mine .mine-account-function,
body.v62-mine-active .mine .mine-card-box,
body.v62-mine-active .mine .mine-list-rows,
body.v62-mine-active .mine .mine-service-center,
body.v62-mine-active .mine .mine-loginout,
body.v62-mine-active .mine [class*="mine-menu"],
body.v62-mine-active .mine [class*="service-center"]{
  display:none!important;
}

/* ===================================================================
   V63 — PREMIUM 3D ICON REDESIGN + LAYOUT FIX
   Real project webp icons, single-column wrapper, hide V62 sections
   =================================================================== */

/* Master single-column wrapper */
.v63-wrap{
  display:flex!important;
  flex-direction:column!important;
  width:calc(100% - .32rem)!important;
  margin:.16rem auto 0!important;
  gap:.2rem!important;
  box-sizing:border-box!important;
}

/* --- Quick Actions (4-column) --- */
.v63-qa{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:.12rem!important;
  padding:.22rem .16rem!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.2rem!important;
  box-shadow:0 2px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.v63-qa-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:.1rem!important;
  padding:.1rem 0!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .12s ease!important;
}
.v63-qa-item:active{ transform:scale(.9)!important; }
.v63-qa-icon{
  width:1.38rem!important;
  height:1.38rem!important;
  border-radius:.14rem!important;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 4px 14px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.v63-qa-icon img{
  width:1.38rem!important;
  height:1.38rem!important;
  object-fit:contain!important;
  display:block!important;
}
.v63-qa-lbl{
  font-size:.36rem!important;
  color:rgba(255,255,255,.8)!important;
  font-weight:500!important;
  text-align:center!important;
  letter-spacing:.005em!important;
  line-height:1!important;
}

/* --- 2×2 Menu Grid --- */
.v63-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:.16rem!important;
}
.v63-grid-card{
  background:linear-gradient(145deg,rgba(90,55,140,.65),rgba(55,30,100,.85))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:.2rem!important;
  padding:.22rem .18rem!important;
  display:flex!important;
  align-items:center!important;
  gap:.16rem!important;
  cursor:pointer!important;
  box-shadow:0 4px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .12s ease!important;
}
.v63-grid-card:active{ transform:scale(.96)!important; }
.v63-grid-icon{
  flex-shrink:0!important;
  width:.98rem!important;
  height:.98rem!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:.12rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 2px 8px rgba(0,0,0,.25)!important;
}
.v63-grid-icon img{
  width:.98rem!important;
  height:.98rem!important;
  object-fit:contain!important;
  display:block!important;
}
.v63-grid-info{ flex:1!important; min-width:0!important; overflow:hidden!important; }
.v63-grid-title{
  font-size:.24rem!important;
  font-weight:600!important;
  color:rgba(255,255,255,.92)!important;
  letter-spacing:-.01em!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v63-grid-sub{
  font-size:.19rem!important;
  color:rgba(255,255,255,.42)!important;
  margin-top:.05rem!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* --- List Rows --- */
.v63-list{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.2rem!important;
  overflow:hidden!important;
  box-shadow:0 2px 12px rgba(0,0,0,.2)!important;
}
.v63-list-row{
  display:flex!important;
  align-items:center!important;
  gap:.16rem!important;
  padding:.2rem .22rem!important;
  cursor:pointer!important;
  border-bottom:1px solid rgba(255,255,255,.05)!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:background .1s ease!important;
}
.v63-list-row:last-child{ border-bottom:none!important; }
.v63-list-row:active{ background:rgba(255,255,255,.05)!important; }
.v63-list-icon{
  flex-shrink:0!important;
  width:.9rem!important;
  height:.9rem!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:.1rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 2px 6px rgba(0,0,0,.2)!important;
}
.v63-list-icon img{
  width:.9rem!important;
  height:.9rem!important;
  object-fit:contain!important;
  display:block!important;
}
.v63-list-lbl{
  flex:1!important;
  font-size:.36rem!important;
  font-weight:700!important;
  color:rgba(255,255,255,.95)!important;
  letter-spacing:.01em!important;
}
.v63-list-right{
  display:flex!important;
  align-items:center!important;
  gap:.08rem!important;
}
.v63-list-badge{
  background:linear-gradient(135deg,#e8422a,#ff6b4a)!important;
  color:#fff!important;
  font-size:.18rem!important;
  font-weight:700!important;
  border-radius:.2rem!important;
  padding:.02rem .1rem!important;
  min-width:.28rem!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}
.v63-list-chev{
  width:.26rem!important;
  height:.26rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.v63-list-chev svg{ width:100%!important; height:100%!important; }

/* --- Service Center --- */
.v63-svc{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.2rem!important;
  padding:.2rem .2rem .24rem!important;
  box-shadow:0 2px 12px rgba(0,0,0,.2)!important;
}
.v63-svc-title{
  font-size:.22rem!important;
  font-weight:600!important;
  color:rgba(255,255,255,.45)!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  margin-bottom:.18rem!important;
}
.v63-svc-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:.14rem!important;
}
.v63-svc-item{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:.1rem!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .12s ease!important;
}
.v63-svc-item:active{ transform:scale(.9)!important; }
.v63-svc-icon{
  width:1.38rem!important;
  height:1.38rem!important;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:.14rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 4px 14px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.v63-svc-icon img{
  width:1.38rem!important;
  height:1.38rem!important;
  object-fit:contain!important;
  display:block!important;
}
.v63-svc-lbl{
  font-size:.2rem!important;
  color:rgba(255,255,255,.72)!important;
  text-align:center!important;
  line-height:1.3!important;
  font-weight:500!important;
  white-space:pre-line!important;
}

/* --- Logout Button --- */
.v63-logout{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.12rem!important;
  width:100%!important;
  padding:.22rem 0!important;
  background:transparent!important;
  border:1px solid rgba(255,210,60,.28)!important;
  border-radius:.2rem!important;
  color:rgba(255,210,60,.88)!important;
  font-size:.26rem!important;
  font-weight:500!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  letter-spacing:.01em!important;
  box-shadow:0 2px 10px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,210,60,.08)!important;
  margin-bottom:.2rem!important;
  transition:background .12s ease!important;
}
.v63-logout:active{ background:rgba(255,210,60,.06)!important; }
.v63-logout svg{ width:.28rem!important; height:.28rem!important; }
.v63-logout span{ color:rgba(255,210,60,.88)!important; }

/* --- Hide: V62 injected elements & original sections when V63 active --- */
body.v63-mine-active .mine .mine-account-function,
body.v63-mine-active .mine .mine-card-box,
body.v63-mine-active .mine .mine-list-rows,
body.v63-mine-active .mine .mine-service-center,
body.v63-mine-active .mine .mine-loginout,
body.v63-mine-active .mine [class*="mine-menu"],
body.v63-mine-active .mine [class*="service-center"],
body.v63-mine-active [data-v62-qa],
body.v63-mine-active [data-v62-grid],
body.v63-mine-active [data-v62-list],
body.v63-mine-active [data-v62-svc],
body.v63-mine-active [data-v62-logout]{
  display:none!important;
}

/* ===================================================================
   V64 — CRITICAL LAYOUT FIX + GOLDEN ICON SYSTEM
   .mine flex-direction: column  |  golden filled SVG icons #f0b040
   =================================================================== */

/* CRITICAL: Force .mine to vertical stack — fixes balance-left / content-right split */
body.v63-mine-active .mine{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
}

/* V63 wrapper full width + proper margin after balance card */
body.v63-mine-active .v63-wrap{
  width:100%!important;
  margin:0!important;
  padding:0 .16rem .24rem!important;
  box-sizing:border-box!important;
  order:99!important;
}

/* Golden icon box style — transparent bg, icon itself carries the color */
body.v64-icon-active .v63-qa-icon,
body.v64-icon-active .v63-grid-icon,
body.v64-icon-active .v63-list-icon,
body.v64-icon-active .v63-svc-icon{
  background:rgba(240,176,64,.1)!important;
  border:1px solid rgba(240,176,64,.18)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.25)!important;
}
body.v64-icon-active .v63-qa-icon svg,
body.v64-icon-active .v63-grid-icon svg,
body.v64-icon-active .v63-list-icon svg,
body.v64-icon-active .v63-svc-icon svg{
  width:72%!important;
  height:72%!important;
}

/* Quick action label — slightly warmer tint when golden icons active */
body.v64-icon-active .v63-qa-lbl{
  color:rgba(255,220,130,.88)!important;
}

/* Grid card title/sub — keep white but list row labels warm */
body.v64-icon-active .v63-list-lbl{
  color:rgba(255,225,160,.88)!important;
}

/* Service title slightly warmer */
body.v64-icon-active .v63-svc-title{
  color:rgba(240,176,64,.65)!important;
}
body.v64-icon-active .v63-svc-lbl{
  color:rgba(255,220,130,.82)!important;
}

/* V64-B: Hide ALL original mine content blocks that cause overlap */
body.v64-mine-layout .mine .mine-account-function,
body.v64-mine-layout .mine .mine-grid-2x2,
body.v64-mine-layout .mine .mine-card-box,
body.v64-mine-layout .mine .mine-list-rows,
body.v64-mine-layout .mine .mine-service-center,
body.v64-mine-layout .mine .mine-loginout,
body.v64-mine-layout .mine [class*="mine-menu"],
body.v64-mine-layout .mine [class*="service-center"]{
  display:none!important;
}

/* V64-C: Balance card vertical — quick actions sit inside card like KWG ref */
body.v64-mine-layout .mine .mine-account{
  flex-direction:column!important;
  align-items:stretch!important;
  height:auto!important;
  min-height:unset!important;
  padding:.28rem .36rem .22rem!important;
}
body.v64-mine-layout .mine .mine-account .v63-qa{
  margin-top:.2rem!important;
  padding:.2rem 0 0!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
  border-radius:0!important;
  width:100%!important;
}
body.v64-mine-layout .mine .mine-account .v63-qa-lbl{
  color:var(--v40-gold)!important;
  font-size:.24rem!important;
  font-weight:600!important;
}

/* V64-D: Main content wrapper below balance card — full width stack */
body.v64-mine-layout .mine{
  display:block!important;
}
body.v64-mine-layout .v63-wrap{
  display:flex!important;
  flex-direction:column!important;
  width:calc(100% - .64rem)!important;
  margin:.16rem auto 0!important;
  padding:0!important;
  gap:.2rem!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:1!important;
}

/* V64-E: Golden icon containers — same premium style as Earn page */
body.v64-icon-active .v63-qa-icon,
body.v64-icon-active .v63-grid-icon,
body.v64-icon-active .v63-list-icon,
body.v64-icon-active .v63-svc-icon{
  background:linear-gradient(145deg,rgba(245,194,76,.2) 0%,rgba(245,194,76,.06) 100%)!important;
  border:1px solid rgba(245,194,76,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 3px 10px rgba(0,0,0,.28)!important;
  color:var(--v40-gold)!important;
}
body.v64-icon-active .v63-qa-icon svg,
body.v64-icon-active .v63-grid-icon svg,
body.v64-icon-active .v63-list-icon svg,
body.v64-icon-active .v63-svc-icon svg{
  width:58%!important;
  height:58%!important;
  display:block!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));
}
body.v64-icon-active .v63-qa-icon img,
body.v64-icon-active .v63-grid-icon img,
body.v64-icon-active .v63-list-icon img,
body.v64-icon-active .v63-svc-icon img{
  display:none!important;
}

/* V64-F: Grid cards KWG-style purple card */
body.v64-mine-layout .v63-grid-card{
  background:linear-gradient(165deg,rgba(91,61,181,.92) 0%,rgba(48,32,108,.98) 100%)!important;
  border:1px solid rgba(247,211,88,.35)!important;
  box-shadow:0 4px 16px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.v64-mine-layout .v63-grid-title{
  color:var(--v40-gold)!important;
}

/* V64-G: List section single card like Earn menu */
body.v64-mine-layout .v63-list{
  background:linear-gradient(165deg,rgba(91,61,181,.88) 0%,rgba(48,32,108,.95) 100%)!important;
  border:1px solid rgba(247,211,88,.3)!important;
}
body.v64-mine-layout .v63-list-lbl{
  color:var(--v40-gold)!important;
}

/* V64-H: Service center card */
body.v64-mine-layout .v63-svc{
  background:linear-gradient(165deg,rgba(91,61,181,.88) 0%,rgba(48,32,108,.95) 100%)!important;
  border:1px solid rgba(247,211,88,.3)!important;
}
body.v64-mine-layout .v63-svc-title{
  color:rgba(247,211,88,.55)!important;
}

/* ===================================================================
   V65 — SUBTLE PREMIUM POLISH (overrides V64 golden overload)
   White text | soft purple borders | 3D webp icons | proper spacing
   =================================================================== */

/* Spacing — restore breathable gaps between sections */
body.v65-mine-refined .v63-wrap{
  gap:.22rem!important;
  margin:.2rem auto 0!important;
  padding:0 .32rem .28rem!important;
}
body.v65-mine-refined .v63-grid{
  gap:.18rem!important;
}

/* Quick actions inside balance card — subtle divider only */
body.v65-mine-refined .mine .mine-account .v63-qa{
  border-top:1px solid rgba(255,255,255,.08)!important;
  padding-top:.22rem!important;
  margin-top:.18rem!important;
}
body.v65-mine-refined .v63-qa-lbl{
  color:rgba(255,255,255,.85)!important;
  font-weight:500!important;
}

/* Icon containers — no golden box, let 3D asset shine */
body.v65-mine-refined .v63-qa-icon,
body.v65-mine-refined .v63-grid-icon,
body.v65-mine-refined .v63-list-icon,
body.v65-mine-refined .v63-svc-icon{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
body.v65-mine-refined .v63-qa-icon svg,
body.v65-mine-refined .v63-grid-icon svg,
body.v65-mine-refined .v63-list-icon svg,
body.v65-mine-refined .v63-svc-icon svg{
  display:none!important;
}
body.v65-mine-refined .v63-qa-icon img{
  width:.62rem!important;
  height:.62rem!important;
  object-fit:contain!important;
  display:block!important;
}
body.v65-mine-refined .v63-grid-icon img{
  width:.78rem!important;
  height:.78rem!important;
  object-fit:contain!important;
  display:block!important;
}
body.v65-mine-refined .v63-list-icon img{
  width:.56rem!important;
  height:.56rem!important;
  object-fit:contain!important;
  display:block!important;
}
body.v65-mine-refined .v63-svc-icon img{
  width:.64rem!important;
  height:.64rem!important;
  object-fit:contain!important;
  display:block!important;
}

/* Grid cards — soft purple, NO gold border, white text */
body.v65-mine-refined .v63-grid-card{
  background:linear-gradient(145deg,rgba(90,55,140,.55),rgba(55,30,100,.78))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 3px 14px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)!important;
  padding:.24rem .2rem!important;
}
body.v65-mine-refined .v63-grid-title{
  color:rgba(255,255,255,.94)!important;
  font-weight:600!important;
}
body.v65-mine-refined .v63-grid-sub{
  color:rgba(255,255,255,.45)!important;
}

/* List — separate floating cards with gap (fixes overlap highlight bug) */
body.v65-mine-refined .v63-list{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.16rem!important;
}
body.v65-mine-refined .v63-list-row{
  background:linear-gradient(145deg,rgba(90,55,140,.55),rgba(55,30,100,.78))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:.2rem!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 2px 10px rgba(0,0,0,.22)!important;
  padding:.22rem .24rem!important;
}
body.v65-mine-refined .v63-list-row:active{
  background:linear-gradient(145deg,rgba(100,65,150,.6),rgba(65,40,110,.82))!important;
}
body.v65-mine-refined .v63-list-lbl{
  color:rgba(255,255,255,.9)!important;
  font-weight:500!important;
}

/* Service center — soft card, white labels */
body.v65-mine-refined .v63-svc{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 2px 12px rgba(0,0,0,.2)!important;
  padding:.22rem .22rem .26rem!important;
}
body.v65-mine-refined .v63-svc-title{
  color:rgba(255,255,255,.42)!important;
}
body.v65-mine-refined .v63-svc-lbl{
  color:rgba(255,255,255,.78)!important;
}

/* Logout — subtle white border, white text */
body.v65-mine-refined .v63-logout{
  border:1px solid rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.75)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
  margin-top:.06rem!important;
}
body.v65-mine-refined .v63-logout span{
  color:rgba(255,255,255,.75)!important;
}
body.v65-mine-refined .v63-logout svg{
  stroke:rgba(255,255,255,.65)!important;
}
body.v65-mine-refined .v63-logout:active{
  background:rgba(255,255,255,.04)!important;
}

/* Kill all V64 golden text/border overrides when V65 active */
body.v65-mine-refined.v64-icon-active .v63-qa-lbl,
body.v65-mine-refined.v64-icon-active .v63-list-lbl,
body.v65-mine-refined.v64-icon-active .v63-svc-lbl,
body.v65-mine-refined.v64-icon-active .v63-svc-title,
body.v65-mine-refined.v64-mine-layout .v63-grid-title,
body.v65-mine-refined.v64-mine-layout .v63-list-lbl{
  color:inherit!important;
}
body.v65-mine-refined .v63-grid-icon,
body.v65-mine-refined .v63-list-icon,
body.v65-mine-refined .v63-qa-icon,
body.v65-mine-refined .v63-svc-icon{
  background:transparent!important;
  border:none!important;
}

/* ===================================================================
   V66 — GOLDEN PREMIUM ICONS (large) + DEEP CARD POLISH + GENEROUS GAPS
   =================================================================== */

/* Section gaps — airy premium spacing */
body.v66-golden-premium .v63-wrap{
  gap:.34rem!important;
  margin:.24rem auto 0!important;
  padding:0 .32rem .36rem!important;
}
body.v66-golden-premium .v63-grid{
  gap:.24rem!important;
}
body.v66-golden-premium .v63-list{
  gap:.2rem!important;
}
body.v66-golden-premium .v63-svc{
  margin-top:.04rem!important;
}
body.v66-golden-premium .v63-logout{
  margin-top:.12rem!important;
}

/* Deep card finishing — rich purple depth + inner shine */
body.v66-golden-premium .v63-grid-card{
  background:linear-gradient(158deg,rgba(108,70,168,.78) 0%,rgba(68,42,128,.9) 48%,rgba(42,24,88,.96) 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.24rem!important;
  padding:.3rem .22rem!important;
  box-shadow:
    0 6px 22px rgba(0,0,0,.38),
    0 1px 0 rgba(255,255,255,.09) inset,
    0 -1px 0 rgba(0,0,0,.25) inset!important;
}
body.v66-golden-premium .v63-list-row{
  background:linear-gradient(158deg,rgba(108,70,168,.72) 0%,rgba(68,42,128,.88) 50%,rgba(42,24,88,.94) 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.24rem!important;
  padding:.26rem .28rem!important;
  box-shadow:
    0 4px 16px rgba(0,0,0,.32),
    0 1px 0 rgba(255,255,255,.08) inset!important;
}
body.v66-golden-premium .v63-svc{
  background:linear-gradient(158deg,rgba(95,60,150,.65) 0%,rgba(55,32,105,.85) 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:.24rem!important;
  padding:.26rem .24rem .3rem!important;
  box-shadow:0 4px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.07)!important;
}

/* Quick actions row inside balance card */
body.v66-golden-premium .mine .mine-account .v63-qa{
  gap:.08rem!important;
  padding-top:.24rem!important;
  margin-top:.2rem!important;
}

/* Golden icon containers — larger + glow pedestal */
body.v66-golden-premium .v63-qa-icon,
body.v66-golden-premium .v63-grid-icon,
body.v66-golden-premium .v63-list-icon,
body.v66-golden-premium .v63-svc-icon{
  background:radial-gradient(circle at 38% 28%,rgba(255,225,120,.22) 0%,rgba(240,176,64,.08) 55%,rgba(0,0,0,.05) 100%)!important;
  border:1px solid rgba(245,194,76,.2)!important;
  box-shadow:
    0 4px 14px rgba(0,0,0,.28),
    0 0 12px rgba(245,194,76,.08),
    inset 0 1px 0 rgba(255,230,140,.15)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.v66-golden-premium .v63-qa-icon{
  width:.92rem!important;
  height:.92rem!important;
  border-radius:.18rem!important;
}
body.v66-golden-premium .v63-grid-icon{
  width:1.08rem!important;
  height:1.08rem!important;
  border-radius:.2rem!important;
  flex-shrink:0!important;
}
body.v66-golden-premium .v63-list-icon{
  width:.96rem!important;
  height:.96rem!important;
  border-radius:.18rem!important;
}
body.v66-golden-premium .v63-svc-icon{
  width:1rem!important;
  height:1rem!important;
  border-radius:.2rem!important;
}

/* Hide webp imgs — show golden SVG only */
body.v66-golden-premium .v63-qa-icon img,
body.v66-golden-premium .v63-grid-icon img,
body.v66-golden-premium .v63-list-icon img,
body.v66-golden-premium .v63-svc-icon img{
  display:none!important;
}
body.v66-golden-premium .v63-qa-icon svg{
  width:68%!important;
  height:68%!important;
  display:block!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));
}
body.v66-golden-premium .v63-grid-icon svg{
  width:72%!important;
  height:72%!important;
  display:block!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.5));
}
body.v66-golden-premium .v63-list-icon svg{
  width:70%!important;
  height:70%!important;
  display:block!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));
}
body.v66-golden-premium .v63-svc-icon svg{
  width:68%!important;
  height:68%!important;
  display:block!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45));
}

/* Text stays white, labels crisp */
body.v66-golden-premium .v63-grid-title{
  color:rgba(255,255,255,.96)!important;
  font-size:.26rem!important;
}
body.v66-golden-premium .v63-grid-sub{
  color:rgba(255,255,255,.48)!important;
  font-size:.2rem!important;
}
body.v66-golden-premium .v63-list-lbl{
  color:rgba(255,255,255,.92)!important;
  font-size:.28rem!important;
}
body.v66-golden-premium .v63-qa-lbl{
  color:rgba(255,255,255,.88)!important;
  font-size:.23rem!important;
  margin-top:.04rem!important;
}
body.v66-golden-premium .v63-svc-lbl{
  color:rgba(255,255,255,.82)!important;
  font-size:.21rem!important;
}
body.v66-golden-premium .v63-svc-title{
  color:rgba(255,255,255,.4)!important;
  letter-spacing:.06em!important;
  margin-bottom:.22rem!important;
}

/* Grid card inner layout — more room for big icon */
body.v66-golden-premium .v63-grid-card{
  gap:.2rem!important;
  min-height:1.15rem!important;
}
body.v66-golden-premium .v63-svc-grid{
  gap:.18rem!important;
}

/* ===================================================================
   V67 — KWG REALISTIC FEEL (overrides V66 box-in-box) + unified list card
   Large 3D golden webp icons | integrated cards | white text
   =================================================================== */

body.v67-kwg-real .v63-wrap{
  gap:.28rem!important;
  padding:0 .32rem .32rem!important;
}

/* Quick actions — clean row, large 3D icons, no nested box */
body.v67-kwg-real .mine .mine-account .v63-qa{
  border-top:1px solid rgba(255,255,255,.08)!important;
  padding-top:.22rem!important;
  gap:.06rem!important;
}
body.v67-kwg-real .v63-qa-icon{
  width:auto!important;
  height:auto!important;
  min-height:.72rem!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.v67-kwg-real .v63-qa-icon img{
  width:.72rem!important;
  height:.72rem!important;
  display:block!important;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));
}
body.v67-kwg-real .v63-qa-icon svg{display:none!important;}
body.v67-kwg-real .v63-qa-lbl{
  color:rgba(255,255,255,.88)!important;
  font-size:.22rem!important;
}

/* 2×2 grid — genuine mine-card-box feel (KWG ref) */
body.v67-kwg-real .v63-grid{
  gap:.2rem!important;
}
body.v67-kwg-real .v63-grid-card{
  background:linear-gradient(165deg,rgba(91,61,181,.92) 0%,rgba(48,32,108,.98) 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:.32rem!important;
  padding:.14rem .12rem .14rem .04rem!important;
  min-height:1.45rem!important;
  box-shadow:0 4px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important;
  gap:.06rem!important;
}
body.v67-kwg-real .v63-grid-icon{
  width:1.35rem!important;
  height:1.35rem!important;
  min-width:1.35rem!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
body.v67-kwg-real .v63-grid-icon img{
  width:1.35rem!important;
  height:1.35rem!important;
  object-fit:contain!important;
  transform:scale(1.15)!important;
  transform-origin:left center!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.4));
}
body.v67-kwg-real .v63-grid-icon svg{display:none!important;}
body.v67-kwg-real .v63-grid-title{
  color:rgba(255,255,255,.95)!important;
  font-size:.28rem!important;
  font-weight:600!important;
}
body.v67-kwg-real .v63-grid-sub{
  color:rgba(255,255,255,.5)!important;
  font-size:.21rem!important;
}

/* List — ONE unified card with dividers (KWG ref image 3) */
body.v67-kwg-real .v63-list{
  background:linear-gradient(165deg,rgba(91,61,181,.88) 0%,rgba(48,32,108,.95) 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:.32rem!important;
  box-shadow:0 4px 16px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
  gap:0!important;
  display:flex!important;
  flex-direction:column!important;
}
body.v67-kwg-real .v63-list-row{
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  padding:.22rem .24rem .22rem .1rem!important;
  min-height:1.1rem!important;
}
body.v67-kwg-real .v63-list-row:last-child{border-bottom:none!important;}
body.v67-kwg-real .v63-list-row:active{background:rgba(255,255,255,.04)!important;}
body.v67-kwg-real .v63-list-icon{
  width:1.05rem!important;
  height:1.05rem!important;
  min-width:1.05rem!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
body.v67-kwg-real .v63-list-icon img{
  width:1.05rem!important;
  height:1.05rem!important;
  transform:scale(1.12)!important;
  transform-origin:left center!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));
}
body.v67-kwg-real .v63-list-icon svg{display:none!important;}
body.v67-kwg-real .v63-list-lbl{
  color:rgba(255,255,255,.92)!important;
  font-size:.3rem!important;
}

/* Service center — integrated single card */
body.v67-kwg-real .v63-svc{
  background:linear-gradient(165deg,rgba(91,61,181,.85) 0%,rgba(48,32,108,.92) 100%)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:.32rem!important;
  padding:.24rem .2rem .28rem!important;
  box-shadow:0 4px 16px rgba(0,0,0,.28)!important;
}
body.v67-kwg-real .v63-svc-title{
  color:rgba(255,255,255,.45)!important;
  text-transform:uppercase!important;
  font-size:.2rem!important;
  letter-spacing:.05em!important;
  margin-bottom:.2rem!important;
}
body.v67-kwg-real .v63-svc-icon{
  width:auto!important;
  height:auto!important;
  min-height:.8rem!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.v67-kwg-real .v63-svc-icon img{
  width:.8rem!important;
  height:.8rem!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.35));
}
body.v67-kwg-real .v63-svc-icon svg{display:none!important;}
body.v67-kwg-real .v63-svc-lbl{
  color:rgba(255,255,255,.78)!important;
  font-size:.2rem!important;
}
body.v67-kwg-real .v63-svc-grid{gap:.16rem!important;}

/* Logout — pill outline like KWG ref */
body.v67-kwg-real .v63-logout{
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  color:rgba(255,255,255,.78)!important;
  margin-top:.08rem!important;
}
body.v67-kwg-real .v63-logout span{color:rgba(255,255,255,.78)!important;}
body.v67-kwg-real .v63-logout svg{stroke:rgba(255,255,255,.65)!important;}

/* ===================================================================
   V68 — Deep embossed golden SVG icons (NO Rex/webp)
   =================================================================== */

body.v68-deep-gold .v63-qa-icon img,
body.v68-deep-gold .v63-grid-icon img,
body.v68-deep-gold .v63-list-icon img,
body.v68-deep-gold .v63-svc-icon img{
  display:none!important;
}

body.v68-deep-gold .v63-qa-icon svg,
body.v68-deep-gold .v63-grid-icon svg,
body.v68-deep-gold .v63-list-icon svg,
body.v68-deep-gold .v63-svc-icon svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.38)) drop-shadow(0 1px 0 rgba(255,220,120,.25));
}

body.v68-deep-gold .v63-qa-icon{
  width:1.38rem!important;
  height:1.38rem!important;
  min-height:1.38rem!important;
}
body.v68-deep-gold .v63-qa-icon svg{
  width:1.38rem!important;
  height:1.38rem!important;
}

body.v68-deep-gold .v63-grid-icon{
  width:.98rem!important;
  height:.98rem!important;
  min-width:.98rem!important;
}
body.v68-deep-gold .v63-grid-icon svg{
  width:.98rem!important;
  height:.98rem!important;
  transform:none!important;
  transform-origin:center center!important;
}

body.v68-deep-gold .v63-list-icon{
  width:.9rem!important;
  height:.9rem!important;
  min-width:.9rem!important;
}
body.v68-deep-gold .v63-list-icon svg{
  width:.9rem!important;
  height:.9rem!important;
}

body.v68-deep-gold .v63-svc-icon{
  width:.92rem!important;
  height:.92rem!important;
  min-height:.92rem!important;
}
body.v68-deep-gold .v63-svc-icon svg{
  width:.92rem!important;
  height:.92rem!important;
}

body.v68-deep-gold .v63-qa-icon,
body.v68-deep-gold .v63-grid-icon,
body.v68-deep-gold .v63-list-icon,
body.v68-deep-gold .v63-svc-icon{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* ===================================================================
   V69 — Balance polish + 3 QA row + semantic deep icons + extra list
   =================================================================== */

body.v69-mine-polish .mine .mine-account.v69-bal-card{
  padding:.24rem .28rem .18rem!important;
  border-radius:.32rem!important;
  background:linear-gradient(165deg,rgba(72,48,140,.95) 0%,rgba(38,24,88,.98) 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 6px 20px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.v69-mine-polish .mine .mine-account--balance{
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  font-size:inherit!important;
  text-shadow:none!important;
}

body.v69-mine-polish .v69-bal-label{
  font-size:.24rem!important;
  font-weight:500!important;
  color:rgba(255,255,255,.52)!important;
  letter-spacing:.02em!important;
  margin-bottom:.1rem!important;
  display:block!important;
}

body.v69-mine-polish .v69-bal-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  gap:.16rem!important;
  min-height:.56rem!important;
}

body.v69-mine-polish .v69-bal-row>*:first-child{
  flex:1!important;
  min-width:0!important;
  font-size:.52rem!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.01em!important;
  line-height:1.15!important;
  color:#F5C24C!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.v69-mine-polish .v69-bal-refresh,
body.v69-mine-polish .mine-account--refresh.v69-bal-refresh{
  flex-shrink:0!important;
  width:.44rem!important;
  height:.44rem!important;
  padding:0!important;
  margin:0!important;
  border:none!important;
  background:transparent!important;
  color:rgba(255,255,255,.55)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
}

body.v69-mine-polish .v69-bal-refresh svg{
  width:.36rem!important;
  height:.36rem!important;
  display:block!important;
}

body.v69-mine-polish .v62-balance-label{display:none!important;}

/* Quick actions — 3 columns only */
body.v69-mine-polish .mine .mine-account .v63-qa,
body.v69-mine-polish .v63-qa{
  grid-template-columns:repeat(3,1fr)!important;
  gap:.2rem!important;
  padding:.2rem .12rem 0!important;
  margin-top:.16rem!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  background:transparent!important;
  border-left:none!important;
  border-right:none!important;
  border-bottom:none!important;
  box-shadow:none!important;
}

body.v69-mine-polish .v63-qa-item{
  gap:.08rem!important;
}

body.v69-mine-polish .v63-qa-icon svg{
  width:.82rem!important;
  height:.82rem!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))!important;
}

body.v69-mine-polish .v63-grid-icon svg{
  width:1.28rem!important;
  height:1.28rem!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.38))!important;
}

body.v69-mine-polish .v63-list-icon svg{
  width:1rem!important;
  height:1rem!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))!important;
}

body.v69-mine-polish .v63-svc-icon svg{
  width:.86rem!important;
  height:.86rem!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))!important;
}

body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-qa-icon img,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-grid-icon img,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-list-icon img,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-svc-icon img{
  display:none!important;
}

body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-qa-icon svg,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-grid-icon svg,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-list-icon svg,
body.v69-mine-polish:not(.v72-mine-rex-icons) .v63-svc-icon svg{
  display:block!important;
}

body.v69-mine-polish .v63-list-row[data-v69nav="dailyRewards"] .v63-list-lbl,
body.v69-mine-polish .v63-list-row[data-v69nav="spinReward"] .v63-list-lbl{
  color:rgba(255,255,255,.92)!important;
}

/* ===================================================================
   V70 — Fix duplicate balance + clean amount + final mine polish
   =================================================================== */

body.v69-mine-polish .mine .mine-account--balance{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
}

body.v69-mine-polish .mine .mine-account--balance > *:not(.v69-bal-label):not(.v69-bal-row){
  display:none!important;
}

body.v69-mine-polish .v69-bal-amt,
body.v69-mine-polish .v69-bal-row .v69-bal-amt,
body.v69-mine-polish .v69-bal-row > *:first-child{
  background:none!important;
  border:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  text-shadow:none!important;
}

body.v69-mine-polish .v69-bal-row{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
}

body.v69-mine-polish .mine .mine-account.v69-bal-card{
  background:linear-gradient(165deg,rgba(68,44,132,.92) 0%,rgba(34,20,78,.96) 100%)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.28)!important;
}

body.v69-mine-polish .v69-bal-label{
  color:rgba(255,255,255,.48)!important;
  font-size:.22rem!important;
  margin-bottom:.08rem!important;
}

body.v69-mine-polish .v69-bal-amt{
  font-size:.48rem!important;
  font-weight:700!important;
  color:#F5C24C!important;
  letter-spacing:.008em!important;
  line-height:1.1!important;
}

body.v69-mine-polish .v63-wrap{gap:.24rem!important;}

body.v69-mine-polish .v63-grid-card,
body.v69-mine-polish .v63-list,
body.v69-mine-polish .v63-svc{
  border:1px solid rgba(255,255,255,.05)!important;
}

body.v69-mine-polish .v63-qa-icon svg,
body.v69-mine-polish .v63-grid-icon svg,
body.v69-mine-polish .v63-list-icon svg,
body.v69-mine-polish .v63-svc-icon svg{
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.4)) drop-shadow(0 0 8px rgba(240,180,50,.12))!important;
}

body.v69-mine-polish .v63-list-row:not(:last-child){
  border-bottom:1px solid rgba(255,255,255,.05)!important;
}

body.v69-mine-polish .v63-logout{
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.03)!important;
}


   V72 — RexSolutions PNG mine icons (no overlay / clean fit)
   ============================================================ */
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon,
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon,
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon,
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon{
  background:transparent!important;
  background-image:none!important;
  border:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
}
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon{
  width:1.38rem!important;
  height:1.38rem!important;
  border-radius:0!important;
}
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon{
  width:.98rem!important;
  height:.98rem!important;
  border-radius:0!important;
}
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon{
  width:.9rem!important;
  height:.9rem!important;
  border-radius:0!important;
}
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon{
  width:1.38rem!important;
  height:1.38rem!important;
  border-radius:0!important;
}
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon img.v72-mine-icon,
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon img.v72-mine-icon,
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon img.v72-mine-icon,
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon img.v72-mine-icon{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon svg,
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon svg,
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon svg,
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon svg{
  display:none!important;
}
body.v72-mine-rex-icons.v69-mine-polish .v63-qa-icon img.v72-mine-icon,
body.v72-mine-rex-icons.v69-mine-polish .v63-grid-icon img.v72-mine-icon,
body.v72-mine-rex-icons.v69-mine-polish .v63-list-icon img.v72-mine-icon,
body.v72-mine-rex-icons.v69-mine-polish .v63-svc-icon img.v72-mine-icon{
  display:block!important;
  filter:none!important;
}
body.v72-mine-rex-icons.v69-mine-polish .v63-qa-icon.v72-rex-icon svg,
body.v72-mine-rex-icons.v69-mine-polish .v63-grid-icon.v72-rex-icon svg,
body.v72-mine-rex-icons.v69-mine-polish .v63-list-icon.v72-rex-icon svg,
body.v72-mine-rex-icons.v69-mine-polish .v63-svc-icon.v72-rex-icon svg{
  display:none!important;
}
body.v72-mine-rex-icons.v69-mine-polish .v63-list-icon:not(.v72-rex-icon) svg,
body.v72-mine-rex-icons.v69-mine-polish .v63-grid-icon:not(.v72-rex-icon) svg{
  display:block!important;
}
body.v72-mine-rex-icons.v68-deep-gold .v63-qa-icon.v72-rex-icon,
body.v72-mine-rex-icons.v68-deep-gold .v63-grid-icon.v72-rex-icon,
body.v72-mine-rex-icons.v68-deep-gold .v63-list-icon.v72-rex-icon,
body.v72-mine-rex-icons.v68-deep-gold .v63-svc-icon.v72-rex-icon{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
body.v72-mine-rex-icons.v66-golden-premium .v63-qa-icon.v72-rex-icon::after,
body.v72-mine-rex-icons.v64-icon-active .v63-qa-icon.v72-rex-icon::after{
  display:none!important;
  content:none!important;
}


/* === AR095 local DOM: hide native Mine sections when ref UI active === */
body.v63-mine-active .comminWallet,
body.v63-mine-active .totalSavings__container-content,
body.v63-mine-active .financialServices__container,
body.v63-mine-active .settingPanel__container,
body.v63-mine-active .serviceCenter__container,
body.v63-mine-active .serviceCenter-wrap-header,
/* Hide only native Mine logout chrome — NEVER dialog Confirm/Cancel buttons */
body.v63-mine-active .serviceCenter-wrap > button,
body.v63-mine-active .serviceCenter-wrap-header button {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  pointer-events: none !important;
}

/* Force logout / tip dialog footer buttons visible on Mine */
body.v63-mine-active .dialog.active,
body.v40-route-mine .dialog.active,
html body .dialog.active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 10060 !important;
}
body.v63-mine-active .dialog__container-footer,
body.v40-route-mine .dialog__container-footer,
html body .dialog.active .dialog__container-footer {
  display: flex !important;
  flex-direction: column !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  width: 100% !important;
  margin-top: 0.8rem !important;
  padding: 0 0.26667rem !important;
  pointer-events: auto !important;
}
body.v63-mine-active .dialog__container-footer button,
body.v40-route-mine .dialog__container-footer button,
html body .dialog.active .dialog__container-footer button {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: 100% !important;
  height: 1.06667rem !important;
  max-height: none !important;
  margin: 0 0 0.26667rem 0 !important;
  padding: 0 !important;
  border-radius: 9rem !important;
  font-size: 0.42667rem !important;
  font-weight: 700 !important;
  line-height: 1.06667rem !important;
  text-align: center !important;
  color: #1B0B36 !important;
  background: linear-gradient(180deg, #FFE08A 0%, #F4B942 100%) !important;
  border: none !important;
}
body.v63-mine-active .dialog__container-footer button:last-of-type,
body.v40-route-mine .dialog__container-footer button:last-of-type,
html body .dialog.active .dialog__container-footer button:last-of-type {
  color: #F4B942 !important;
  background: transparent !important;
  border: 0.01333rem solid #F4B942 !important;
  margin-bottom: 0 !important;
}

/* === MINE LAYOUT POLISH (mineRef13) — avatar/header nudged down; content follows === */
/* Kill native 5.6rem/2.9rem pad + tabbar clearance; exclude SettingCenter */

/* 1) Avatar + last login — extra top pad so header not stuck to top edge */
body.v63-mine-active .userInfo__container:not(.setting-page-container),
body.v40-route-mine .userInfo__container:not(.setting-page-container),
body.v69-mine-polish .userInfo__container:not(.setting-page-container) {
  display: flex !important;
  visibility: visible !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: .55rem .28rem .2rem !important;
  margin-top: 0 !important;
  align-items: center !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
}
body.v63-mine-active .userInfo__container:not(.setting-page-container) .userInfo__container-content,
body.v69-mine-polish .userInfo__container:not(.setting-page-container) .userInfo__container-content {
  display: flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 0 .28rem !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
body.v63-mine-active .userInfo__container:not(.setting-page-container) .userInfo__container-content__avatar,
body.v69-mine-polish .userInfo__container:not(.setting-page-container) .userInfo__container-content__avatar {
  display: block !important;
  visibility: visible !important;
  width: 1.86667rem !important;
  height: 1.86667rem !important;
  min-width: 1.86667rem !important;
  min-height: 1.86667rem !important;
  margin-top: 0 !important;
  margin-right: .2rem !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}
body.v63-mine-active .userInfo__container:not(.setting-page-container) .userInfo__container-content-logintime,
body.v69-mine-polish .userInfo__container:not(.setting-page-container) .userInfo__container-content-logintime {
  display: block !important;
  visibility: visible !important;
  font-size: .29333rem !important;
  color: #fff !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
/* Kill native overlap; add bottom pad so Log out clears tabbar */
body.v63-mine-active .userinfo-content,
body.v40-route-mine .userinfo-content,
body.v69-mine-polish .userinfo-content {
  top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .24rem !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto !important;
  padding-bottom: 2.2rem !important;
  box-sizing: border-box !important;
}

/* 2) Total Balance + large QA icons (ref: 1.38rem) */
body.v69-mine-polish .totalSavings__container,
body.v63-mine-active .totalSavings__container,
body.v69-mine-polish #app .totalSavings__container,
body.v63-mine-active #app .totalSavings__container,
.totalSavings__container:has(.v63-qa),
#app .totalSavings__container:has(.v63-qa) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: .08rem .14rem .12rem !important;
  padding: .24rem .28rem .18rem !important;
  width: calc(100% - .28rem) !important;
  box-sizing: border-box !important;
  border-radius: .32rem !important;
  background: linear-gradient(165deg, rgba(72,48,140,.95) 0%, rgba(38,24,88,.98) 100%) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
  flex: none !important;
  justify-content: flex-start !important;
}
body.v69-mine-polish .totalSavings__container-header,
body.v69-mine-polish .totalSavings__container-header-box {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Kill native ar-1px-b:after divider stuck above ₹ amount */
body.v69-mine-polish .totalSavings__container-header-box.ar-1px-b:after,
body.v63-mine-active .totalSavings__container-header-box.ar-1px-b:after,
body.v69-mine-polish .totalSavings__container-header-box:after,
body.v63-mine-active .totalSavings__container-header-box:after,
body.v69-mine-polish .totalSavings__container-header.ar-1px-b:after,
body.v69-mine-polish .totalSavings__container-header:after {
  display: none !important;
  content: none !important;
  border: none !important;
  height: 0 !important;
}
body.v69-mine-polish .totalSavings__container-header__title,
body.v69-mine-polish .totalSavings__container-header__title span {
  font-size: .28rem !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,.52) !important;
}
body.v69-mine-polish .totalSavings__container-header__subtitle,
body.v69-mine-polish .totalSavings__container-header__subtitle span {
  font-size: .52rem !important;
  font-weight: 700 !important;
  color: #FDCB5C !important;
  letter-spacing: .008em !important;
  line-height: 1.1 !important;
  margin-top: .1rem !important;
  border: none !important;
  border-top: none !important;
}
body.v64-mine-layout .totalSavings__container .v63-qa,
body.v69-mine-polish .totalSavings__container .v63-qa,
.totalSavings__container:has(.v63-qa) .v63-qa {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  width: 100% !important;
  margin-top: .16rem !important;
  padding: .22rem 0 0 !important;
  gap: .16rem !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}
body.v69-mine-polish .v63-qa-item,
.totalSavings__container:has(.v63-qa) .v63-qa-item {
  min-height: 1.62rem !important;
  gap: .14rem !important;
}
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon,
body.v69-mine-polish .v63-qa-icon.v72-rex-icon,
body.v69-mine-polish .v63-qa-icon,
.totalSavings__container:has(.v63-qa) .v63-qa-icon.v72-rex-icon,
.totalSavings__container:has(.v63-qa) .v63-qa-icon {
  width: 1.38rem !important;
  height: 1.38rem !important;
  min-width: 1.38rem !important;
  min-height: 1.38rem !important;
}
body.v72-mine-rex-icons .v63-qa-icon.v72-rex-icon img.v72-mine-icon,
body.v69-mine-polish .v63-qa-icon img.v72-mine-icon,
.totalSavings__container:has(.v63-qa) .v63-qa-icon img.v72-mine-icon {
  width: 1.38rem !important;
  height: 1.38rem !important;
  display: block !important;
}
body.v69-mine-polish .v63-qa-lbl,
.totalSavings__container:has(.v63-qa) .v63-qa-lbl {
  font-size: .36rem !important;
  font-weight: 500 !important;
}

/* 3) Grid / list / svc — reference sizes + section gaps */
body.v69-mine-polish .v63-grid,
.v63-wrap[data-v63-wrap] .v63-grid {
  gap: .2rem !important;
}
body.v69-mine-polish .v63-grid-card,
.v63-wrap[data-v63-wrap] .v63-grid-card {
  min-height: 1.28rem !important;
  padding: .24rem .2rem !important;
  box-sizing: border-box !important;
}
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon,
.v63-wrap[data-v63-wrap] .v63-grid-icon.v72-rex-icon {
  width: .98rem !important;
  height: .98rem !important;
}
body.v72-mine-rex-icons .v63-grid-icon.v72-rex-icon img.v72-mine-icon,
.v63-wrap[data-v63-wrap] .v63-grid-icon img.v72-mine-icon {
  width: .98rem !important;
  height: .98rem !important;
}
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon,
.v63-wrap[data-v63-wrap] .v63-list-icon.v72-rex-icon {
  width: .9rem !important;
  height: .9rem !important;
}
body.v72-mine-rex-icons .v63-list-icon.v72-rex-icon img.v72-mine-icon,
.v63-wrap[data-v63-wrap] .v63-list-icon img.v72-mine-icon {
  width: .9rem !important;
  height: .9rem !important;
}
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon,
.v63-wrap[data-v63-wrap] .v63-svc-icon.v72-rex-icon {
  width: 1.38rem !important;
  height: 1.38rem !important;
}
body.v72-mine-rex-icons .v63-svc-icon.v72-rex-icon img.v72-mine-icon,
.v63-wrap[data-v63-wrap] .v63-svc-icon img.v72-mine-icon {
  width: 1.38rem !important;
  height: 1.38rem !important;
}
body.v69-mine-polish .v63-grid-title,
.v63-wrap[data-v63-wrap] .v63-grid-title {
  font-size: .32rem !important;
}
body.v69-mine-polish .v63-grid-sub,
.v63-wrap[data-v63-wrap] .v63-grid-sub {
  font-size: .24rem !important;
}
/* Notifications → bottom: same size + mota (ref image 2) */
body.v69-mine-polish .v63-list-lbl,
body.v67-kwg-real .v63-list-lbl,
.v63-wrap[data-v63-wrap] .v63-list-lbl {
  font-size: .36rem !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.95) !important;
  letter-spacing: .01em !important;
}
body.v69-mine-polish.v72-mine-rex-icons .v63-list-row,
.v63-wrap[data-v63-wrap] .v63-list-row {
  min-height: 1.28rem !important;
  padding: .26rem .22rem .26rem .14rem !important;
}
body.v69-mine-polish .v63-svc-item,
.v63-wrap[data-v63-wrap] .v63-svc-item {
  min-height: 1.62rem !important;
}
body.v69-mine-polish .v63-svc-title,
.v63-wrap[data-v63-wrap] .v63-svc-title {
  font-size: .28rem !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.55) !important;
  letter-spacing: .04em !important;
}
body.v69-mine-polish .v63-svc-lbl,
body.v67-kwg-real .v63-svc-lbl,
.v63-wrap[data-v63-wrap] .v63-svc-lbl {
  font-size: .36rem !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.92) !important;
}
body.v69-mine-polish .v63-logout,
body.v69-mine-polish .v63-logout span,
.v63-wrap[data-v63-wrap] .v63-logout,
.v63-wrap[data-v63-wrap] .v63-logout span {
  font-size: .34rem !important;
  font-weight: 700 !important;
}

/* 4) Section wrap gaps + logout above tabbar */
body.v69-mine-polish .v63-wrap,
body.v64-mine-layout .v63-wrap,
body.v63-mine-active .v63-wrap,
.v63-wrap[data-v63-wrap] {
  display: flex !important;
  flex-direction: column !important;
  width: calc(100% - .28rem) !important;
  max-width: none !important;
  margin: .12rem auto 0 !important;
  gap: .24rem !important;
  padding: 0 0 2.2rem !important;
  box-sizing: border-box !important;
}
body.v69-mine-polish .v63-list,
body.v69-mine-polish .v63-svc,
body.v69-mine-polish .v63-logout {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.v69-mine-polish .v63-logout,
.v63-wrap[data-v63-wrap] .v63-logout {
  display: flex !important;
  visibility: visible !important;
  margin-bottom: .32rem !important;
}


/* === V85 — Change / Set Login Password modal (Mine + Login Forgot) === */
body.v85-pwd-open{overflow:hidden!important;}
.v85-pwd-modal{
  position:fixed;inset:0;z-index:10050;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:.4rem .36rem 1.4rem;box-sizing:border-box;
}
.v85-pwd-backdrop{
  position:absolute;inset:0;
  background:#000c;
}
.v85-pwd-card{
  position:relative;z-index:1;width:100%;max-width:7.73333rem;
  background:var(--bg_color_L2,#2D1B5E);
  border-radius:.26667rem;
  padding:.32rem .32rem .42667rem;
  box-shadow:0 .2rem .8rem rgba(0,0,0,.45);
  box-sizing:border-box;
}
.v85-pwd-title{
  text-align:center;font-size:.53333rem;font-weight:800;color:#fff;
  margin:0 0 .32rem;letter-spacing:.01em;line-height:.8rem;
}
.v85-pwd-field{
  display:flex;align-items:center;gap:.14rem;
  background:rgba(26,11,61,.55);
  border:.02667rem solid rgba(123,95,217,.55);
  border-radius:.26667rem;min-height:1.17333rem;
  padding:.16rem .26rem;margin-bottom:.21333rem;
  box-sizing:border-box;
}
.v85-pwd-field.is-readonly{opacity:.95;}
.v85-pwd-type{cursor:default;}
.v85-pwd-type-lbl{
  flex:1 1 auto;color:#fff;font-size:.32rem;font-weight:600;
}
.v85-pwd-chev{
  color:rgba(196,181,232,.85);font-size:.28rem;flex:0 0 auto;
}
.v85-pwd-ico{
  width:.42rem;height:.42rem;flex:0 0 auto;color:rgba(255,255,255,.92);
  display:grid;place-items:center;
}
.v85-pwd-ico svg{width:.38rem;height:.38rem;display:block;}
.v85-pwd-cc{
  color:#fff;font-weight:700;font-size:.3rem;flex:0 0 auto;
  padding-right:.06rem;
}
.v85-pwd-input{
  flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent!important;
  color:#fff!important;font-size:.32rem;font-weight:600;
  padding:.08rem 0;caret-color:#FFD23F;
}
.v85-pwd-input::placeholder{color:rgba(196,181,232,.72);font-weight:500;}
.v85-pwd-input[readonly]{cursor:default;color:rgba(255,255,255,.92)!important;}
.v85-pwd-otp-row .v85-pwd-input{padding-right:.1rem;}
.v85-pwd-send{
  flex:0 0 auto;min-width:1.5rem;height:.72rem;padding:0 .28rem;
  border:0;border-radius:.4rem;cursor:pointer;
  background:linear-gradient(180deg,#FFE57A 0%,#F5C842 48%,#E5A82E 100%);
  color:#1A0B3D;font-weight:800;font-size:.28rem;
  box-shadow:0 .06rem .16rem rgba(247,211,88,.28);
}
.v85-pwd-send:disabled{
  background:#443E53;color:#716981;box-shadow:none;cursor:default;
}
.v85-pwd-eye{
  flex:0 0 auto;width:.5rem;height:.5rem;border:0;background:transparent;
  color:rgba(196,181,232,.85);padding:0;cursor:pointer;display:grid;place-items:center;
}
.v85-pwd-eye svg{width:.36rem;height:.36rem;display:block;}
.v85-pwd-submit{
  width:100%;height:1.17333rem;margin-top:.21333rem;border:0;border-radius:.66667rem;
  cursor:pointer;font-size:.4rem;font-weight:800;
  color:#1A0B3D;
  background:linear-gradient(180deg,#FFE57A 0%,#E5A82E 100%);
  box-shadow:0 8px 8px 0 #FFF293 inset,0 2px 5px 0 rgba(0,0,0,.2);
}
.v85-pwd-submit:active{transform:scale(.98);}
.v85-pwd-hint{display:none!important;}
.v85-pwd-x{
  position:relative;z-index:1;margin-top:1.33333rem;
  width:.85333rem;height:.85333rem;border-radius:50%;
  border:.02667rem solid rgba(255,255,255,.65);
  background:transparent;color:#fff;
  font-size:.52rem;line-height:1;cursor:pointer;
  display:grid;place-items:center;padding:0;
}
.v85-pwd-x:active{opacity:.85;}
.v85-pwd-toast{
  position:fixed;left:50%;bottom:2.4rem;transform:translateX(-50%) translateY(12px);
  z-index:10060;max-width:80%;padding:.22rem .4rem;border-radius:.2rem;
  background:rgba(20,10,48,.92);color:#fff;font-size:.28rem;font-weight:600;
  opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;
  text-align:center;box-shadow:0 .12rem .32rem rgba(0,0,0,.35);
}
.v85-pwd-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.v85-pwd-toast.ok{background:rgba(34,120,72,.95);}