/* Ai Mine unified visual system */
:root{
  --am-bg:#f4f8fd;
  --am-surface:#ffffff;
  --am-surface-soft:#edf5ff;
  --am-primary:#2f80ed;
  --am-primary-dark:#1d67c1;
  --am-primary-soft:#dcebff;
  --am-ink:#18324a;
  --am-text:#29445f;
  --am-muted:#6c7f92;
  --am-line:#d9e6f3;
  --am-success:#15946f;
  --am-warning:#f59e0b;
  --am-danger:#dc4c64;
  --am-shadow:0 10px 28px rgba(43,93,145,.12);
  --am-shadow-soft:0 5px 16px rgba(43,93,145,.09);
  --am-radius:22px;
  --am-radius-sm:15px;
}

html,body{background:var(--am-bg)!important;color:var(--am-text)!important;}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;line-height:1.45!important;}
body *{text-rendering:optimizeLegibility;}
.app,.page-app,.home-app{max-width:480px!important;padding-left:16px!important;padding-right:16px!important;}

h1,h2,h3,h4,strong,b{color:var(--am-ink);}
p,small,span,label{letter-spacing:0;}
.topbar,.page-topbar,.home-topbar,.ae-page-header{min-height:52px!important;margin-bottom:14px!important;align-items:center!important;}
.topbar h2,.page-title-center h2,.ae-page-header h2{font-size:21px!important;font-weight:800!important;color:var(--am-ink)!important;line-height:1.15!important;}
.top-subtitle{color:var(--am-muted)!important;font-size:12px!important;}
.top-icon,.ae-header-icon,.back-link,.ae-back{background:var(--am-surface)!important;color:var(--am-primary)!important;border:1px solid var(--am-line)!important;box-shadow:var(--am-shadow-soft)!important;}

.card,.ae-section-card,.earned-card,.package-card,.deposit-input-wrap,.payment-box,.tier-card,.history-card,.withdraw-form-card,.reinvest-card,.compact-status-card,.faq-card{
  background:var(--am-surface)!important;
  border:1px solid var(--am-line)!important;
  border-radius:var(--am-radius)!important;
  box-shadow:var(--am-shadow)!important;
  color:var(--am-text)!important;
}
.card,.ae-section-card{padding:17px!important;margin-bottom:14px!important;}
.card h2,.ae-section-title{font-size:17px!important;font-weight:800!important;color:var(--am-ink)!important;margin:0 0 11px!important;}
.card p,.ae-section-card p{color:var(--am-text)!important;}

button,.full-btn,.deposit-main-btn,.keyboard-deposit-btn,.ae-share-wide,.ae-withdraw-btn{
  background:linear-gradient(135deg,var(--am-primary),var(--am-primary-dark))!important;
  color:#fff!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:0 8px 18px rgba(47,128,237,.23)!important;
  font-weight:800!important;
}
button:hover{filter:brightness(1.03);}
.secondary-btn,.quick-amounts button,.payment-actions .secondary-btn{
  background:var(--am-primary-soft)!important;
  color:var(--am-primary-dark)!important;
  border:1px solid #bcd8fb!important;
  box-shadow:none!important;
}
input,select,textarea{
  background:#f9fbfe!important;
  color:var(--am-ink)!important;
  border:1px solid var(--am-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{border-color:var(--am-primary)!important;box-shadow:0 0 0 4px rgba(47,128,237,.12)!important;}
input::placeholder,textarea::placeholder{color:#8da0b2!important;}

/* Home */
.ae-brandbar{background:transparent!important;padding:3px 1px 9px!important;}
.ae-brandmark,.ae-user-avatar{background:var(--am-surface)!important;border:2px solid var(--am-primary)!important;color:var(--am-primary)!important;box-shadow:var(--am-shadow-soft)!important;}
.ae-brandcopy small,.ae-user-copy small{color:var(--am-muted)!important;}
.ae-brandcopy b,.ae-user-copy b{color:var(--am-ink)!important;}
.ae-userline{align-items:center!important;gap:10px!important;margin-bottom:12px!important;}
.ae-user-copy{min-width:0!important;}
.ae-user-copy b{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;}
.ae-user-copy small{font-size:11px!important;display:block!important;margin-top:2px!important;}
.ae-balance-card{
  background:linear-gradient(135deg,#ffffff,#e9f3ff)!important;
  border:1px solid #cfe1f4!important;
  border-radius:26px!important;
  box-shadow:var(--am-shadow)!important;
  color:var(--am-ink)!important;
}
.ae-balance-card p,.ae-balance-card small{color:var(--am-muted)!important;}
.ae-balance-card h1,.ae-balance-card strong{color:var(--am-ink)!important;}
.ae-energy-card,.energy-card,.deposit-hero,.referral-hero,.about-hero{
  background:linear-gradient(145deg,#58a9f4 0%,#2f80ed 56%,#1d67c1 100%)!important;
  color:#fff!important;
  border:0!important;
  border-radius:26px!important;
  box-shadow:0 14px 30px rgba(47,128,237,.27)!important;
}
.ae-energy-card *,.energy-card *,.deposit-hero *,.referral-hero *,.about-hero *{color:#fff!important;}
.ae-energy-card small,.energy-card small,.deposit-hero .hero-subtitle,.referral-hero span,.about-hero span{color:#eaf4ff!important;}
.ae-energy-grid>div,.energy-stats>div,.trust-mini{
  background:rgba(255,255,255,.15)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
}
.return-highlight{
  background:#ffffff!important;
  color:var(--am-primary-dark)!important;
  border-radius:999px!important;
  padding:7px 12px!important;
  box-shadow:0 7px 15px rgba(20,70,120,.16)!important;
  font-weight:900!important;
}
.ae-actions>*,.ae-action-card{background:var(--am-surface)!important;border:1px solid var(--am-line)!important;box-shadow:var(--am-shadow-soft)!important;color:var(--am-ink)!important;}
.ae-action-icon{background:var(--am-primary-soft)!important;color:var(--am-primary)!important;}
.ae-action-icon.gift{background:#fff1d6!important;color:#d97706!important;}

/* Deposit tiers and highlights */
.hero-kicker,.chain-pill,.mini-badge{background:#fff!important;color:var(--am-primary-dark)!important;border:1px solid rgba(255,255,255,.58)!important;}
.deposit-input-wrap{background:rgba(255,255,255,.96)!important;}
.deposit-amount-row input{background:#f6faff!important;color:var(--am-ink)!important;}
.usdt-box{background:var(--am-ink)!important;color:#fff!important;}
.tier-row{
  background:var(--am-surface-soft)!important;
  border:1px solid #cfe1f4!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.tier-row:nth-child(4){background:linear-gradient(135deg,#eaf4ff,#dcecff)!important;border:2px solid var(--am-primary)!important;box-shadow:0 7px 17px rgba(47,128,237,.14)!important;}
.tier-no{background:var(--am-primary)!important;color:#fff!important;}
.tier-info small{color:var(--am-muted)!important;}
.tier-info b{color:var(--am-ink)!important;}
.tier-rate{color:var(--am-primary-dark)!important;font-weight:900!important;}
.wallet-box,.payment-summary,.history-item,.empty-box,.review-box,.summary-box,.withdraw-item,.about-mini,.faq-item,.profile-info-item,.ae-code-box,.ae-team-row{
  background:var(--am-surface-soft)!important;
  border:1px solid var(--am-line)!important;
  color:var(--am-text)!important;
}
.wallet-box,.ae-code-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;color:var(--am-ink)!important;}
.status-pill,.unlock-badge{background:var(--am-primary-soft)!important;color:var(--am-primary-dark)!important;}
.status-pill.paid,.unlock-badge.ok{background:#ddf6ed!important;color:#08795c!important;}
.status-pill.pending{background:#fff0cf!important;color:#a66200!important;}
.status-pill.rejected,.status-pill.failed,.error-box{background:#ffe8ed!important;color:#a72e46!important;border-color:#f2bcc8!important;}

/* Referral */
.ae-ref-summary{background:linear-gradient(145deg,#58a9f4,#2f80ed 58%,#1d67c1)!important;color:#fff!important;border-radius:26px!important;box-shadow:0 14px 30px rgba(47,128,237,.25)!important;}
.ae-ref-summary *{color:#fff!important;}
.ae-ref-summary-grid>div{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.26)!important;}
.ae-level-list{gap:9px!important;}
.ae-level-row{
  background:var(--am-surface)!important;
  border:1px solid var(--am-line)!important;
  box-shadow:var(--am-shadow-soft)!important;
  border-radius:18px!important;
  color:var(--am-text)!important;
}
.ae-level-no{color:var(--am-primary)!important;font-weight:900!important;}
.ae-level-row b,.ae-level-row strong{color:var(--am-ink)!important;}
.ae-level-row small{color:var(--am-muted)!important;}
.ae-level-reward{color:var(--am-primary)!important;font-weight:900!important;}
.ae-level-unlock{background:var(--am-primary-soft)!important;color:var(--am-primary-dark)!important;border:1px solid #bdd8fa!important;}
.ae-team-row{box-shadow:none!important;border-radius:16px!important;}

/* Profile / About */
.avatar{background:var(--am-primary-soft)!important;color:var(--am-primary)!important;border:2px solid var(--am-primary)!important;}
.earned-card{background:linear-gradient(135deg,#ffffff,#eaf3ff)!important;color:var(--am-ink)!important;}
.earned-card p,.earned-card small{color:var(--am-muted)!important;}
.earned-card h1{color:var(--am-ink)!important;}
.about-mini.highlight,.warning-box{background:#fff4dc!important;border-color:#f1d399!important;color:#7a4c00!important;}
.about-mini b,.about-point b,.faq-item b{color:var(--am-ink)!important;}
.about-mini small,.about-point p,.faq-item p{color:var(--am-muted)!important;}
.about-point-icon{background:var(--am-primary-soft)!important;color:var(--am-primary)!important;}

/* Progress UI */
.progress-bar,.ae-progress-track{background:#dce9f6!important;}
.progress-fill,.ae-progress-fill{background:linear-gradient(90deg,#58a9f4,var(--am-primary))!important;}
.package-status{background:#ddf6ed!important;color:#08795c!important;}
.package-status.expired{background:#ffe8ed!important;color:#a72e46!important;}

/* Bottom navigation */
.bottom-nav,.ae-bottom-nav{
  background:rgba(255,255,255,.97)!important;
  border:1px solid var(--am-line)!important;
  box-shadow:0 -5px 22px rgba(43,93,145,.13)!important;
  backdrop-filter:blur(12px)!important;
}
.bottom-nav a,.ae-bottom-nav a{color:#8495a7!important;font-weight:700!important;}
.bottom-nav a.active,.ae-bottom-nav a.active{background:var(--am-primary-soft)!important;color:var(--am-primary)!important;}

/* Admin: same brand theme with desktop layout retained */
body:has(.admin-key-box){background:var(--am-bg)!important;color:var(--am-text)!important;}
body:has(.admin-key-box) .card{background:var(--am-surface)!important;border-color:var(--am-line)!important;color:var(--am-text)!important;box-shadow:var(--am-shadow)!important;}
body:has(.admin-key-box) .brand h1,body:has(.admin-key-box) h2,body:has(.admin-key-box) th,body:has(.admin-key-box) td{color:var(--am-ink)!important;}
body:has(.admin-key-box) .brand p,body:has(.admin-key-box) small,body:has(.admin-key-box) label{color:var(--am-muted)!important;}
body:has(.admin-key-box) .logo{background:linear-gradient(135deg,#58a9f4,var(--am-primary))!important;color:#fff!important;}
body:has(.admin-key-box) table{background:#fff!important;}
body:has(.admin-key-box) th{background:#eaf3ff!important;}
body:has(.admin-key-box) td{border-bottom-color:var(--am-line)!important;}
body:has(.admin-key-box) input,body:has(.admin-key-box) select,body:has(.admin-key-box) textarea{background:#f9fbfe!important;color:var(--am-ink)!important;border-color:var(--am-line)!important;}
body:has(.admin-key-box) .stat,body:has(.admin-key-box) .detail,body:has(.admin-key-box) .summary-card,body:has(.admin-key-box) .switch-row{background:var(--am-surface-soft)!important;border-color:var(--am-line)!important;}
body:has(.admin-key-box) .security-note{background:#e2f5ef!important;color:#08795c!important;border-color:#b8e5d7!important;}
body:has(.admin-key-box) .btn-gray{background:#e7eef6!important;color:var(--am-ink)!important;border:1px solid var(--am-line)!important;}

@media(max-width:420px){
  .app,.page-app,.home-app{padding-left:13px!important;padding-right:13px!important;}
  .card,.ae-section-card{padding:15px!important;}
  .ae-balance-card,.ae-energy-card,.energy-card,.deposit-hero,.referral-hero,.about-hero{border-radius:22px!important;}
  .ae-user-copy b{font-size:14px!important;}
  .tier-row{grid-template-columns:38px 1fr 68px!important;gap:9px!important;padding:11px!important;}
  .bottom-nav,.ae-bottom-nav{width:calc(100% - 14px)!important;}
}