/* =========================================================
   AURA QUANT — LIGHT FINANCIAL THEME V1
   ========================================================= */

:root{
  --bg:#f3f8f5;
  --surface:#ffffff;
  --surface-soft:#f7fbf9;
  --surface-green:#edf8f3;

  --text:#17251f;
  --text-soft:#66766f;
  --text-muted:#89978f;

  --green:#18a77b;
  --green-dark:#087b5b;
  --green-soft:#dff5ec;
  --green-border:#cce9de;

  --border:#e0ebe6;
  --shadow:0 10px 35px rgba(23,72,55,.07);
}

/* PAGE */

html,
body{
  background:#f3f8f5 !important;
  color:#17251f !important;
}

body{
  background:
    radial-gradient(circle at 15% 0%,
      rgba(36,184,137,.08),
      transparent 30%),
    #f3f8f5 !important;
}

.app,
.shell,
main,
.page{
  background:transparent !important;
  color:#17251f !important;
}

/* HEADER */

header,
.header,
.topbar{
  background:rgba(255,255,255,.92) !important;
  border-color:#e0ebe6 !important;
  box-shadow:0 6px 25px rgba(26,83,62,.045) !important;
  backdrop-filter:blur(16px);
}

.logo,
.brand,
.brandName{
  color:#07966c !important;
}

#clock,
.muted,
small{
  color:#7c8b84;
}

/* GENERIC CARDS */

.card,
.panel,
.assetCard,
.marketCard,
.strategyCard,
.position,
.row,
.profileCard,
.teamCard,
.agentCard{
  background:#ffffff !important;
  border-color:#dfeae5 !important;
  color:#17251f !important;
  box-shadow:0 8px 30px rgba(24,78,59,.055) !important;
}

/* ASSET CARD */

.assetCard{
  background:
    linear-gradient(135deg,#ffffff 0%,#f4fbf8 100%) !important;
}

.assetCard::before{
  opacity:.35;
}

.assetCard h1,
.assetCard h2,
.assetCard b,
.assetCard strong{
  color:#17251f !important;
}

.assetCard .label,
.assetCard small{
  color:#74847c !important;
}

/* ACTION BUTTONS */

.actions button,
.quickActions button{
  background:#ffffff !important;
  border:1px solid #d9e9e2 !important;
  color:#263b32 !important;
  box-shadow:0 5px 18px rgba(21,82,59,.045);
}

.actions button:hover,
.quickActions button:hover{
  background:#ecf8f3 !important;
  border-color:#a9dcca !important;
}

.actions button span,
.quickActions button span{
  color:#12a67a !important;
}

/* MARKET */

.marketCard,
.marketSection{
  background:#ffffff !important;
}

.ticker{
  border-color:#e5ede9 !important;
}

.ticker b,
#chartSymbol{
  color:#21332b !important;
}

.up{
  color:#079d70 !important;
}

.down{
  color:#dc5964 !important;
}

/* STRATEGIES */

.strategyCard{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(145deg,#ffffff,#f5fbf8) !important;
}

.strategyCard::after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  right:-55px;
  top:-55px;
  border-radius:50%;
  background:rgba(27,176,129,.07);
  pointer-events:none;
}

.strategyCard h3{
  color:#17251f !important;
}

.strategyCard .tag{
  background:#e5f7f0 !important;
  color:#07855f !important;
  border-color:#c8eadd !important;
}

.strategyCard .rate{
  color:#079d70 !important;
}

.strategyMeta,
.strategyMeta span{
  color:#728078 !important;
}

.strategyCard button,
.primary{
  background:linear-gradient(135deg,#20b98a,#32c9a2) !important;
  border:0 !important;
  color:#ffffff !important;
  box-shadow:0 7px 20px rgba(27,174,130,.18) !important;
}

/* INPUTS */

input,
select,
textarea{
  background:#ffffff !important;
  color:#17251f !important;
  border:1px solid #d8e5df !important;
}

input:focus,
select:focus,
textarea:focus{
  border-color:#50c5a1 !important;
  box-shadow:0 0 0 3px rgba(42,187,143,.10) !important;
}

/* MODAL */

.modal{
  background:rgba(25,43,36,.28) !important;
  backdrop-filter:blur(7px);
}

.modalCard{
  background:#ffffff !important;
  border:1px solid #dfeae5 !important;
  color:#17251f !important;
  box-shadow:0 25px 80px rgba(18,57,43,.18) !important;
}

.modalCard h2{
  color:#17251f !important;
}

.close{
  color:#66766f !important;
}

/* ACCOUNT / MENU */

.menu button,
.accountMenu button{
  background:#ffffff !important;
  color:#20352c !important;
  border-color:#e3ece8 !important;
}

.menu button:hover,
.accountMenu button:hover{
  background:#f0faf6 !important;
}

/* BOTTOM NAV */

.bottom{
  background:rgba(255,255,255,.96) !important;
  border-color:#dfe9e5 !important;
  box-shadow:0 -8px 30px rgba(21,69,52,.06) !important;
}

.bottom button{
  color:#84928b !important;
}

.bottom button.active{
  color:#079b70 !important;
}

.bottom button.active i{
  background:#e2f6ee !important;
  color:#079b70 !important;
}

/* STATUS / TAGS */

.tag,
.badge{
  background:#eaf7f2 !important;
  color:#098660 !important;
  border-color:#d1ece2 !important;
}

/* TABLE / ROW */

.row{
  border-bottom-color:#e8efec !important;
}

.row b{
  color:#24372f !important;
}

/* AGENT */

.agentRule,
.agentRow,
.commissionRow{
  background:#ffffff !important;
  border-color:#e1ebe6 !important;
}

.agentRule.active{
  background:#eaf8f2 !important;
  border-color:#9edac5 !important;
}

.agentRule strong,
.commissionRow .up{
  color:#079d70 !important;
}

/* DISCLOSURE */

.disclosure{
  background:#f4f8f6 !important;
  border-color:#e1ebe6 !important;
  color:#7a8982 !important;
}

/* TOAST */

.toast{
  background:#173c30 !important;
  color:#ffffff !important;
}

/* MOBILE */

@media(max-width:720px){
  body{
    background:#f3f8f5 !important;
  }

  .card,
  .panel,
  .assetCard,
  .marketCard,
  .strategyCard{
    border-radius:18px !important;
  }
}

/* =========================================================
   AURA QUANT — LIGHT FINANCIAL THEME V2
   HOME HARD OVERRIDE
   ========================================================= */

/* 主页面 */
body,
#app,
.app,
main,
.main,
.page,
.content{
  background:#f4f9f6 !important;
  color:#172820 !important;
}

/* 首页所有主要卡片 */
.hero,
.balance-card,
.balanceCard,
.wallet-card,
.walletCard,
.asset-card,
.assetCard,
.quick-card,
.market,
.market-card,
.marketCard,
.section-card{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #dceae4 !important;
  color:#172820 !important;
  box-shadow:0 8px 28px rgba(28,92,67,.055) !important;
}

/* 资产大卡 */
.hero{
  position:relative;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-80px;
  top:-90px;
  border-radius:50%;
  background:rgba(36,190,143,.075);
  pointer-events:none;
}

.hero::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:15px;
  bottom:-70px;
  border-radius:50%;
  background:rgba(36,190,143,.045);
  pointer-events:none;
}

.hero > *{
  position:relative;
  z-index:1;
}

/* 首页文字 */
.hero h1,
.hero h2,
.hero h3,
.hero strong,
.hero b,
.balance-card h1,
.balanceCard h1{
  color:#14271f !important;
}

.hero .muted,
.hero small,
.hero .label,
.balance-card .muted,
.balanceCard .muted{
  color:#7c8c84 !important;
}

/* 金额 */
.hero .amount,
.hero .balance,
.hero .total,
.balance-card .amount,
.balanceCard .amount{
  color:#14271f !important;
}

/* 首页四个操作 */
.hero .actions,
.hero .quick,
.hero .quickActions,
.quickActions,
.actions{
  position:relative;
  z-index:2;
}

.hero .actions button,
.hero .quick button,
.hero .quickActions button,
.quickActions button,
.actions button{
  background:#f8fcfa !important;
  background-image:none !important;
  border:1px solid #d7e9e1 !important;
  color:#263b32 !important;
  box-shadow:none !important;
}

.hero .actions button:hover,
.hero .quick button:hover,
.hero .quickActions button:hover,
.quickActions button:hover,
.actions button:hover{
  background:#eaf8f2 !important;
  border-color:#a8dcca !important;
  transform:translateY(-1px);
}

/* 操作按钮图标 */
.hero .actions i,
.hero .actions svg,
.hero .quick i,
.hero .quick svg,
.quickActions i,
.quickActions svg{
  color:#18aa7d !important;
  fill:currentColor;
}

/* 市场 */
.market,
.market-card,
.marketCard{
  background:#fff !important;
}

.market *,
.market-card *,
.marketCard *{
  border-color:#e2ebe7;
}

.market h2,
.market h3,
.market strong,
.market b,
.market-card h2,
.marketCard h2{
  color:#1d3028 !important;
}

/* 图表背景 */
canvas,
.chart,
.chartBox,
.chart-wrap{
  background:#fff !important;
}

/* 顶部 */
header,
.header,
.topbar{
  background:#fff !important;
  color:#172820 !important;
  border-bottom:1px solid #e1ebe6 !important;
}

/* 语言选择 */
header select,
.header select,
.topbar select{
  background:#fff !important;
  color:#263a32 !important;
  border:1px solid #d9e7e1 !important;
}

/* 顶部按钮 */
header button,
.header button,
.topbar button{
  background:#f7fbf9 !important;
  color:#1d342a !important;
  border:1px solid #deebe5 !important;
}

/* 用户头像 */
.avatar{
  background:#dff5ec !important;
  color:#07845f !important;
}

/* 底部导航 */
.bottom,
.bottomNav,
.bottom-nav,
nav.bottom{
  background:rgba(255,255,255,.98) !important;
  border-top:1px solid #dce8e3 !important;
}

.bottom button,
.bottomNav button,
.bottom-nav button{
  background:transparent !important;
  color:#87958e !important;
  border:0 !important;
}

.bottom button.active,
.bottomNav button.active,
.bottom-nav button.active{
  color:#079b70 !important;
}

/* 通用深色背景强制清理 */
.card,
.panel,
.section,
.box{
  border-color:#e0ebe6 !important;
}

/* 首页欢迎/Disclosure 提示不显示 */
.home-disclosure,
.homeDisclosure,
.welcome-notice,
.welcomeNotice{
  display:none !important;
}

/* 弹窗彻底浅色 */
.modalCard,
.modal-card,
.dialog,
.dialog-card{
  background:#fff !important;
  background-image:none !important;
  color:#172820 !important;
  border:1px solid #dce8e3 !important;
}

.modalCard label,
.modal-card label{
  color:#66776f !important;
}

.modalCard input,
.modal-card input{
  background:#f9fcfb !important;
  color:#172820 !important;
  border-color:#d8e6e0 !important;
}

/* 主 CTA */
.primary,
button.primary,
.btn-primary{
  background:linear-gradient(135deg,#18aa7d,#38cda6) !important;
  color:#fff !important;
  border:0 !important;
}

/* 移动端 */
@media(max-width:720px){
  body,
  #app,
  .app,
  main{
    background:#f4f9f6 !important;
  }

  .hero,
  .market,
  .marketCard,
  .market-card{
    border-radius:20px !important;
  }
}

/* ===== AURA EXACT LIGHT FIX ===== */

.assetHero{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #dcebe4 !important;
  color:#172820 !important;
  box-shadow:0 10px 30px rgba(28,92,67,.06) !important;
}

.assetHero h2,
.assetHero h2 span,
.assetHero .subStats strong{
  color:#172820 !important;
}

.assetHero h2 b{
  color:#718078 !important;
}

.assetHero>div>small{
  color:#16a77b !important;
}

.assetHero .subStats small{
  color:#718078 !important;
}

.quick button{
  background:#f5fbf8 !important;
  background-image:none !important;
  border:1px solid #d5e9e0 !important;
  color:#243a31 !important;
  box-shadow:none !important;
}

.quick button i{
  color:#16a77b !important;
}

.quick button:hover{
  background:#e8f7f1 !important;
  border-color:#9bd8c3 !important;
}

.panel{
  background:#ffffff !important;
  color:#172820 !important;
  border-color:#dce9e3 !important;
}

.panelHead h3{
  color:#172820 !important;
}

.bottom{
  background:#ffffff !important;
  border-top-color:#dce9e3 !important;
}

.bottom button{
  color:#829087 !important;
}

.bottom button.active{
  color:#079b70 !important;
}

@media(max-width:1000px){
  .assetHero{
    background:#ffffff !important;
  }

  .quick button{
    background:#f5fbf8 !important;
  }

  .bottom{
    background:rgba(255,255,255,.98) !important;
  }
}

/* =========================================================
   AURA QUANT — COMPLETE LIGHT OVERRIDE V4
   ========================================================= */

html,
body{
  background:#f3f8f5 !important;
  color:#182820 !important;
}

/* ---------- 全局文字清晰度 ---------- */

body,
button,
input,
select,
textarea{
  color:#182820 !important;
}

h1,h2,h3,h4,
b,strong{
  color:#182820 !important;
}

small,
.muted,
.sectionIntro p,
.disclosure,
.row small,
.position small,
.assetCards small,
.settings button small{
  color:#607168 !important;
  opacity:1 !important;
}

.sectionIntro>div>small,
.panelHead small,
.assetHero>div>small,
.teamHero>small{
  color:#0b986c !important;
  font-weight:700 !important;
}

/* ---------- 首页资产 ---------- */

.assetHero,
.teamHero{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #d8e8e1 !important;
  box-shadow:0 8px 28px rgba(27,73,56,.06) !important;
}

.assetHero h2,
.assetHero h2 span,
.assetHero .subStats strong{
  color:#14251e !important;
}

.assetHero h2 b{
  color:#5d6e66 !important;
}

.subStats small,
.teamStats small{
  color:#65766e !important;
}

/* ---------- 首页按钮 ---------- */

.quick button{
  background:#f5fbf8 !important;
  color:#1c3027 !important;
  border:1px solid #cfe5db !important;
}

.quick i{
  color:#079b6d !important;
}

.quick button:hover{
  background:#e7f6f0 !important;
}

/* ---------- 公告栏 ---------- */

#home #announcement{
  display:none !important;
}

.announcement{
  background:#edf8f3 !important;
  border-color:#cae8dc !important;
  color:#284138 !important;
}

/* ---------- 所有面板 ---------- */

.panel{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #dbe9e3 !important;
  color:#182820 !important;
  box-shadow:0 7px 24px rgba(22,69,52,.045) !important;
}

.panelHead h3{
  color:#182820 !important;
}

.panelHead button,
.invite button,
.profile button{
  background:#e8f6f0 !important;
  color:#087c59 !important;
  border:1px solid #cce6db !important;
}

/* ---------- 行情 ---------- */

.tickers{
  border-color:#dbe8e2 !important;
}

.ticker{
  background:#ffffff !important;
  border-color:#dbe8e2 !important;
}

.ticker b{
  color:#253830 !important;
}

.ticker span{
  color:#253830 !important;
}

.source{
  color:#087d5c !important;
  border-color:#9ed4c0 !important;
  background:#eff9f5 !important;
}

.chartHead button{
  color:#65756d !important;
}

.chartHead button.active{
  color:#ffffff !important;
  background:#0d8060 !important;
}

/* ---------- 策略 ---------- */

.strategyCard{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #d9e8e1 !important;
  box-shadow:0 7px 24px rgba(22,69,52,.05) !important;
}

.strategyCard:before{
  background:rgba(20,170,122,.07) !important;
}

.strategyCard .tag{
  color:#087d5c !important;
  font-weight:700 !important;
}

.strategyCard h3{
  color:#182820 !important;
}

.strategyCard .rate{
  color:#07996c !important;
}

.strategyCard .rate small{
  color:#687a71 !important;
}

.strategyMeta{
  color:#607168 !important;
}

.strategyCard button{
  background:#e6f6ef !important;
  color:#087c59 !important;
  border:1px solid #bfe1d4 !important;
}

/* ---------- 持仓 ---------- */

.positionTable .position,
.position{
  background:#ffffff !important;
  color:#182820 !important;
  border-color:#dfeae5 !important;
}

.position small{
  color:#687970 !important;
}

.position button{
  background:#e7f6f0 !important;
  color:#087b59 !important;
}

/* ---------- 资产页面 ---------- */

.assetCards article{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #d9e8e1 !important;
  box-shadow:0 6px 20px rgba(22,69,52,.04) !important;
}

.assetCards small{
  color:#63746c !important;
}

.assetCards strong{
  color:#172820 !important;
}

.assetCards b{
  color:#66776e !important;
}

/* ---------- 列表 ---------- */

.row{
  color:#182820 !important;
  border-color:#e0ebe6 !important;
}

.row small{
  color:#64766d !important;
}

.row b{
  color:#20332a !important;
}

.empty{
  color:#687970 !important;
}

/* ---------- 团队 ---------- */

.teamHero{
  color:#182820 !important;
}

.teamStats b{
  color:#182820 !important;
}

.copybox{
  background:#f5faf7 !important;
  border:1px dashed #bcd9ce !important;
  color:#40544b !important;
}

/* ---------- 账户 ---------- */

.profile,
.settings{
  background:#ffffff !important;
}

.bigAvatar{
  background:#ddf3ea !important;
  color:#087c59 !important;
}

.profile p{
  color:#63746b !important;
}

.settings button{
  background:#ffffff !important;
  color:#20332a !important;
  border-color:#e1ebe6 !important;
}

.settings button>span{
  color:#079b6d !important;
}

.settings button small{
  color:#65766e !important;
}

.settings button i{
  color:#718078 !important;
}

/* ---------- 弹窗 ---------- */

.modal{
  background:rgba(20,38,30,.28) !important;
}

.modalCard{
  background:#ffffff !important;
  color:#182820 !important;
  border:1px solid #d8e7e0 !important;
}

.modalCard h2{
  color:#182820 !important;
}

.close{
  color:#51635a !important;
}

.form label{
  color:#52655c !important;
  font-weight:600 !important;
}

.form input,
.form select,
.form textarea{
  background:#f9fcfa !important;
  color:#172820 !important;
  border:1px solid #ccdcd5 !important;
}

.primary{
  background:#0f9d70 !important;
  color:#ffffff !important;
}

/* ---------- 客服 ---------- */

.chat{
  background:#f4f9f6 !important;
  border:1px solid #dde9e4 !important;
}

.bubble{
  background:#eaf3ef !important;
  color:#20332a !important;
}

.bubble.me{
  background:#d9f2e8 !important;
  color:#173c2e !important;
}

.bubble small{
  color:#607168 !important;
}

/* ---------- 底部导航 ---------- */

.bottom{
  background:rgba(255,255,255,.98) !important;
  border-color:#dbe8e2 !important;
  box-shadow:0 -7px 25px rgba(22,69,52,.06) !important;
}

.bottom button{
  background:transparent !important;
  color:#6b7b73 !important;
}

.bottom button.active{
  color:#087c59 !important;
}

/* ---------- 顶部 ---------- */

header{
  background:#ffffff !important;
  border-color:#dce8e3 !important;
}

header small{
  color:#66776e !important;
}

.headActions select,
.iconBtn,
.accountBtn{
  background:#ffffff !important;
  color:#20332a !important;
  border-color:#d4e4dd !important;
}

.avatar{
  background:#daf2e8 !important;
  color:#087b59 !important;
}

/* ---------- 手机 ---------- */

@media(max-width:1000px){

  body,
  main,
  .app{
    background:#f3f8f5 !important;
  }

  .assetHero,
  .teamHero,
  .panel,
  .strategyCard,
  .assetCards article{
    background:#ffffff !important;
  }

  .bottom{
    background:rgba(255,255,255,.98) !important;
  }

  .mobileBrand{
    color:#079b6d !important;
  }
}


/* ===== TEAM LEVEL LIGHT FIX ===== */

/* Team Members 的 L1 / L2 / L3 */
.teamHero button,
.teamHero .level,
.teamHero [data-level],
.teamHero [data-depth],
.teamHero .tabs button,
.teamHero .levels button{
  background:#e8f7f1 !important;
  color:#087c59 !important;
  border:1px solid #bfe2d4 !important;
  box-shadow:none !important;
  font-weight:700 !important;
}

.teamHero button:hover,
.teamHero .level:hover,
.teamHero [data-level]:hover,
.teamHero [data-depth]:hover{
  background:#d9f2e8 !important;
  color:#066a4c !important;
  border-color:#8fcdb7 !important;
}

/* 被选中的等级 */
.teamHero button.active,
.teamHero .level.active,
.teamHero [data-level].active,
.teamHero [data-depth].active{
  background:#119b70 !important;
  color:#ffffff !important;
  border-color:#119b70 !important;
}

/* ===== EXACT TEAM LEVEL BADGES ===== */

#teamL1,
#teamL2,
#teamL3{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:42px !important;
  height:30px !important;
  padding:0 12px !important;

  background:#e8f7f1 !important;
  color:#087c59 !important;

  border:1px solid #bfe2d4 !important;
  border-radius:9px !important;

  font-size:12px !important;
  font-weight:800 !important;

  box-shadow:none !important;
  opacity:1 !important;
}

/* 防止父级样式把数字重新变暗 */
#teamL1 *,
#teamL2 *,
#teamL3 *{
  color:#087c59 !important;
}

/* ===== TEAM DEPTH STATS FINAL LIGHT ===== */

.teamDepthStats{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

.teamDepthStats > span{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;

  padding:7px 10px !important;

  background:#f1faf6 !important;
  background-image:none !important;

  border:1px solid #cce6db !important;
  border-radius:10px !important;

  color:#4c6258 !important;

  font-size:11px !important;
  font-weight:700 !important;

  box-shadow:none !important;
}

/* 数字 */
.teamDepthStats > span > b,
#teamL1,
#teamL2,
#teamL3{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:24px !important;
  width:auto !important;
  height:24px !important;

  padding:0 6px !important;

  background:#dff5ec !important;
  background-image:none !important;

  border:0 !important;
  border-radius:7px !important;

  color:#087b59 !important;

  font-size:12px !important;
  font-weight:800 !important;

  box-shadow:none !important;
}

/* 手机上保持紧凑 */
@media(max-width:520px){
  .teamDepthStats{
    gap:6px !important;
  }

  .teamDepthStats > span{
    padding:6px 8px !important;
    gap:5px !important;
  }
}

/* =========================================================
   AURA QUANT — PROFESSIONAL STRATEGY CARDS V1
   ========================================================= */

.strategyGrid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}

.strategyCardPro{
  min-height:0 !important;
  padding:20px !important;

  background:#ffffff !important;
  border:1px solid #d8e7e0 !important;
  border-radius:18px !important;

  box-shadow:
    0 8px 30px rgba(29,78,59,.055) !important;

  color:#172820 !important;
}

.strategyCardPro:before,
.strategyCardPro:after{
  display:none !important;
}

/* 顶部 */

.strategyTop{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.strategyPair{
  color:#14271f;
  font-size:17px;
  font-weight:850;
  letter-spacing:-.2px;
}

.strategyName{
  margin-top:4px;
  color:#718078;
  font-size:11px;
  font-weight:600;
}

.strategyVip{
  flex:none;

  padding:5px 9px;

  background:#e7f7f0;
  border:1px solid #c4e5d8;
  border-radius:8px;

  color:#087b59;

  font-size:10px;
  font-weight:800;
}

/* 收益率 */

.strategyRateBox{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  margin-top:22px;
  padding-bottom:17px;

  border-bottom:1px solid #e3ece8;
}

.strategyRateBox small{
  display:block;

  margin-bottom:4px;

  color:#66776e !important;

  font-size:10px;
  font-weight:600;
}

.strategyRateBox strong{
  color:#079b6d !important;

  font-size:30px;
  line-height:1;
  font-weight:850;
  letter-spacing:-1px;
}

.strategySignal{
  display:flex;
  align-items:center;
  gap:6px;

  color:#087b59;

  font-size:10px;
  font-weight:700;
}

.strategySignal span{
  width:7px;
  height:7px;

  background:#16aa7b;
  border-radius:50%;

  box-shadow:0 0 0 4px rgba(22,170,123,.10);
}

/* 信息 */

.strategyInfoGrid{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:17px 12px;

  margin-top:18px;
}

.strategyInfoGrid > div{
  min-width:0;
}

.strategyInfoGrid small{
  display:block;

  margin-bottom:5px;

  color:#718078 !important;

  font-size:10px;
}

.strategyInfoGrid b{
  display:block;

  color:#24372f !important;

  font-size:11px;
  font-weight:750;

  white-space:normal;
  word-break:break-word;
}

/* 小型趋势图 */

.strategyMiniChart{
  height:48px;

  margin-top:17px;

  overflow:hidden;
}

.strategyMiniChart svg{
  width:100%;
  height:100%;

  color:#1cb88a;
}

/* CTA */

.strategyCardPro .strategyStartBtn{
  width:100% !important;

  display:flex;
  justify-content:space-between;
  align-items:center;

  margin-top:14px !important;
  padding:12px 14px !important;

  background:#edf8f3 !important;

  border:1px solid #bfe2d4 !important;
  border-radius:10px !important;

  color:#087b59 !important;

  font-size:12px;
  font-weight:800;

  box-shadow:none !important;
}

.strategyCardPro .strategyStartBtn:hover{
  background:#ddf3ea !important;
  border-color:#8fceb6 !important;
}

/* 手机 */

@media(max-width:720px){

  .strategyGrid{
    grid-template-columns:1fr !important;
    gap:13px !important;
  }

  .strategyCardPro{
    padding:17px !important;
    border-radius:17px !important;
  }

  .strategyPair{
    font-size:16px;
  }

  .strategyRateBox strong{
    font-size:27px;
  }

}


/* =========================================================
   AURA QUANT — WIDE STRATEGY CARD V2
   ========================================================= */

#strategies .strategyGrid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  width:100% !important;
}

#strategies .strategyCardPro{
  width:100% !important;
  min-height:0 !important;
  padding:18px 20px !important;

  background:#fff !important;
  border:1px solid #d8e7e0 !important;
  border-radius:16px !important;

  box-shadow:
    0 5px 20px rgba(25,80,58,.045) !important;
}

/* 第一排：交易对 + 策略名称 + VIP */

#strategies .strategyTop{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:15px !important;
}

#strategies .strategyPair{
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
  color:#17271f !important;
}

#strategies .strategyName{
  margin-top:4px !important;
  font-size:11px !important;
  color:#66786f !important;
}

#strategies .strategyVip{
  padding:5px 10px !important;

  background:#edf9f4 !important;
  border:1px solid #bfe4d5 !important;
  border-radius:8px !important;

  color:#087b59 !important;
  font-size:10px !important;
  font-weight:800 !important;
}

/* 主体改成横向 */

#strategies .strategyRateBox{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;

  float:left !important;

  width:150px !important;
  height:72px !important;

  margin:18px 22px 0 0 !important;
  padding:10px 14px !important;

  background:#f0faf6 !important;
  border:1px solid #d5ebe2 !important;
  border-radius:11px !important;
}

#strategies .strategyRateBox small{
  margin:0 0 5px !important;
  color:#66776e !important;
  font-size:10px !important;
}

#strategies .strategyRateBox strong{
  color:#07865f !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:850 !important;
}

/* 不需要额外 OPEN 状态占空间 */

#strategies .strategySignal{
  display:none !important;
}

/* 参数横向排列 */

#strategies .strategyInfoGrid{
  display:grid !important;
  grid-template-columns:
    minmax(100px,.8fr)
    minmax(100px,.8fr)
    minmax(150px,1.25fr)
    minmax(90px,.65fr) !important;

  gap:0 !important;

  margin:18px 0 0 !important;
  min-height:72px !important;

  align-items:center !important;
}

#strategies .strategyInfoGrid > div{
  min-width:0 !important;

  padding:5px 18px !important;

  border-left:1px solid #e1ece7 !important;
}

#strategies .strategyInfoGrid small{
  display:block !important;

  margin-bottom:6px !important;

  color:#718078 !important;
  font-size:10px !important;
}

#strategies .strategyInfoGrid b{
  color:#24372f !important;
  font-size:12px !important;
  font-weight:750 !important;
}

/* 趋势线缩小到左下区域 */

#strategies .strategyMiniChart{
  clear:both !important;

  width:calc(100% - 180px) !important;
  max-width:650px !important;
  height:38px !important;

  margin:15px 0 0 !important;

  float:left !important;
}

#strategies .strategyMiniChart svg{
  width:100% !important;
  height:100% !important;
  color:#17a979 !important;
}

/* 开始策略按钮放右下 */

#strategies .strategyStartBtn{
  float:right !important;

  width:155px !important;
  min-height:42px !important;

  margin:12px 0 0 20px !important;
  padding:10px 14px !important;

  background:#e9f8f1 !important;
  border:1px solid #b7dfcf !important;
  border-radius:10px !important;

  color:#087b59 !important;

  font-size:12px !important;
  font-weight:800 !important;

  box-shadow:none !important;
}

#strategies .strategyStartBtn:hover{
  background:#d9f2e7 !important;
  border-color:#87cbb2 !important;
}

/* 清除 float */

#strategies .strategyCardPro::after{
  content:"" !important;
  display:block !important;
  clear:both !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:760px){

  #strategies .strategyCardPro{
    padding:16px !important;
  }

  #strategies .strategyRateBox{
    float:none !important;

    width:100% !important;
    height:auto !important;

    margin:15px 0 0 !important;
    padding:11px 13px !important;
  }

  #strategies .strategyInfoGrid{
    grid-template-columns:1fr 1fr !important;

    min-height:0 !important;

    margin-top:10px !important;

    gap:0 !important;
  }

  #strategies .strategyInfoGrid > div{
    padding:10px 8px !important;
    border-left:0 !important;
    border-bottom:1px solid #e6efeb !important;
  }

  #strategies .strategyInfoGrid > div:nth-child(even){
    padding-left:14px !important;
    border-left:1px solid #e6efeb !important;
  }

  #strategies .strategyMiniChart{
    float:none !important;

    width:100% !important;
    max-width:none !important;
    height:38px !important;

    margin-top:12px !important;
  }

  #strategies .strategyStartBtn{
    float:none !important;

    width:100% !important;

    margin:10px 0 0 !important;
  }
}


/* ===== STRATEGY RATE RANGE ===== */

#strategies .strategyRateBox{
  width:180px !important;
}

#strategies .strategyRateBox strong{
  font-size:18px !important;
  letter-spacing:-0.3px !important;
  white-space:nowrap !important;
}

@media(max-width:760px){
  #strategies .strategyRateBox{
    width:100% !important;
  }

  #strategies .strategyRateBox strong{
    font-size:20px !important;
  }
}



.guestTeamPromo{
display:none;
}


.guestTeamPromo .panel{
padding:28px;
}


.guestTeamPromo h2{
margin:12px 0;
font-size:26px;
}


.guestTeamPromo p{
line-height:1.7;
}


body.guest-mode #team .teamHero,
body.guest-mode #team .invite,
body.guest-mode #team .agentDashboard{
display:none;
}


body.guest-mode #team .guestTeamPromo{
display:block;
}


.guestTeamPromo button{
width:100%;
margin-top:25px;
height:48px;
border:0;
border-radius:14px;
background:#20c997;
color:white;
font-size:16px;
font-weight:700;
}



.guestTeamHint{
 margin:18px 0;
 padding:14px;
 border-radius:12px;
 background:#f4faf7;
 color:#456;
 font-size:14px;
 line-height:1.7;
 text-align:center;
}



/* ===============================
   AURA PARTNER CARD UI V2
   Unified white green style
================================ */


.agentPromoCard,
.guestTeamPromo .panel{


 background:
 linear-gradient(
 180deg,
 #ffffff 0%,
 #f8fffc 100%
 );


 border:

 1px solid rgba(24,180,130,.18);


 border-radius:24px;


 box-shadow:

 0 12px 35px rgba(15,80,55,.08);


 font-family:inherit;


 color:#102b25;


}


/* title */


.agentPromoCard h2,
.guestTeamPromo h2{


 font-size:26px;

 font-weight:800;

 letter-spacing:-.3px;

 color:#082f27;

 margin:12px 0 14px;


}


/* small label */


.agentPromoCard small,
.guestTeamPromo small{


 color:#159b73;

 font-size:12px;

 letter-spacing:2px;

 font-weight:600;


}



/* description */


.agentPromoCard p,
.guestTeamPromo p{


 color:#536b66;

 font-size:15px;

 line-height:1.75;


}



/* level boxes */


.agentRates{


 display:grid;

 grid-template-columns:
 repeat(5,1fr);

 gap:10px;

 margin:24px 0;


}



.agentRates span{


 background:#f4fbf8;

 border:

 1px solid rgba(24,180,130,.2);


 border-radius:16px;


 padding:14px 6px;


 text-align:center;


 color:#203d35;


 font-size:13px;


}



.agentRates b{


 display:block;


 margin-top:5px;


 font-size:18px;


 color:#087b5b;


}



/* button unified */


.agentPromoCard button,
.guestTeamPromo button{


 background:#10b981 !important;


 border-radius:16px !important;


 height:50px;


 font-size:16px;


 font-weight:700;


 color:white;


 border:0;


 box-shadow:


 0 10px 22px rgba(16,185,129,.25);


}



.agentPromoCard button:hover,
.guestTeamPromo button:hover{


 background:#079669 !important;


}


/* team explanation box */


.guestTeamHint{


 background:

 linear-gradient(
 135deg,
 #f1fbf7,
 #f8fffc
 );


 border-radius:16px;


 border:1px solid rgba(16,185,129,.12);


 color:#47655d;


 font-size:14px;


}


/* mobile spacing */


@media(max-width:600px){


.agentPromoCard h2,
.guestTeamPromo h2{


 font-size:24px;


}


.agentRates{


 gap:8px;


}


.agentRates span{


 padding:12px 4px;


}


}





/* TEAM CENTER GREEN V2 */


.agentMainCard{

 border:1px solid rgba(16,185,129,.25)!important;

 background:
 linear-gradient(
 135deg,
 #ffffff,
 #f2fbf7
 )!important;

}


.agentMainCard h2{

 color:#064e3b!important;

}


.agentRate strong{

 color:#10b981!important;

}


.agentProgress i{

 background:#10b981!important;

}



.agentLevelMini{

 display:grid;

 grid-template-columns:repeat(5,1fr);

 gap:12px;

 margin:24px 0;


}



.agentLevelMini div{

 background:#f5fbf8;

 border:1px solid rgba(16,185,129,.18);

 border-radius:16px;

 padding:14px 8px;

 text-align:center;

}



.agentLevelMini small{

 display:block;

 color:#64748b;

}



.agentLevelMini b{

 display:block;

 color:#10b981;

 font-size:20px;

 margin:5px 0;

}



.agentLevelMini span{

 font-size:11px;

 color:#94a3b8;

}



.agentRules{

 display:none!important;

}




.agentTop .avatar,
.teamHero .avatar{

 background:#10b981!important;

 color:white!important;

}




/* =========================
 TEAM CENTER FINAL GREEN FIX
========================= */


/* remove old blue line */

.agentMainCard::before{

 background:#10b981!important;

}


/* avatar */

.agentTop .avatar,
.agentMainCard .avatar{

 background:#10b981!important;

 color:#fff!important;

}


/* status */

.agentStatus,
.agentMainCard .status,
.agentTop p{

 color:#10b981!important;

 background:#ecfdf5!important;

 border-color:#a7f3d0!important;

}


/* commission box */

.agentRate{

 background:#f0fdf4!important;

 border-color:#bbf7d0!important;

}


.agentRate strong{

 color:#10b981!important;

}


/* progress */

.agentProgress{

 background:#ecfdf5!important;

}


.agentProgress i{

 background:#10b981!important;

}


/* move level cards inside visually */

.agentLevelMini{

 margin-top:18px!important;

 margin-bottom:10px!important;

}


/* smaller cards */

.agentLevelMini div{

 padding:10px 6px!important;

}


.agentLevelMini small{

 font-size:12px;

}


.agentLevelMini b{

 font-size:18px!important;

}


.agentLevelMini span{

 font-size:10px!important;

}



/* hide old blue inactive */

.agentStatus{

 color:#059669!important;

}





/* GLOBAL ACCOUNT AVATAR GREEN */

.accountBtn .avatar{

 background:#10c997!important;

 color:#ffffff!important;

 border-color:#10c997!important;

 box-shadow:0 6px 18px rgba(16,201,151,.25);

}




/* =========================
   AGENT LEVEL EMBED FINAL
========================= */


#agentRules{

 display:block!important;

 margin-top:18px;

}



.agentLevelMini{

 display:grid;

 grid-template-columns:repeat(5,1fr);

 gap:10px;

}



.agentLevelItem{

 background:#f7fcfa;

 border:1px solid rgba(16,185,129,.18);

 border-radius:14px;

 padding:12px 6px;

 text-align:center;

}


.agentLevelItem small{

 display:block;

 color:#64748b;

 font-size:12px;

}



.agentLevelItem strong{

 display:block;

 color:#10b981;

 font-size:20px;

 margin:5px 0;

}



.agentLevelItem span{

 font-size:11px;

 color:#94a3b8;

}



/* remove old blue style */

.agentRule.active{

 border-color:#10c997!important;

}





#agentRulesOld{
 display:none!important;
}




/* MOBILE AGENT LEVEL FINAL */

.agentLevelMini{

display:grid!important;
grid-template-columns:repeat(5,1fr);
gap:5px!important;
margin:12px 0!important;

}


.agentLevelItem{

padding:8px 2px!important;
border-radius:12px!important;
min-height:62px;

}


.agentLevelItem small{

font-size:10px!important;

}


.agentLevelItem strong{

font-size:16px!important;
margin:2px 0!important;

}


.agentLevelItem span{

font-size:8px!important;
line-height:1.1!important;

}



@media(max-width:600px){

.agentMainCard{

padding:14px!important;

}


.agentLevelMini{

gap:3px!important;

}


.agentLevelItem strong{

font-size:14px!important;

}


}



/* =========================
   AGENT TEAM PAGINATION
========================= */


.agentPager{

display:flex;
justify-content:center;
gap:8px;
margin-top:18px;

}


.agentPager button{

min-width:32px;
height:32px;

border-radius:10px;

border:1px solid #d9eee6;

background:#ffffff;

color:#527568;

font-size:13px;

}


.agentPager button.active{

background:#20c997;

color:white;

border-color:#20c997;

}




/* =========================
   MOBILE PAGINATION V2
========================= */


.agentPager{

display:flex;
align-items:center;
justify-content:center;
gap:14px;

margin-top:18px;

}


.agentPager button{

height:36px;

padding:0 16px;

border-radius:18px;

border:1px solid #d8eee5;

background:#ffffff;

color:#527568;

font-size:13px;

font-weight:600;

transition:.2s;

}


.agentPager button:hover{

border-color:#20c997;

color:#20c997;

}


.agentPager button:disabled{

opacity:.45;

background:#f5f7f6;

cursor:not-allowed;

}


.agentPager .pagerInfo{

min-width:55px;

height:32px;

display:flex;

align-items:center;

justify-content:center;

border-radius:16px;

background:#20c997;

color:white;

font-size:13px;

font-weight:700;

}


@media(max-width:600px){

.agentPager button{

padding:0 12px;

height:34px;

font-size:12px;

}


.agentPager{

gap:10px;

}

}

/* =========================
   AURA MOBILE LONG LANGUAGE V1
========================= */

@media(max-width:600px){

  .ledgerTabs{
    display:flex;
    align-items:center;
    gap:8px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:2px;
  }

  .ledgerTabs::-webkit-scrollbar{
    display:none;
  }

  .ledgerTabs button{
    flex:0 0 auto;
    min-width:max-content;
    white-space:nowrap;
  }

  .agentTeamFilters{
    max-width:100%;
    min-width:0;
  }

  .agentTeamFilter{
    flex:0 0 auto;
    white-space:nowrap;
  }

  .agentPager{
    max-width:100%;
    min-width:0;
  }

  .agentPager button{
    min-width:0;
    white-space:nowrap;
  }

}

/* AURA_TYPOGRAPHY_SYSTEM_V1_BEGIN */

:root{
  --aura-font-sans:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei",
    "Noto Sans",
    Arial,
    sans-serif;
}


/*
 * One typography foundation across:
 * - User frontend
 * - Central Admin
 * - Agency Console
 */

html,
body{
  font-family:
    var(--aura-font-sans) !important;

  font-synthesis-weight:auto;

  -webkit-font-smoothing:
    antialiased;

  -moz-osx-font-smoothing:
    grayscale;

  text-rendering:
    optimizeLegibility;
}


/*
 * Native form elements do not always inherit correctly
 * across browsers, so explicitly unify them.
 */

button,
input,
select,
textarea,
option{
  font-family:
    var(--aura-font-sans) !important;
}


/*
 * Typography hierarchy keeps the existing component sizes,
 * while making weight and rendering consistent.
 */

h1,
h2,
h3,
h4,
h5,
h6{
  font-family:
    var(--aura-font-sans) !important;

  text-rendering:
    optimizeLegibility;
}


p,
span,
small,
label,
a,
li,
th,
td{
  font-family:
    inherit;
}


/*
 * Financial/data UI:
 * stable-width digits make balances and tables easier to scan.
 */

table,
.card,
.panel,
.metric,
.ops-kpi,
.kv{
  font-variant-numeric:
    tabular-nums lining-nums;
}


/*
 * Inputs/buttons should not inherit odd browser letter spacing.
 */

button,
input,
select,
textarea{
  letter-spacing:
    normal;
}


/*
 * Preserve intentionally monospaced technical content.
 */

code,
pre,
kbd,
samp,
.mono,
.monospace{
  font-family:
    ui-monospace,
    "SFMono-Regular",
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace !important;
}

/* AURA_TYPOGRAPHY_SYSTEM_V1_END */

/* AURA_USER_TYPOGRAPHY_FINAL_V1_BEGIN */

/*
 * User frontend only.
 * Prevent individual components from falling back to
 * browser-specific fonts.
 */

body,
button,
input,
select,
textarea{
  font-family:
    var(--aura-font-sans) !important;
}


/*
 * Standard visible UI copy inherits one typography family.
 */

.page,
.card,
.panel,
.modal,
.sheet,
.row,
.hero,
.settings,
.position,
.assetCards,
.balance-card,
.wallet-card{
  font-family:
    var(--aura-font-sans);
}


/*
 * Financial values use the same font,
 * but align digits consistently.
 */

.amount,
.value,
.balance,
.profit,
.price,
.depositAddressValue,
.auraPartnerInviteBox span,
#team{
  font-variant-numeric:
    tabular-nums lining-nums;
}

/* AURA_USER_TYPOGRAPHY_FINAL_V1_END */


/* AURA_IOS_INSTALL_GUIDE_V2_BEGIN */

.auraPwaIosGuideV2{
  text-align:left;
}

.auraPwaIosGuideV2 .auraPwaInstallLogo{
  text-align:center;
  margin:4px 0 18px;
}

.auraPwaGuideLead{
  margin:0 0 16px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(26,188,156,.08);
  color:inherit;
  font-size:14px;
  line-height:1.65;
}

.auraPwaIosStepsV2{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0 0 16px;
}

.auraPwaGuideStep{
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:9px 10px;
  border-radius:12px;
  background:rgba(127,127,127,.07);
}

.auraPwaGuideStep>span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:rgba(26,188,156,.12);
  color:#16a085;
  font-weight:800;
  font-size:13px;
}

.auraPwaGuideStep>div{
  font-size:14px;
  line-height:1.55;
}

.auraPwaCopyUrlButton{
  width:100%;
  min-height:48px;
  margin-top:2px;
  font-size:15px;
  font-weight:700;
}

.auraPwaGuideHint{
  margin-top:12px;
  padding:10px 12px;
  border-radius:10px;
  background:rgba(127,127,127,.06);
  opacity:.78;
  font-size:12px;
  line-height:1.6;
}

/* AURA_IOS_INSTALL_GUIDE_V2_END */


/* AURA_IOS_INSTALL_GUIDE_V2_LAYOUT_FIX */

.auraPwaIosGuideV2 .auraPwaIosStepsV2{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  grid-template-rows:none !important;
  gap:12px !important;
  width:100% !important;
  margin:18px 0 !important;
}

.auraPwaIosGuideV2 .auraPwaGuideStep{
  display:grid !important;
  grid-template-columns:36px minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;

  width:100% !important;
  min-width:0 !important;
  min-height:54px !important;

  margin:0 !important;
  padding:11px 12px !important;

  box-sizing:border-box !important;

  border-radius:14px !important;
  background:rgba(127,127,127,.07) !important;
}

.auraPwaIosGuideV2 .auraPwaGuideStep > span{
  position:static !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:32px !important;
  height:32px !important;
  min-width:32px !important;

  margin:0 !important;
  padding:0 !important;

  border-radius:50% !important;

  font-size:13px !important;
  line-height:32px !important;
}

.auraPwaIosGuideV2 .auraPwaGuideStep > div{
  display:block !important;

  width:auto !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;

  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;

  font-size:14px !important;
  line-height:1.6 !important;
  text-align:left !important;
}

.auraPwaIosGuideV2 .auraPwaGuideLead{
  width:100% !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

.auraPwaIosGuideV2 .auraPwaGuideHint{
  width:100% !important;
  box-sizing:border-box !important;
  text-align:center !important;
}

/* AURA_IOS_INSTALL_GUIDE_V2_LAYOUT_FIX_END */

/* AURA_WHATSAPP_SUPPORT_ENTRY_DISABLED_V1_BEGIN */
/*
 * Temporary switch:
 * Hide WhatsApp Support from the customer-facing support hub.
 * Backend WhatsApp/Baileys integration remains untouched.
 */
[data-support-hub="whatsapp"]{
  display:none !important;
}
/* AURA_WHATSAPP_SUPPORT_ENTRY_DISABLED_V1_END */


/* AURA_BUILTIN_SUPPORT_MEDIA_STYLE_V1 */

.supportChatForm{
  display:flex;
  align-items:center;
  gap:8px;
}

.supportAttachButton{
  width:44px;
  min-width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ccdcd5;
  border-radius:12px;
  background:#f7fbf9;
  font-size:20px;
  cursor:pointer;
  user-select:none;
}

.supportComposerInput{
  flex:1;
  min-width:0;
}

.supportComposerInput input{
  width:100%;
  box-sizing:border-box;
}

.supportSelectedFile{
  display:block;
  max-width:100%;
  margin-top:4px;
  color:#607168;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.supportMediaImageBox{
  margin-top:8px;
}

.supportMediaImageBox img{
  display:block;
  width:auto;
  max-width:min(100%,320px);
  max-height:320px;
  border-radius:12px;
  object-fit:contain;
}

.supportMediaFile{
  width:100%;
  margin-top:8px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #d6e4de;
  border-radius:12px;
  background:#fff;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.supportMediaFile b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:600px){

  .supportAttachButton{
    width:42px;
    min-width:42px;
    height:42px;
  }

  .supportChatForm .primary{
    min-width:66px;
  }

}

/* AURA_DYNAMIC_ABOUT_V1_BEGIN */

.auraAboutPage{
  display:flex;
  flex-direction:column;
  gap:18px;
  padding-bottom:16px;
  line-height:1.7;
}

.auraAboutHero{
  padding:22px;
  border-radius:18px;
  background:
    linear-gradient(
      135deg,
      #f2fbf7,
      #e9f8f1
    );
  border:1px solid #d7ebe2;
}

.auraAboutHero small{
  color:#079b6d;
  font-weight:800;
  letter-spacing:.12em;
}

.auraAboutHero h2{
  margin:6px 0 4px;
  font-size:24px;
}

.auraAboutHero p{
  margin:0;
  color:#4f665b;
  font-weight:600;
}

.auraAboutPage section{
  padding:17px;
  border:1px solid #ddeae4;
  border-radius:16px;
  background:#fff;
}

.auraAboutPage section h3{
  margin:0 0 8px;
  font-size:17px;
}

.auraAboutPage section p{
  margin:7px 0;
}

.auraAboutFlow{
  padding:13px;
  border-radius:12px;
  background:#f3faf7;
  font-weight:700;
  text-align:center;
}

.auraAboutStrategyList{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:12px;
}

.auraAboutStrategyCard{
  padding:14px;
  border:1px solid #dcebe4;
  border-radius:14px;
  background:#f9fcfa;
}

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

.auraAboutStrategyHead>b{
  font-size:15px;
}

.auraAboutStrategyHead>span{
  padding:4px 8px;
  border-radius:999px;
  background:#e4f6ee;
  color:#087b59;
  font-size:12px;
  font-weight:800;
}

.auraAboutStrategyGrid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:8px;
}

.auraAboutStrategyGrid>div{
  padding:9px;
  border-radius:10px;
  background:#fff;
}

.auraAboutStrategyGrid small,
.auraAboutExample small{
  display:block;
  margin-bottom:2px;
  color:#6b7b73;
  font-size:11px;
}

.auraAboutStrategyGrid strong{
  display:block;
  font-size:13px;
}

.auraAboutExample{
  margin-top:10px;
  padding:10px 12px;
  border-radius:11px;
  background:#eef8f3;
}

.auraAboutExample b{
  display:block;
  font-size:13px;
}

.auraAboutVipGrid{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}

.auraAboutVipGrid span{
  padding:9px;
  border-radius:10px;
  background:#f3faf7;
  text-align:center;
  font-size:12px;
}

.auraAboutVipGrid b{
  display:block;
  margin-top:2px;
  color:#087b59;
  font-size:17px;
}

.auraAboutPartnerTable{
  overflow:hidden;
  margin-top:12px;
  border:1px solid #dce8e3;
  border-radius:12px;
}

.auraAboutPartnerRow{
  display:grid;
  grid-template-columns:
    1.3fr 1fr 1fr;
  align-items:center;
  padding:9px 10px;
  border-bottom:1px solid #e7efeb;
  text-align:center;
  font-size:12px;
}

.auraAboutPartnerRow:last-child{
  border-bottom:0;
}

.auraAboutPartnerHeader{
  background:#f1f8f5;
  font-weight:800;
}

.auraAboutPartnerRow strong{
  color:#087b59;
}

.auraAboutNote{
  color:#607168;
  font-size:12px;
}

.auraAboutLoading,
.auraAboutEmpty{
  padding:18px;
  text-align:center;
  color:#728279;
}

.auraAboutFooter{
  padding:12px;
  color:#708078;
  text-align:center;
  font-size:12px;
}

@media(max-width:600px){

  .auraAboutHero{
    padding:17px;
  }

  .auraAboutHero h2{
    font-size:20px;
  }

  .auraAboutPage section{
    padding:14px;
  }

  .auraAboutStrategyGrid{
    grid-template-columns:1fr 1fr;
  }

  .auraAboutVipGrid{
    grid-template-columns:1fr 1fr;
  }

}

/* AURA_DYNAMIC_ABOUT_V1_END */

/* AURA_ABOUT_BEGINNER_V2_STYLE */

.auraAboutBeginnerV2{
  gap:14px;
}

.auraAboutLead{
  padding:15px 16px;
  border-radius:14px;
  background:#f5faf8;
  border:1px solid #deebe5;
  font-size:14px;
  line-height:1.8;
}

.auraAboutV2Section{
  padding:16px !important;
}

.auraAboutV2Section h3{
  font-size:17px !important;
  margin-bottom:10px !important;
}

.auraAboutV2Body{
  font-size:14px;
  line-height:1.8;
}

.auraAboutFlowCard{
  margin-top:8px;
  padding:12px 13px;
  border-radius:12px;
  background:#f2faf6;
}

.auraAboutFlowCard b{
  display:block;
  margin-bottom:4px;
  color:#087b59;
}

.auraAboutFlowCard p{
  margin:0 !important;
  font-weight:600;
}

.auraAboutKey{
  margin:10px 0;
  padding:12px 13px;
  border-left:4px solid #119c70;
  border-radius:8px;
  background:#eef9f4;
  font-weight:700;
  line-height:1.75;
}

.auraAboutSteps{
  padding:12px 13px;
  border-radius:12px;
  background:#f8fbfa;
  line-height:2;
}

.auraAboutPlainList{
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-top:12px;
}

.auraAboutPlainCard{
  padding:12px 13px;
  border:1px solid #dce9e3;
  border-radius:12px;
  background:#fafdfb;
}

.auraAboutPlainCard p{
  margin:5px 0 !important;
}

.auraAboutPlainHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.auraAboutPlainHead>b{
  font-size:16px;
}

.auraAboutPlainHead>strong{
  padding:4px 9px;
  border-radius:999px;
  background:#e4f6ee;
  color:#087b59;
  font-size:12px;
}

.auraAboutCurrentBox{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:8px;
  margin:10px 0 12px;
}

.auraAboutCurrentBox>div{
  padding:10px;
  border-radius:11px;
  background:#eef8f3;
}

.auraAboutCurrentBox small{
  display:block;
  color:#687a71;
  font-size:11px;
}

.auraAboutCurrentBox b{
  display:block;
  margin-top:2px;
  font-size:14px;
}

.auraAboutRemember{
  padding:13px;
  border-radius:12px;
  background:#edf8f3;
  line-height:2;
}

@media(max-width:600px){

 .auraAboutLead,
 .auraAboutV2Section{
   font-size:13px;
 }

 .auraAboutStrategyGrid{
   grid-template-columns:1fr 1fr;
 }

 .auraAboutCurrentBox{
   grid-template-columns:1fr 1fr;
 }

}

/* AURA_STRATEGY_CARD_PLAIN_V1_STYLE */

#strategies .strategyPlainCard{
 padding:18px !important;
}

.strategyPlainHead{
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 gap:12px;
}

.strategyPlainPair{
 color:#16271f;
 font-size:18px;
 font-weight:850;
 line-height:1.25;
}

.strategyPlainName{
 margin-top:3px;
 color:#52645b;
 font-size:12px;
 font-weight:700;
}

.strategyPlainBot{
 display:block;
 margin-top:3px;
 color:#8a9690;
 font-size:10px;
}

.strategyPlainVip{
 flex:none;
 padding:6px 9px;
 border-radius:8px;
 font-size:10px;
 font-weight:800;
 white-space:nowrap;
}

.strategyPlainVip.ok{
 color:#087b59;
 background:#e5f7f0;
 border:1px solid #bfe5d6;
}

.strategyPlainVip.locked{
 color:#9c6a1b;
 background:#fff5e5;
 border:1px solid #efd5a7;
}

.strategyPlainMain{
 margin-top:15px;
 border-top:1px solid #e1ebe6;
}

.strategyPlainBlock{
 padding:12px 2px;
 border-bottom:1px solid #e5ede9;
}

.strategyPlainBlock small{
 display:block;
 margin-bottom:4px;
 color:#728078;
 font-size:11px;
}

.strategyPlainBlock strong{
 display:block;
 color:#182820;
 font-size:15px;
 line-height:1.35;
}

.strategyPlainBlock p{
 margin:4px 0 0;
 color:#687970;
 font-size:11px;
 line-height:1.5;
}

.strategyPlainProfit{
 margin:10px 0;
 padding:13px 12px;
 border:1px solid #cce7dc;
 border-radius:12px;
 background:#f0faf6;
}

.strategyPlainProfit strong{
 color:#078b63;
 font-size:23px;
 letter-spacing:-.3px;
}

.strategyPlainProfit p{
 color:#275c48;
 font-size:12px;
 font-weight:700;
}

.plainGood{
 color:#087c59 !important;
 font-weight:700;
}

.plainWarning{
 color:#a66b16 !important;
 font-weight:700;
}

#strategies .strategyPlainStart{
 width:100% !important;
 min-height:46px;
 margin-top:15px !important;
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 padding:12px 14px !important;
 border-radius:11px !important;
 font-weight:850 !important;
}

@media(max-width:760px){

 #strategies .strategyPlainCard{
  padding:16px !important;
 }

 .strategyPlainPair{
  font-size:17px;
 }

 .strategyPlainProfit strong{
  font-size:21px;
 }

}

/* AURA_STRATEGY_CARD_PLAIN_V1_STYLE_END */

/* AURA_STRATEGY_CARD_COMPACT_V2_STYLE */

#strategies .strategyCompactCardV2{
 padding:16px !important;
}

.strategyCompactCardV2 .strategyPlainName{
 margin-top:3px;
 font-size:11px;
}

.strategyCompactGrid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:10px;
 margin-top:14px;
}

.strategyCompactItem{
 padding:11px 12px;
 border:1px solid #dce9e3;
 border-radius:11px;
 background:#fbfdfc;
}

.strategyCompactItem small{
 display:block;
 margin-bottom:4px;
 color:#718078;
 font-size:10px;
}

.strategyCompactItem strong{
 display:block;
 color:#172820;
 font-size:15px;
 line-height:1.3;
}

.strategyCompactItem span{
 display:block;
 margin-top:4px;
 color:#6b7972;
 font-size:10px;
 line-height:1.4;
}

.strategyCompactProfit{
 background:#eff9f5;
 border-color:#cce7dc;
}

.strategyCompactProfit strong{
 color:#078b63;
 font-size:20px;
}

.strategyCompactProfit span{
 color:#285d49;
 font-weight:700;
}

.strategyCompactRules{
 display:flex;
 flex-wrap:wrap;
 gap:7px;
 margin-top:10px;
}

.strategyCompactRules span{
 padding:6px 9px;
 border-radius:999px;
 background:#f2f7f5;
 border:1px solid #dbe8e2;
 color:#53665d;
 font-size:10px;
 font-weight:700;
}

#strategies .strategyCompactCardV2 .strategyPlainStart{
 margin-top:12px !important;
 min-height:42px;
}

@media(max-width:520px){

 .strategyCompactGrid{
  grid-template-columns:1fr;
 }

 .strategyCompactProfit strong{
  font-size:19px;
 }

}

/* AURA_STRATEGY_CARD_COMPACT_V2_STYLE_END */

/* AURA_STRATEGY_EXPAND_PLAIN_V2_STYLE */

.strategyStartV2 .ssInfoGridSimple{
 grid-template-columns:1fr 1fr !important;
}

.strategyStartV2 .ssEstimateV2{
 padding:15px !important;
}

.strategyStartV2 .ssEstimateTitle{
 margin-bottom:11px;
 color:#50635a;
 font-size:12px;
 font-weight:800;
}

.strategyStartV2 .ssEstimateGrid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:8px;
}

.strategyStartV2 .ssEstimateMetric{
 min-width:0;
 padding:10px 9px;
 border:1px solid #d8e9e1;
 border-radius:10px;
 background:#f8fcfa;
}

.strategyStartV2 .ssEstimateMetric small{
 display:block;
 margin-bottom:5px;
 color:#728078;
 font-size:10px;
 line-height:1.3;
}

.strategyStartV2 .ssEstimateMetric strong{
 display:block;
 color:#087c59;
 font-size:14px;
 line-height:1.35;
 word-break:break-word;
}

.strategyStartV2 .ssEstimateMetric span{
 display:block;
 margin-top:2px;
 color:#859189;
 font-size:9px;
}

.strategyStartV2 .ssRuleSummary{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:8px;
 margin-top:10px;
}

.strategyStartV2 .ssRuleSummary>div{
 padding:10px 11px;
 border:1px solid #e0e9e5;
 border-radius:10px;
 background:#fff;
}

.strategyStartV2 .ssRuleSummary small{
 display:block;
 margin-bottom:4px;
 color:#7b8982;
 font-size:10px;
}

.strategyStartV2 .ssRuleSummary b{
 display:block;
 color:#34473e;
 font-size:11px;
 line-height:1.45;
}

.strategyStartV2 .ssRuleSummary .ssRuleOk{
 color:#087b59;
}

.strategyStartV2 .ssRuleSummary .ssRuleWarn{
 color:#a46c1c;
}

.strategyStartV2 .ssSettlementPlain{
 margin-top:10px;
 padding:11px 12px;
 border-radius:10px;
 background:#f5f8f7;
}

.strategyStartV2 .ssSettlementPlain>b{
 display:block;
 margin-bottom:4px;
 color:#34473e;
 font-size:11px;
}

.strategyStartV2 .ssSettlementPlain p{
 margin:0;
 color:#607168;
 font-size:10px;
 line-height:1.55;
}

.strategyStartV2 .ssSettlementPlain small{
 display:block;
 margin-top:6px;
 color:#8a9690;
 font-size:9px;
 line-height:1.45;
}

.strategyStartV2 .ssFootV2{
 justify-content:center !important;
 text-align:center;
}

.strategyStartV2 .ssFootV2 span{
 max-width:520px;
 line-height:1.45;
}

@media(max-width:640px){

 .strategyStartV2 .ssEstimateGrid{
  grid-template-columns:1fr;
 }

 .strategyStartV2 .ssRuleSummary{
  grid-template-columns:1fr;
 }

 .strategyStartV2 .ssInfoGridSimple{
  grid-template-columns:1fr 1fr !important;
 }

 .strategyStartV2 .ssEstimateMetric{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  column-gap:10px;
 }

 .strategyStartV2 .ssEstimateMetric small{
  grid-column:1;
 }

 .strategyStartV2 .ssEstimateMetric strong{
  grid-column:2;
  grid-row:1 / span 2;
  font-size:15px;
  text-align:right;
 }

 .strategyStartV2 .ssEstimateMetric span{
  grid-column:2;
  text-align:right;
 }

}

/* AURA_STRATEGY_EXPAND_PLAIN_V2_STYLE_END */

/* AURA_EXPAND_COMPACT_IDENTITY_STYLE */

.strategyStartV2 .ssCompactIdentity{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:12px;
 margin-bottom:12px;
 padding:2px 1px 10px;
 border-bottom:1px solid #e2ebe7;
}

.strategyStartV2 .ssCompactIdentity>div{
 min-width:0;
}

.strategyStartV2 .ssCompactIdentity strong{
 display:block;
 color:#172820;
 font-size:15px;
 line-height:1.3;
}

.strategyStartV2 .ssCompactIdentity span{
 display:block;
 margin-top:2px;
 color:#087b59;
 font-size:10px;
 font-weight:700;
}

.strategyStartV2 .ssCompactIdentity small{
 display:block;
 margin-top:2px;
 color:#7c8983;
 font-size:10px;
}

.strategyStartV2 .ssCompactIdentity .ssVip{
 flex:none;
}

/* AURA_EXPAND_COMPACT_IDENTITY_STYLE_END */


/* AURA_MEMBER_HOME_V2_BEGIN */

/* =========================================================
   AURA Member Home V2
   Scope: logged-in homepage only
   ========================================================= */

.auraMemberHomeV2{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:0 0 14px;
}

.auraMemberHomeV2 section{
  box-sizing:border-box;
}


/* =========================================================
   Shared card
   ========================================================= */

.auraHomeAccountV2,
.auraHomeNextV2,
.auraHomeCoreV2,
.auraHomeHowV2,
.auraHomeAppV2{
  background:#fff;
  border:1px solid rgba(7,76,66,.08);
  border-radius:22px;
  box-shadow:0 8px 26px rgba(8,63,55,.07);
}


/* =========================================================
   Section headings
   ========================================================= */

.auraHomeSectionHeadV2,
.auraHomeSectionTitleV2{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.auraHomeSectionHeadV2 h3,
.auraHomeSectionTitleV2 h3{
  margin:0;
  color:#102d29;
  font-size:18px;
  line-height:1.25;
  font-weight:800;
}

.auraHomeSectionHeadV2 small{
  display:block;
  margin-bottom:4px;
  color:#81908d;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}


/* =========================================================
   Account status
   ========================================================= */

.auraHomeAccountV2{
  padding:18px;
}

.auraHomeStatusV2{
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:999px;
  background:#eaf8f2;
  color:#138866;
  font-size:11px;
  font-weight:800;
}

.auraHomeAccountGridV2{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:16px;
}

.auraHomeAccountGridV2 > div{
  min-width:0;
  padding:2px 16px;
  border-right:1px solid #edf1ef;
}

.auraHomeAccountGridV2 > div:first-child{
  padding-left:0;
}

.auraHomeAccountGridV2 > div:last-child{
  padding-right:0;
  border-right:0;
}

.auraHomeAccountGridV2 small{
  display:block;
  margin-bottom:7px;
  color:#87928f;
  font-size:11px;
  white-space:nowrap;
}

.auraHomeAccountGridV2 strong{
  display:block;
  overflow:hidden;
  color:#132f2b;
  font-size:19px;
  line-height:1.15;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.auraHomeAccountGridV2 strong em{
  color:#71807d;
  font-size:10px;
  font-style:normal;
  font-weight:700;
}

.auraHomeAccountGridV2 .auraHomeGreenV2{
  color:#0a9a6c;
}

.auraHomeAccountGridV2 .auraHomeVipV2{
  color:#b98518;
}


/* =========================================================
   Next step
   ========================================================= */

.auraHomeNextV2{
  position:relative;
  overflow:hidden;
  padding:18px;
  background:
    radial-gradient(circle at 92% 20%,rgba(230,179,55,.20),transparent 29%),
    linear-gradient(135deg,#fffdf5 0%,#f7fff9 100%);
  border-color:rgba(214,174,72,.22);
}

.auraHomeNextV2::after{
  content:"↗";
  position:absolute;
  top:-14px;
  right:16px;
  color:rgba(196,139,24,.12);
  font-size:100px;
  font-weight:900;
  line-height:1;
  pointer-events:none;
}

.auraHomeNextCopyV2{
  position:relative;
  z-index:1;
}

.auraHomeNextCopyV2 small{
  display:block;
  margin-bottom:4px;
  color:#b17d19;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}

.auraHomeNextCopyV2 h3{
  margin:0;
  color:#17342f;
  font-size:19px;
  font-weight:900;
}

.auraHomeNextCopyV2 p{
  margin:6px 0 0;
  color:#697774;
  font-size:12px;
  line-height:1.5;
}

.auraHomeNextActionsV2{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:15px;
}

.auraHomeNextActionsV2 button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  min-height:48px;
  padding:10px 12px;
  border:1px solid #e8eeeb;
  border-radius:13px;
  background:#fff;
  color:#183630;
  box-shadow:0 5px 14px rgba(20,72,62,.06);
  cursor:pointer;
}

.auraHomeNextActionsV2 button.primary{
  border-color:#075f52;
  background:linear-gradient(135deg,#087464,#07594f);
  color:#fff;
}

.auraHomeNextActionsV2 button b{
  overflow:hidden;
  font-size:13px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.auraHomeNextActionsV2 button i{
  margin-left:auto;
  font-size:18px;
  font-style:normal;
  opacity:.75;
}


/* =========================================================
   Core functions
   ========================================================= */

.auraHomeCoreV2{
  padding:18px 16px 15px;
}

.auraHomeCoreGridV2{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px 8px;
  margin-top:12px;
}

.auraHomeCoreGridV2 button{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  min-height:76px;
  padding:8px 4px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#18332f;
  cursor:pointer;
}

.auraHomeCoreGridV2 button:active{
  background:#f4f8f6;
}

.auraHomeCoreGridV2 button b{
  font-size:12px;
  font-weight:800;
}

.auraHomeCoreIconV2{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:13px;
  background:#e7f7f2;
  color:#087361;
  font-size:19px;
  font-weight:900;
}

.auraHomeCoreGridV2 button:nth-child(2) .auraHomeCoreIconV2{
  background:#e9f8f7;
}

.auraHomeCoreGridV2 button:nth-child(3) .auraHomeCoreIconV2{
  background:#fff4d9;
  color:#b77d12;
}

.auraHomeCoreGridV2 button:nth-child(4) .auraHomeCoreIconV2{
  background:#eaf4ff;
  color:#2677bf;
}

.auraHomeCoreGridV2 button:nth-child(5) .auraHomeCoreIconV2{
  background:#eef1ff;
  color:#536ac9;
}

.auraHomeCoreGridV2 button:nth-child(6) .auraHomeCoreIconV2{
  background:#e9f5ff;
  color:#267fc5;
}


/* =========================================================
   How AURA works
   ========================================================= */

.auraHomeHowV2{
  padding:18px 16px 15px;
  background:
    linear-gradient(135deg,rgba(229,249,243,.82),#fff 58%);
}

.auraHomeFlowV2{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:5px;
  margin-top:16px;
}

.auraHomeFlowV2 > div{
  flex:1 1 0;
  min-width:0;
  text-align:center;
}

.auraHomeFlowV2 > div span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin:0 auto 7px;
  border-radius:50%;
  background:#ccefe5;
  color:#08705f;
  font-size:12px;
  font-weight:900;
}

.auraHomeFlowV2 > div b{
  display:block;
  color:#28423e;
  font-size:10px;
  line-height:1.3;
  font-weight:800;
}

.auraHomeFlowV2 > i{
  flex:0 0 auto;
  margin-top:6px;
  color:#72aa9e;
  font-size:15px;
  font-style:normal;
}

.auraHomeLearnActionsV2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:16px;
}

.auraHomeLearnActionsV2 button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:43px;
  padding:9px 12px;
  border:1px solid #e4ece8;
  border-radius:12px;
  background:#fff;
  color:#183832;
  cursor:pointer;
}

.auraHomeLearnActionsV2 button:first-child{
  border-color:#086b5d;
  background:#086b5d;
  color:#fff;
}

.auraHomeLearnActionsV2 button b{
  font-size:12px;
  font-weight:800;
}

.auraHomeLearnActionsV2 button i{
  font-size:17px;
  font-style:normal;
}


/* =========================================================
   Download App
   ========================================================= */

.auraHomeAppV2{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  padding:15px 16px;
  background:
    linear-gradient(100deg,#f1fffa 0%,#fff 52%,#fff8e7 100%);
}

.auraHomeAppMarkV2{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:58px;
  border-radius:13px;
  background:linear-gradient(155deg,#0b7665,#06493f);
  color:#e7c266;
  box-shadow:0 8px 16px rgba(7,88,74,.18);
  font-size:26px;
  font-weight:900;
}

.auraHomeAppCopyV2{
  min-width:0;
}

.auraHomeAppCopyV2 h3{
  margin:0 0 4px;
  color:#18342f;
  font-size:16px;
  font-weight:900;
}

.auraHomeAppCopyV2 p{
  margin:0;
  color:#77837f;
  font-size:11px;
  line-height:1.45;
}

.auraHomeAppV2 > button{
  min-height:40px;
  padding:9px 15px;
  border:0;
  border-radius:11px;
  background:linear-gradient(135deg,#f6d477,#e9b84e);
  color:#60420c;
  box-shadow:0 5px 12px rgba(177,126,29,.16);
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}


/* =========================================================
   Existing blocks below new home
   ========================================================= */

#home > .marketPanel.guestHide{
  margin-top:14px;
  border-radius:22px;
  box-shadow:0 8px 26px rgba(8,63,55,.07);
}

#home #auraHomeTools{
  margin-top:14px;
}


/* =========================================================
   Mobile
   ========================================================= */

@media(max-width:600px){

  .auraMemberHomeV2{
    gap:10px;
  }

  .auraHomeAccountV2,
  .auraHomeNextV2,
  .auraHomeCoreV2,
  .auraHomeHowV2,
  .auraHomeAppV2{
    border-radius:17px;
  }

  .auraHomeAccountV2{
    padding:15px 13px;
  }

  .auraHomeSectionHeadV2 h3,
  .auraHomeSectionTitleV2 h3{
    font-size:16px;
  }

  .auraHomeStatusV2{
    padding:5px 8px;
    font-size:10px;
  }

  .auraHomeAccountGridV2{
    margin-top:14px;
  }

  .auraHomeAccountGridV2 > div{
    padding:0 8px;
  }

  .auraHomeAccountGridV2 > div:first-child{
    padding-left:0;
  }

  .auraHomeAccountGridV2 > div:last-child{
    padding-right:0;
  }

  .auraHomeAccountGridV2 small{
    margin-bottom:5px;
    font-size:9px;
  }

  .auraHomeAccountGridV2 strong{
    font-size:15px;
  }

  .auraHomeAccountGridV2 strong em{
    display:block;
    margin-top:2px;
    font-size:8px;
  }

  .auraHomeNextV2{
    padding:15px 13px;
  }

  .auraHomeNextCopyV2 h3{
    font-size:17px;
  }

  .auraHomeNextCopyV2 p{
    font-size:11px;
  }

  .auraHomeNextActionsV2{
    gap:7px;
    margin-top:13px;
  }

  .auraHomeNextActionsV2 button{
    gap:5px;
    min-height:45px;
    padding:8px 7px;
    border-radius:11px;
  }

  .auraHomeNextActionsV2 button b{
    font-size:11px;
  }

  .auraHomeNextActionsV2 button i{
    display:none;
  }

  .auraHomeCoreV2{
    padding:15px 11px 12px;
  }

  .auraHomeCoreGridV2{
    gap:3px 4px;
    margin-top:9px;
  }

  .auraHomeCoreGridV2 button{
    min-height:70px;
  }

  .auraHomeCoreIconV2{
    width:35px;
    height:35px;
    font-size:17px;
  }

  .auraHomeCoreGridV2 button b{
    font-size:11px;
  }

  .auraHomeHowV2{
    padding:15px 11px 12px;
  }

  .auraHomeFlowV2{
    gap:2px;
    margin-top:14px;
  }

  .auraHomeFlowV2 > div span{
    width:25px;
    height:25px;
    margin-bottom:5px;
    font-size:10px;
  }

  .auraHomeFlowV2 > div b{
    font-size:9px;
  }

  .auraHomeFlowV2 > i{
    margin-top:5px;
    font-size:12px;
  }

  .auraHomeLearnActionsV2{
    gap:7px;
    margin-top:13px;
  }

  .auraHomeLearnActionsV2 button{
    min-height:40px;
    padding:8px;
  }

  .auraHomeLearnActionsV2 button b{
    font-size:11px;
  }

  .auraHomeAppV2{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:10px;
    padding:12px;
  }

  .auraHomeAppMarkV2{
    width:42px;
    height:50px;
    border-radius:11px;
    font-size:22px;
  }

  .auraHomeAppCopyV2 h3{
    font-size:14px;
  }

  .auraHomeAppCopyV2 p{
    font-size:9px;
  }

  .auraHomeAppV2 > button{
    min-height:36px;
    padding:8px 10px;
    font-size:10px;
  }

}

/* Very narrow phones */
@media(max-width:380px){

  .auraHomeAccountGridV2 strong{
    font-size:13px;
  }

  .auraHomeNextActionsV2 button span{
    display:none;
  }

  .auraHomeNextActionsV2 button b{
    font-size:10px;
  }

  .auraHomeFlowV2 > div b{
    font-size:8px;
  }

  .auraHomeAppCopyV2 p{
    display:none;
  }

}



/* AURA_MEMBER_STRATEGY_RECOMMEND_V1_BEGIN */

/* =========================================================
   AURA Home Recommended Bots
   Mini two-card layout
   ========================================================= */

.auraHomeRecommendV1{
  padding:15px 16px 14px;
  border:1px solid rgba(15,118,110,.10);
  border-radius:18px;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.98),
      rgba(248,252,251,.98)
    );
  box-shadow:
    0 8px 24px rgba(15,23,42,.05);
}


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


.auraHomeRecommendTitleV1{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}


.auraHomeRecommendTitleV1>span{
  font-size:17px;
  line-height:1;
}


.auraHomeRecommendTitleV1 h3{
  margin:0;
  font-size:16px;
  line-height:1.3;
  font-weight:800;
  color:#102a2a;
}


.auraHomeRecommendMoreV1{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:4px;
  padding:3px 0;
  border:0;
  background:transparent;
  font-size:11px;
  color:#7c8989;
  cursor:pointer;
}


.auraHomeRecommendMoreV1 span{
  font-size:16px;
  line-height:1;
}


.auraHomeRecommendGridV2{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:8px;
}


.auraHomeBotMiniV2{
  position:relative;
  min-width:0;
  padding:10px 10px 9px;
  border:1px solid rgba(15,118,110,.09);
  border-radius:13px;
  background:
    linear-gradient(
      145deg,
      #f5fffb,
      #ffffff
    );
  overflow:hidden;
}


.auraHomeBotMiniV2.locked{
  background:
    linear-gradient(
      145deg,
      #fffaf0,
      #ffffff
    );
}


.auraHomeBotMiniTopV2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-width:0;
}


.auraHomeBotMiniVipV2{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:0 8px;
  border-radius:999px;
  background:#168f7b;
  font-size:10px;
  line-height:1;
  font-weight:800;
  color:#fff;
}


.auraHomeBotMiniV2.locked
.auraHomeBotMiniVipV2{
  background:#c99632;
}


.auraHomeBotMiniStatusV2{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  font-weight:700;
  color:#6d7b7b;
}


.auraHomeBotMiniNameV2{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:8px;
  font-size:11px;
  line-height:1.3;
  font-weight:800;
  color:#263b3b;
}


.auraHomeBotMiniLineV2{
  display:flex;
  align-items:baseline;
  gap:4px;
  min-width:0;
  margin-top:5px;
  font-size:10px;
  line-height:1.35;
  color:#667575;
}


.auraHomeBotMiniLineV2 strong{
  min-width:0;
  font-size:11px;
  color:#173737;
}


.auraHomeBotMiniLineV2.profit strong{
  color:#079b71;
}


.auraHomeBotMiniStopV2{
  display:flex;
  align-items:flex-start;
  gap:4px;
  min-height:27px;
  margin-top:6px;
  font-size:9px;
  line-height:1.35;
  color:#718080;
}


.auraHomeBotMiniStopV2 span{
  flex:0 0 auto;
}


.auraHomeBotMiniBottomV2{
  display:flex;
  justify-content:flex-end;
  margin-top:5px;
}


.auraHomeBotMiniActionV2{
  min-width:58px;
  min-height:27px;
  padding:0 10px;
  border:0;
  border-radius:9px;
  background:#087d6b;
  font-size:10px;
  line-height:1;
  font-weight:800;
  color:#fff;
  cursor:pointer;
}


.auraHomeBotMiniV2.locked
.auraHomeBotMiniActionV2{
  background:#b98a32;
}


.auraHomeRecommendLoadingV1,
.auraHomeRecommendEmptyV1{
  padding:15px 0;
  text-align:center;
  font-size:11px;
  color:#849191;
}


@media(max-width:380px){

  .auraHomeRecommendV1{
    padding:13px 12px;
  }

  .auraHomeRecommendGridV2{
    gap:6px;
  }

  .auraHomeBotMiniV2{
    padding:9px 8px 8px;
  }

  .auraHomeBotMiniLineV2{
    font-size:9px;
  }

  .auraHomeBotMiniLineV2 strong{
    font-size:10px;
  }

}

/* AURA_MEMBER_STRATEGY_RECOMMEND_V1_END */




/* AURA_MEMBER_HOME_REAL_DATA_READY_V1_BEGIN */

/*
 * Before /users/me + /positions/me return:
 * - keep card layout visible
 * - hide fake 0.00 / VIP 0
 * - hide fake next-step decision
 * - show lightweight skeleton placeholders
 */


/* ---------------------------------------------------------
   Account values
   --------------------------------------------------------- */

#auraMemberHomeV2.auraHomeDataPendingV1
.auraHomeAccountGridV2 strong{
  position:relative;
  min-height:28px;
}


#auraMemberHomeV2.auraHomeDataPendingV1
.auraHomeAccountGridV2 strong > span,

#auraMemberHomeV2.auraHomeDataPendingV1
.auraHomeAccountGridV2 strong > em,

#auraMemberHomeV2.auraHomeDataPendingV1
#homeVipV2{
  color:transparent !important;
  text-shadow:none !important;
}


#auraMemberHomeV2.auraHomeDataPendingV1
.auraHomeAccountGridV2 strong::after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:68%;
  max-width:78px;
  height:13px;
  transform:translateY(-50%);
  border-radius:999px;
  background:
   linear-gradient(
    90deg,
    rgba(15,118,110,.08),
    rgba(15,118,110,.16),
    rgba(15,118,110,.08)
   );
  background-size:200% 100%;
  animation:
   auraHomeDataSkeletonV1 1.15s ease-in-out infinite;
}


#auraMemberHomeV2.auraHomeDataPendingV1
#homeVipV2::after{
  width:52px;
}


/* ---------------------------------------------------------
   Next-step decision
   --------------------------------------------------------- */

#auraMemberHomeV2.auraHomeDataPendingV1
#auraHomeNextTitleV2,

#auraMemberHomeV2.auraHomeDataPendingV1
#auraHomeNextTextV2{
  position:relative;
  color:transparent !important;
  text-shadow:none !important;
}


#auraMemberHomeV2.auraHomeDataPendingV1
#auraHomeNextTitleV2::after,

#auraMemberHomeV2.auraHomeDataPendingV1
#auraHomeNextTextV2::after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  border-radius:999px;
  background:
   linear-gradient(
    90deg,
    rgba(120,100,35,.07),
    rgba(120,100,35,.15),
    rgba(120,100,35,.07)
   );
  background-size:200% 100%;
  animation:
   auraHomeDataSkeletonV1 1.15s ease-in-out infinite;
}


#auraMemberHomeV2.auraHomeDataPendingV1
#auraHomeNextTitleV2::after{
  width:155px;
  max-width:72%;
  height:18px;
}


#auraMemberHomeV2.auraHomeDataPendingV1
#auraHomeNextTextV2::after{
  width:235px;
  max-width:86%;
  height:11px;
}


/*
 * Do not show a fake action before we know whether
 * the user should deposit / choose bot / view running.
 *
 * visibility preserves layout height.
 */

#auraMemberHomeV2.auraHomeDataPendingV1
.auraHomeNextActionsV2{
  visibility:hidden;
}


/* ---------------------------------------------------------
   Skeleton animation
   --------------------------------------------------------- */

@keyframes auraHomeDataSkeletonV1{

  0%{
    background-position:200% 0;
  }

  100%{
    background-position:-200% 0;
  }

}


@media (prefers-reduced-motion:reduce){

 #auraMemberHomeV2.auraHomeDataPendingV1
 .auraHomeAccountGridV2 strong::after,

 #auraMemberHomeV2.auraHomeDataPendingV1
 #auraHomeNextTitleV2::after,

 #auraMemberHomeV2.auraHomeDataPendingV1
 #auraHomeNextTextV2::after{
   animation:none;
 }

}

/* AURA_MEMBER_HOME_REAL_DATA_READY_V1_END */


/* AURA_MEMBER_HOME_V2_END */


/* AURA_MEMBER_HOME_MARKET_V2_BEGIN */

/*
 * Homepage Market V2
 * Compact market block.
 * Existing market / chart data logic is reused.
 */

.auraHomeMarketV2{
  margin-top:12px;
  padding:14px;
  border:1px solid #dce9e3;
  border-radius:18px;
  background:#fff;
  box-shadow:0 6px 20px rgba(8,63,55,.05);
}


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


.auraHomeMarketTitleV2{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}


.auraHomeMarketIconV2{
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:9px;
  background:#eaf7f2;
  color:#0a8a65;
  font-size:16px;
  font-weight:900;
}


.auraHomeMarketTitleV2 small{
  display:block;
  margin:0 0 1px;
  color:#9aa5a0;
  font-size:8px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
}


.auraHomeMarketTitleV2 h3{
  margin:0;
  color:#18342f;
  font-size:15px;
  line-height:1.25;
  font-weight:900;
}


.auraHomeMarketLiveV2{
  padding:4px 8px;
  border:1px solid #cbe7dc;
  border-radius:999px;
  background:#f0faf6;
  color:#07805d;
  font-size:8px;
  line-height:1;
  font-weight:900;
}


/* -------------------------
   Tickers
   ------------------------- */

.auraHomeMarketTickersV2{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px !important;
  margin:0 0 11px !important;
  padding:0 !important;
  border:0 !important;
}


.auraHomeMarketTickersV2 .ticker{
  min-width:0;
  margin:0 !important;
  padding:9px 8px !important;
  display:flex !important;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  border:1px solid #e3ece8 !important;
  border-radius:12px !important;
  background:#fbfdfc !important;
  box-shadow:none !important;
  cursor:pointer;
}


.auraHomeMarketTickersV2 .ticker:hover{
  border-color:#b9ddcf !important;
  background:#f7fcfa !important;
}


.auraHomeMarketTickersV2 .ticker b{
  width:100%;
  overflow:hidden;
  color:#53635d !important;
  font-size:9px !important;
  line-height:1.25;
  font-weight:800;
  white-space:nowrap;
  text-overflow:ellipsis;
}


.auraHomeMarketTickersV2 .ticker span{
  width:100%;
  overflow:hidden;
  color:#1c332a !important;
  font-size:13px !important;
  line-height:1.3;
  font-weight:900;
  white-space:nowrap;
  text-overflow:ellipsis;
}


.auraHomeMarketTickersV2 .ticker small{
  font-size:9px !important;
  line-height:1.2;
  font-weight:800;
}


/* -------------------------
   Chart
   ------------------------- */

.auraHomeMarketChartV2{
  padding-top:10px;
  border-top:1px solid #edf2ef;
}


.auraHomeMarketChartHeadV2{
  margin:0 0 6px !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}


.auraHomeMarketChartHeadV2 > b{
  color:#20372e !important;
  font-size:11px !important;
  line-height:1.2;
  font-weight:900;
}


.auraHomeMarketIntervalsV2{
  display:flex;
  align-items:center;
  gap:3px;
}


.auraHomeMarketIntervalsV2 button{
  min-width:30px;
  height:25px;
  padding:0 7px !important;
  border:0 !important;
  border-radius:7px !important;
  background:transparent !important;
  color:#84918c !important;
  font-size:9px !important;
  font-weight:800 !important;
  cursor:pointer;
}


.auraHomeMarketIntervalsV2 button.active{
  background:#eaf7f2 !important;
  color:#087d5c !important;
}


.auraHomeMarketCanvasV2{
  width:100%;
  height:150px;
  overflow:hidden;
  border-radius:10px;
}


.auraHomeMarketCanvasV2 #chart{
  display:block;
  width:100% !important;
  height:150px !important;
}


/* Old homepage market override is intentionally
   neutralized by the new component selector. */

#home > .auraHomeMarketV2{
  margin-top:12px;
}


@media(max-width:600px){

  .auraHomeMarketV2{
    margin-top:10px;
    padding:12px;
    border-radius:16px;
  }

  .auraHomeMarketHeadV2{
    margin-bottom:9px;
  }

  .auraHomeMarketTickersV2{
    gap:6px !important;
    margin-bottom:9px !important;
  }

  .auraHomeMarketTickersV2 .ticker{
    padding:8px 7px !important;
    border-radius:10px !important;
  }

  .auraHomeMarketTickersV2 .ticker b{
    font-size:8px !important;
  }

  .auraHomeMarketTickersV2 .ticker span{
    font-size:12px !important;
  }

  .auraHomeMarketTickersV2 .ticker small{
    font-size:8px !important;
  }

  .auraHomeMarketCanvasV2{
    height:138px;
  }

  .auraHomeMarketCanvasV2 #chart{
    height:138px !important;
  }

}


/* AURA_MEMBER_HOME_MARKET_V2_END */


/* AURA_MEMBER_HOME_MARKET_COMPACT_V3_BEGIN */

/*
 * Homepage market compact V3
 * Homepage only.
 *
 * Keep all existing market data.
 * Only show first 3 ticker cards on homepage.
 */

.auraHomeMarketV2{
  margin-top:10px !important;
  padding:11px 12px 10px !important;
  border-radius:16px !important;
}


/* ---------- Header ---------- */

.auraHomeMarketHeadV2{
  margin-bottom:8px !important;
}

.auraHomeMarketIconV2{
  width:26px !important;
  height:26px !important;
  border-radius:8px !important;
  font-size:14px !important;
}

.auraHomeMarketTitleV2{
  gap:7px !important;
}

.auraHomeMarketTitleV2 small{
  font-size:7px !important;
}

.auraHomeMarketTitleV2 h3{
  font-size:14px !important;
}


/* LIVE is currently hidden by existing JS.
   Keep existing behavior. */


/* ---------- Only 3 homepage tickers ---------- */

.auraHomeMarketTickersV2{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:5px !important;
  margin-bottom:7px !important;
}

.auraHomeMarketTickersV2 .ticker:nth-child(n+4){
  display:none !important;
}

.auraHomeMarketTickersV2 .ticker{
  min-height:0 !important;
  padding:6px 7px !important;
  gap:1px !important;
  border-radius:9px !important;
}

.auraHomeMarketTickersV2 .ticker b{
  font-size:7px !important;
  line-height:1.15 !important;
}

.auraHomeMarketTickersV2 .ticker span{
  margin-top:1px !important;
  font-size:11px !important;
  line-height:1.2 !important;
}

.auraHomeMarketTickersV2 .ticker small{
  margin-top:1px !important;
  font-size:7px !important;
  line-height:1.15 !important;
}


/* ---------- Compact chart ---------- */

.auraHomeMarketChartV2{
  padding-top:7px !important;
}

.auraHomeMarketChartHeadV2{
  min-height:24px !important;
  margin-bottom:2px !important;
}

.auraHomeMarketChartHeadV2 > b{
  font-size:10px !important;
}

.auraHomeMarketIntervalsV2{
  gap:1px !important;
}

.auraHomeMarketIntervalsV2 button{
  min-width:26px !important;
  width:auto !important;
  height:22px !important;
  padding:0 5px !important;
  border-radius:6px !important;
  font-size:8px !important;
}


/*
 * chart() still renders its original internal 210px canvas.
 * We only compress its homepage visual presentation.
 */

.auraHomeMarketCanvasV2{
  height:82px !important;
  border-radius:8px !important;
}

.auraHomeMarketCanvasV2 #chart{
  width:100% !important;
  height:82px !important;
}


/* ---------- Mobile ---------- */

@media(max-width:600px){

  .auraHomeMarketV2{
    margin-top:8px !important;
    padding:10px 11px 9px !important;
  }

  .auraHomeMarketHeadV2{
    margin-bottom:7px !important;
  }

  .auraHomeMarketTickersV2{
    gap:5px !important;
    margin-bottom:6px !important;
  }

  .auraHomeMarketTickersV2 .ticker{
    padding:6px !important;
  }

  .auraHomeMarketCanvasV2,
  .auraHomeMarketCanvasV2 #chart{
    height:78px !important;
  }

}

/* AURA_MEMBER_HOME_MARKET_COMPACT_V3_END */



/* AURA_POSITION_LOCK_DISABLED_V1 */
#strategies .botStop:disabled,
#strategies .botStop[aria-disabled="true"]{
  opacity:.45 !important;
  filter:grayscale(.35);
  cursor:not-allowed !important;
  pointer-events:none !important;
  box-shadow:none !important;
}

#strategies .botStop:disabled:hover,
#strategies .botStop[aria-disabled="true"]:hover{
  transform:none !important;
}
/* AURA_POSITION_LOCK_DISABLED_V1_END */