/* Melli Arbitrage Telegram Mini App: compact, icon-based and touch friendly. */
.ui-icon{display:inline-block;vertical-align:-.16em;flex:none;stroke:currentColor;overflow:visible}
body[data-mini-app="true"]{
  --bg:#071419;--surface:#10212a;--surface2:#132832;--deep:#07161c;
  --border:#24404a;--muted:#98afb9;--txt:#ecf7f5;
  --mint:#25d6aa;--rose:#ff889d;
  margin:0;overflow-x:hidden;
  color:var(--txt);background:var(--tg-theme-bg-color,#071419);
  font-family:Vazir,Tahoma,Arial,sans-serif;font-size:13px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
body[data-mini-app="true"] .app-shell{
  width:min(100%,520px);min-height:100vh;min-height:100dvh;
  padding:calc(7px + var(--tg-content-safe-area-inset-top,0px)) 12px 15px;
  margin:auto;border:0;background:transparent;
}
body[data-mini-app="true"] .topbar{
  height:53px;min-height:53px;padding:2px 1px 9px;margin:0 0 5px;
  border-bottom:1px solid var(--border);gap:10px;
}
body[data-mini-app="true"] .brand{gap:9px;min-width:0;background:none;color:var(--txt);-webkit-text-fill-color:var(--txt)}
body[data-mini-app="true"] .brand-name{font-size:.97rem;font-weight:850;white-space:nowrap;line-height:1.4}
body[data-mini-app="true"] .topbar-actions{gap:8px}
body[data-mini-app="true"] .icon-button{width:35px;height:35px;min-width:35px;border-radius:11px;background:var(--surface);border:1px solid var(--border);font-size:0;display:grid;place-items:center}
body[data-mini-app="true"] .mini-header-user{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--txt)}
body[data-mini-app="true"] .main-content{padding-bottom:calc(81px + var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}
body[data-mini-app="true"]:not([data-member-page="true"]) .main-content{padding-bottom:24px}
body[data-mini-app="true"] .panel{
  background:var(--surface);border:1px solid var(--border);box-shadow:none;
  border-radius:16px;padding:13px;margin:10px 0;
}
body[data-mini-app="true"] .section-heading{gap:8px;align-items:center;margin-bottom:11px}
body[data-mini-app="true"] .section-heading h1,
body[data-mini-app="true"] .section-heading h2{
  display:flex;align-items:center;gap:7px;margin:0;font-size:1.02rem;
  font-weight:850;letter-spacing:-.2px;color:var(--txt);line-height:1.5;
}
body[data-mini-app="true"] .section-heading h2{font-size:.98rem}
body[data-mini-app="true"] h2{font-size:.96rem;line-height:1.55}
body[data-mini-app="true"] h1{font-size:1.1rem;line-height:1.5}
body[data-mini-app="true"] .section-heading p{font-size:.71rem;color:var(--muted);margin:1px 0 0;line-height:1.5}
body[data-mini-app="true"] .muted{color:var(--muted)}
body[data-mini-app="true"] .tiny{font-size:.71rem;line-height:1.7}
body[data-mini-app="true"] .pill{
  padding:3px 8px;border:1px solid rgba(37,214,170,.18);
  border-radius:9px;font-size:.68rem;background:rgba(37,214,170,.08);color:var(--mint);font-weight:700
}
body[data-mini-app="true"] .tiny-link{display:inline-flex;align-items:center;gap:3px;color:var(--mint);font-size:.73rem;white-space:nowrap}
body[data-mini-app="true"] .btn{
  min-height:37px;padding:7px 11px;border-radius:10px;gap:6px;
  font-size:.79rem;line-height:1.4;font-weight:800;transition:background-color .2s,filter .2s;
  -webkit-tap-highlight-color:transparent;
}
body[data-mini-app="true"] .btn:hover{transform:none}
body[data-mini-app="true"] .btn:focus-visible,
body[data-mini-app="true"] a:focus-visible,
body[data-mini-app="true"] input:focus-visible,
body[data-mini-app="true"] textarea:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
body[data-mini-app="true"] .btn-primary{color:#052f2a;background:var(--mint)}
body[data-mini-app="true"] .btn-soft{background:rgba(37,214,170,.07);border:1px solid var(--border);color:var(--txt)}
body[data-mini-app="true"] .btn .ui-icon{flex:none}
body[data-mini-app="true"] .mt{margin-top:10px}
body[data-mini-app="true"] .flash{padding:9px 11px;border-radius:10px;margin:9px 0;font-size:.78rem}
body[data-mini-app="true"] .welcome-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 2px 7px;color:var(--muted)}
body[data-mini-app="true"] .welcome-strip strong{color:var(--txt)}
body[data-mini-app="true"] .level-tag{padding:2px 9px;border-radius:9px;background:rgba(37,214,170,.08);border:1px solid rgba(37,214,170,.18);box-shadow:none;color:var(--mint);font-size:.7rem}
body[data-mini-app="true"] .balance-panel{
  padding:12px 14px;margin:0 0 11px;border-radius:15px;
  background:linear-gradient(125deg,#173830,#0d202a 75%);border:1px solid #206c5b;
}
body[data-mini-app="true"] .balance-top{gap:8px;align-items:center}
body[data-mini-app="true"] .eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:#b6d7d1}
body[data-mini-app="true"] .money{font-size:1.65rem;line-height:1.3;font-weight:850;white-space:nowrap;color:#f1fffd}
body[data-mini-app="true"] .balance-notice{font-size:.68rem;line-height:1.6;color:#bdd9d3;border:0;background:none;padding:0;margin:5px 0 11px}
body[data-mini-app="true"] .balance-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
body[data-mini-app="true"] .balance-actions form{min-width:0}
body[data-mini-app="true"] .balance-actions .btn{min-width:0;width:100%;font-size:.74rem}
body[data-mini-app="true"] .balance-actions .btn-soft{background:rgba(255,255,255,.07);color:#f1fffd;border-color:rgba(255,255,255,.15)}
body[data-mini-app="true"] .stats-grid{gap:7px}
body[data-mini-app="true"] .stat{
  border-radius:11px;background:var(--deep);border:1px solid var(--border);
  min-width:0;padding:9px 7px;gap:1px;
}
body[data-mini-app="true"] .stat small{font-size:.68rem;color:var(--muted);line-height:1.5}
body[data-mini-app="true"] .stat strong{font-size:1.15rem;line-height:1.45;overflow-wrap:anywhere}
body[data-mini-app="true"] .overview-stats .stat{flex-direction:row;align-items:center;justify-content:space-between;gap:6px;text-align:right}
body[data-mini-app="true"] .overview-stats .stat strong{font-size:1.08rem;white-space:nowrap}
body[data-mini-app="true"] .currency-symbol{font-size:.75rem;vertical-align:.12em;padding-left:2px}
body[data-mini-app="true"] .steps{gap:6px}
body[data-mini-app="true"] .step{
  background:var(--deep);border:1px solid var(--border);border-radius:11px;
  gap:10px;padding:8px 9px;min-height:53px;
}
body[data-mini-app="true"] .step-icon{
  width:34px;height:34px;min-width:34px;border-radius:10px;display:grid;place-items:center;
  background:rgba(37,214,170,.09);border:1px solid rgba(37,214,170,.15);color:var(--mint)
}
body[data-mini-app="true"] .step strong{font-size:.79rem;font-weight:800}
body[data-mini-app="true"] .step small{font-size:.68rem;margin:0}
body[data-mini-app="true"] .step-chevron{color:var(--muted)}
body[data-mini-app="true"] .step-done{color:var(--mint);display:grid;place-items:center}
body[data-mini-app="true"] .mini-kpis{gap:6px}
body[data-mini-app="true"] .mini-kpis>div{
  min-width:0;gap:3px;padding:9px 4px;background:var(--deep);border-radius:10px
}
body[data-mini-app="true"] .mini-kpis small{font-size:.65rem;line-height:1.5}
body[data-mini-app="true"] .mini-kpis strong{font-size:.92rem;overflow-wrap:anywhere}
body[data-mini-app="true"] .bot-grid{gap:8px;margin-top:9px}
body[data-mini-app="true"] .bot-card{
  min-width:0;padding:10px;border-radius:12px;gap:7px;
  border:1px solid var(--border);background:var(--deep)
}
body[data-mini-app="true"] .bot-head{display:flex;align-items:center;gap:6px;font-size:.79rem;min-width:0}
body[data-mini-app="true"] .bot-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-mini-app="true"] .bot-card>small{font-size:.69rem;color:var(--muted)}
body[data-mini-app="true"] .bot-meta{display:flex;justify-content:space-between;align-items:center;gap:4px}
body[data-mini-app="true"] .bot-meta small{color:var(--muted);font-size:.69rem}
body[data-mini-app="true"] .bot-status{
  padding:2px 6px;border-radius:7px;background:rgba(37,214,170,.11);
  color:var(--mint);border:0;font-size:.64rem;line-height:1.45
}
body[data-mini-app="true"] .bot-status.is-disabled{color:var(--muted);background:var(--surface2)}
body[data-mini-app="true"] .scenario{
  padding:7px 4px;border-radius:10px;background:rgba(37,214,170,.055);
  border:1px solid rgba(37,214,170,.12);gap:0;line-height:1.4
}
body[data-mini-app="true"] .scenario small{font-size:.66rem}
body[data-mini-app="true"] .scenario strong{font-size:1.5rem;line-height:1.4;overflow-wrap:anywhere}
body[data-mini-app="true"] .bot-card .btn{min-height:34px;font-size:.73rem;padding:6px 4px}
body[data-mini-app="true"] .bot-card details{
  padding:4px 7px;border-radius:7px;border:1px dashed var(--border);background:transparent;font-size:.71rem
}
body[data-mini-app="true"] .bot-card summary{font-size:.72rem}
body[data-mini-app="true"] .bot-card details p{font-size:.69rem;margin:6px 0 2px}
body[data-mini-app="true"] .notice-card{
  border:1px solid var(--border);background:var(--deep);
  border-radius:11px;padding:10px;margin:0 0 8px;box-shadow:none
}
body[data-mini-app="true"] .notice-card strong{color:var(--txt);font-size:.82rem}
body[data-mini-app="true"] .notice-card p{font-size:.76rem;line-height:1.7;color:var(--muted);margin:3px 0 0}
body[data-mini-app="true"] .notice-card small{font-size:.68rem}
body[data-mini-app="true"] .compact-notice{
  display:flex;align-items:flex-start;gap:8px;padding:9px 10px;margin:9px 0 11px;
  background:rgba(37,214,170,.05);border-color:rgba(37,214,170,.2)
}
body[data-mini-app="true"] .compact-notice>.ui-icon{color:var(--mint);margin-top:1px}
body[data-mini-app="true"] .compact-notice p{flex:1;margin:0;font-size:.73rem;line-height:1.7}
body[data-mini-app="true"] .history-row{gap:12px;padding:10px 2px;min-width:0}
body[data-mini-app="true"] .history-row strong{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;line-height:1.5}
body[data-mini-app="true"] .history-row>strong{font-size:.83rem;white-space:nowrap}
body[data-mini-app="true"] .history-row small{font-size:.69rem}
body[data-mini-app="true"] .empty{padding:18px 8px;color:var(--muted);font-size:.78rem}
body[data-mini-app="true"] .trade-card{margin:8px 0;padding:12px;background:var(--deep);border:1px solid var(--border);border-radius:13px}
body[data-mini-app="true"] .trade-head{align-items:center;gap:9px}
body[data-mini-app="true"] .trade-head strong{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:.82rem}
body[data-mini-app="true"] .trade-head small{font-size:.65rem;color:var(--muted)}
body[data-mini-app="true"] .compare{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);margin:9px 0 8px;gap:3px}
body[data-mini-app="true"] .compare>div:not(.compare-arrow){padding:9px 3px;border:1px solid var(--border);background:var(--surface);border-radius:10px}
body[data-mini-app="true"] .compare small{font-size:.66rem}
body[data-mini-app="true"] .compare strong{font-size:.72rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-mini-app="true"] .compare em{font-size:1.08rem;line-height:1.4}
body[data-mini-app="true"] .compare-arrow{display:grid;place-items:center;color:var(--muted)}
body[data-mini-app="true"] .calc-rows{font-size:.72rem;gap:2px}
body[data-mini-app="true"] .net{margin:9px 0;padding:9px 0;border-top:1px solid var(--border);font-size:.78rem;gap:8px}
body[data-mini-app="true"] .net strong{font-size:1.13rem;white-space:nowrap}
body[data-mini-app="true"] .form-stack{gap:10px}
body[data-mini-app="true"] .form-stack label{gap:4px;font-size:.73rem;line-height:1.4;font-weight:700;color:var(--txt)}
body[data-mini-app="true"] .form-stack input,
body[data-mini-app="true"] .form-stack textarea,
body[data-mini-app="true"] .form-stack select{
  width:100%;min-width:0;min-height:40px;border-radius:9px;
  padding:8px 10px;background:var(--deep);border:1px solid var(--border);
  color:var(--txt);font-size:.82rem;line-height:1.5
}
body[data-mini-app="true"] .form-stack input:focus,body[data-mini-app="true"] .form-stack textarea:focus{border-color:var(--mint)}
body[data-mini-app="true"] .calc-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 8px}
body[data-mini-app="true"] .calc-form .form-full{grid-column:1/-1}
body[data-mini-app="true"] .results-table{margin-top:9px;gap:7px}
body[data-mini-app="true"] .results-table .stat{padding:8px 5px}
body[data-mini-app="true"] .results-table .stat strong{font-size:1.03rem}
body[data-mini-app="true"] .calculation-result .muted{margin:8px 0 0}
body[data-mini-app="true"] .referral-box{
  padding:11px;border-radius:11px;background:var(--deep);border:1px dashed #288775;
  gap:8px;margin:10px 0 8px
}
body[data-mini-app="true"] .referral-box>strong{display:inline-flex;align-items:center;gap:6px;font-size:.8rem}
body[data-mini-app="true"] .referral-box code{
  padding:8px 9px;font-size:.73rem;text-align:left;border:1px solid var(--border);background:var(--surface);
  overflow-wrap:anywhere
}
body[data-mini-app="true"] .referral-actions{display:flex;gap:7px}
body[data-mini-app="true"] .referral-actions .btn{flex:1;min-width:0;white-space:normal}
body[data-mini-app="true"] .telegram-identity{gap:11px;padding:4px 0 13px}
body[data-mini-app="true"] .telegram-identity strong{font-size:.99rem}
body[data-mini-app="true"] .telegram-identity small{font-size:.72rem}
body[data-mini-app="true"] .identity-row{padding:9px 2px;gap:10px;font-size:.78rem}
body[data-mini-app="true"] .profile-hint{display:flex;align-items:center;gap:6px;margin:10px 0 0}
body[data-mini-app="true"] .quick-grid{gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-mini-app="true"] .quick-tile{
  padding:12px 4px 10px;min-height:84px;border-radius:11px;background:var(--deep);border:1px solid var(--border);
  gap:7px;text-align:center
}
body[data-mini-app="true"] .quick-tile>.ui-icon{color:var(--mint)}
body[data-mini-app="true"] .quick-tile strong{font-size:.72rem;font-weight:750;line-height:1.4}
body[data-mini-app="true"] .mission-row{padding:11px 0;gap:9px}
body[data-mini-app="true"] .mission-row strong{font-size:.81rem}
body[data-mini-app="true"] .mission-row small{font-size:.68rem;line-height:1.55}
body[data-mini-app="true"] .mission-row .accent{font-size:.73rem}
body[data-mini-app="true"] .mission-row .btn{font-size:.72rem;padding:6px 8px;min-width:93px}
body[data-mini-app="true"] .guide-list{display:grid;gap:8px}
body[data-mini-app="true"] .guide-list .notice-card{margin:0}
body[data-mini-app="true"] .guide-list h2,
body[data-mini-app="true"] .guide-list strong{display:flex;align-items:center;gap:7px;margin:0;font-size:.84rem}
body[data-mini-app="true"] .info-disclosure{border:1px solid var(--border);background:var(--deep);border-radius:11px;padding:10px}
body[data-mini-app="true"] .info-disclosure summary{display:flex;align-items:center;gap:7px;font-size:.79rem;cursor:pointer;list-style:none}
body[data-mini-app="true"] .info-disclosure summary::-webkit-details-marker{display:none}
body[data-mini-app="true"] .info-disclosure summary>.ui-icon:last-child{margin-right:auto;transition:transform .15s}
body[data-mini-app="true"] .info-disclosure[open] summary>.ui-icon:last-child{transform:rotate(-90deg)}
body[data-mini-app="true"] .info-disclosure p{margin:8px 0 0;color:var(--muted);font-size:.76rem;line-height:1.8}
body[data-mini-app="true"] .subtle-panel{padding:7px;margin-top:8px}
body[data-mini-app="true"] .telegram-gateway{max-width:420px;margin:24px auto!important;padding:23px 17px!important}
body[data-mini-app="true"] .telegram-gateway h1{font-size:1.08rem}
body[data-mini-app="true"] .telegram-gateway-status{margin:15px 0 0;padding:10px;border-radius:10px;font-size:.77rem}
body[data-mini-app="true"] .bottom-nav{
  position:fixed;z-index:50;
  bottom:calc(7px + var(--tg-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));
  right:50%;transform:translateX(50%);
  width:min(calc(100% - 20px),500px);height:64px;
  background:var(--surface);border:1px solid var(--border);
  box-shadow:0 8px 28px rgba(0,0,0,.3);border-radius:17px;
  justify-content:space-around;gap:1px;padding:4px 3px;
}
body[data-mini-app="true"] .nav-item{
  color:var(--muted);flex:1;min-width:0;gap:3px;
  font-size:0;border-radius:11px;height:55px;font-weight:700;
  transition:color .15s,background-color .15s
}
body[data-mini-app="true"] .nav-item small{font-size:.65rem;line-height:1.15}
body[data-mini-app="true"] .nav-item .ui-icon{width:20px;height:20px}
body[data-mini-app="true"] .nav-item.active{color:var(--mint);background:rgba(37,214,170,.07)}
body[data-mini-app="true"] .nav-item.primary{
  flex:1;margin:0;height:55px;min-width:0;border-radius:11px;
  background:transparent;color:var(--muted);box-shadow:none
}
body[data-mini-app="true"] .nav-item.primary.active{background:rgba(37,214,170,.10);color:var(--mint)}
body[data-mini-app="true"] .nav-item.primary .ui-icon{width:20px;height:20px}
body[data-mini-app="true"] .nav-item.primary small{font-size:.65rem}
body[data-mini-app="true"] .footer{display:none}
body[data-mini-app="true"] .pagination{font-size:.74rem}
body[data-mini-app="true"] .pagination nav{font-size:.72rem}
body[data-mini-app="true"][data-tg-scheme="light"]{
  --bg:#f5f8f9;--surface:#fff;--surface2:#eaf2f3;--deep:#f5f9f9;
  --border:#dbe7e9;--muted:#596e77;--txt:#173037;--mint:#078d75;
  --rose:#bd3653;background:var(--tg-theme-bg-color,#f5f8f9);color:var(--txt)
}
body[data-mini-app="true"][data-tg-scheme="light"] .brand{color:var(--txt);-webkit-text-fill-color:var(--txt)}
body[data-mini-app="true"][data-tg-scheme="light"] .balance-panel{
  background:linear-gradient(125deg,#e6f9f3,#edf4f9);border-color:#c7e8dd
}
body[data-mini-app="true"][data-tg-scheme="light"] .balance-panel .eyebrow,
body[data-mini-app="true"][data-tg-scheme="light"] .balance-panel .balance-notice{color:#427167}
body[data-mini-app="true"][data-tg-scheme="light"] .balance-panel .money{color:#116b5b}
body[data-mini-app="true"][data-tg-scheme="light"] .balance-panel .btn-soft{color:#1e5147;border-color:#c1ded5;background:#ffffff9c}
body[data-mini-app="true"][data-tg-scheme="light"] .btn-primary{color:#fff;background:#078d75}
body[data-mini-app="true"][data-tg-scheme="light"] .notice-card p{color:var(--muted)}
body[data-mini-app="true"][data-tg-scheme="light"] .bot-card,
body[data-mini-app="true"][data-tg-scheme="light"] .trade-card,
body[data-mini-app="true"][data-tg-scheme="light"] .notice-card,
body[data-mini-app="true"][data-tg-scheme="light"] .stat,
body[data-mini-app="true"][data-tg-scheme="light"] .step,
body[data-mini-app="true"][data-tg-scheme="light"] .quick-tile,
body[data-mini-app="true"][data-tg-scheme="light"] .compare>div:not(.compare-arrow),
body[data-mini-app="true"][data-tg-scheme="light"] .form-stack input,
body[data-mini-app="true"][data-tg-scheme="light"] .form-stack textarea{background:var(--deep);color:var(--txt)}
body[data-mini-app="true"][data-tg-scheme="light"] .bottom-nav{box-shadow:0 6px 26px rgba(18,45,45,.13)}
body[data-mini-app="true"][data-tg-scheme="light"] .nav-item.active{color:#078d75}
@media(max-width:370px){
 body[data-mini-app="true"] .app-shell{padding-inline:9px}
 body[data-mini-app="true"] .panel{padding:11px;border-radius:13px}
 body[data-mini-app="true"] .bot-card{padding:8px}
 body[data-mini-app="true"] .scenario strong{font-size:1.3rem}
 body[data-mini-app="true"] .section-heading h1{font-size:.97rem}
 body[data-mini-app="true"] .balance-panel{padding:10px}
 body[data-mini-app="true"] .money{font-size:1.4rem}
 body[data-mini-app="true"] .quick-grid{gap:5px}
 body[data-mini-app="true"] .quick-tile{padding:9px 2px;min-height:80px}
 body[data-mini-app="true"] .bottom-nav{width:calc(100% - 12px)}
}
@media(prefers-reduced-motion:reduce){
 body[data-mini-app="true"] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* Phase 2: readable live calculator and native Telegram action fallback. */
body[data-mini-app="true"] .calc-live-result{
  margin-top:12px;padding:12px;border:1px solid var(--border);
  border-radius:12px;background:var(--deep)
}
body[data-mini-app="true"] .calc-live-heading{
  display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px
}
body[data-mini-app="true"] .calc-live-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
body[data-mini-app="true"] .calc-live-grid>div{
  display:flex;flex-direction:column;gap:3px;padding:10px 8px;
  background:var(--surface2);border:1px solid var(--border);border-radius:10px;min-width:0
}
body[data-mini-app="true"] .calc-live-grid small{color:var(--muted);font-size:.7rem}
body[data-mini-app="true"] .calc-live-grid strong{font-size:1rem;overflow-wrap:anywhere}
body[data-mini-app="true"] .calc-live-grid .negative{color:var(--rose)}
body[data-mini-app="true"] .calc-live-result [hidden]{display:none}
body[data-tg-native-action="true"] .calc-form [data-calc-submit]{display:none}
body[data-tg-native-action="true"] .bottom-nav{display:none}
body[data-tg-native-action="true"] .main-content{padding-bottom:22px}
body[data-mini-app="true"] .bottom-nav .nav-item[aria-current="page"]{color:var(--mint)}
body[data-mini-app="true"] .telegram-gateway-status{min-height:1.5rem}

/* Phase 2: unread notices are per-user and dismissible, not push notifications. */
body[data-mini-app="true"] .notification-trigger{position:relative;overflow:visible}
body[data-mini-app="true"] .notification-count{
  position:absolute;inset-block-start:-7px;inset-inline-end:-6px;
  min-width:18px;height:18px;padding:1px 4px;text-align:center;
  background:#b82e51;color:#fff;border-radius:15px;font-size:.58rem;line-height:16px;font-weight:800
}
body[data-mini-app="true"] .notification-footer{display:flex;gap:8px;align-items:center;justify-content:space-between}
body[data-mini-app="true"] .notification-footer .btn{min-height:34px}


/* Phase 3: provenance-first market cards. No live quote or order execution. */
body[data-mini-app="true"] .market-filters{
  display:flex;gap:6px;overflow-x:auto;padding:5px 1px 10px;
  scrollbar-width:thin;scroll-snap-type:x proximity;
}
body[data-mini-app="true"] .market-filters .btn{white-space:nowrap;flex:none;scroll-snap-align:start}
body[data-mini-app="true"] .quote-status{
  white-space:normal;text-align:center;max-width:145px;font-size:.65rem
}
body[data-mini-app="true"] .quote-status-expired,
body[data-mini-app="true"] .quote-status-incomplete{color:#ffd1aa;border-color:#b77d40;background:rgba(183,125,64,.08)}
body[data-mini-app="true"] .quote-source{
  display:flex;flex-direction:column;gap:5px;margin:9px 0;
  border:1px solid var(--border);background:var(--deep);
  border-radius:10px;padding:9px;color:var(--muted);
  overflow-wrap:anywhere;font-size:.72rem
}
body[data-mini-app="true"] .quote-source a{color:var(--mint);text-decoration:underline;text-underline-offset:3px}
body[data-mini-app="true"] .quote-source small{font-size:.69rem}
body[data-mini-app="true"] .quote-metrics{font-size:.75rem;margin:7px 0;color:var(--muted)}
body[data-mini-app="true"] .quote-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:stretch}
body[data-mini-app="true"] .quote-actions .btn{width:100%;height:100%;white-space:normal;text-align:center}
body[data-mini-app="true"] .quote-actions form{min-width:0}
@media(max-width:340px){
  body[data-mini-app="true"] .quote-actions{grid-template-columns:1fr}
}


/* Stage 4: compact opt-in watchlist controls. */
body[data-mini-app="true"] .market-watch-quick{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}
body[data-mini-app="true"] .market-watch-form{display:flex;flex-wrap:wrap;align-items:end;gap:8px}
body[data-mini-app="true"] .market-watch-form>label:not(.watch-check){display:flex;flex-direction:column;gap:4px;flex:1 1 145px}
body[data-mini-app="true"] .market-watch-form input[type=text]{width:100%;min-height:38px;border-radius:9px}
body[data-mini-app="true"] .market-watch-form .watch-check{display:flex;align-items:center;gap:6px;flex:1 1 135px;font-size:.75rem}
body[data-mini-app="true"] .market-watch-form .watch-check input{flex:none;accent-color:var(--mint)}
body[data-mini-app="true"] .market-watch-quick>small{display:block;font-size:.7rem;color:var(--muted);margin-top:7px}
body[data-mini-app="true"] .watch-card{display:flex;flex-direction:column;gap:10px}
body[data-mini-app="true"] .watch-card form{max-width:100%}


/* Account / Telegram notifications / help center: shared Mini App design system. */
body[data-mini-app="true"] .account-page,
body[data-mini-app="true"] .help-center{display:grid;gap:10px}
body[data-mini-app="true"] .account-page .account-panel,
body[data-mini-app="true"] .help-center .panel{margin:0;border-radius:17px;padding:15px}
body[data-mini-app="true"] .account-heading,
body[data-mini-app="true"] .help-intro{display:flex;align-items:center;gap:10px;min-width:0}
body[data-mini-app="true"] .account-heading-icon,
body[data-mini-app="true"] .help-hero-icon{
  width:39px;height:39px;flex:none;display:grid;place-items:center;
  background:rgba(37,214,170,.11);border:1px solid rgba(37,214,170,.19);
  color:var(--mint);border-radius:12px
}
body[data-mini-app="true"] .account-heading-copy{flex:1;min-width:0}
body[data-mini-app="true"] .account-heading-copy h1,
body[data-mini-app="true"] .account-heading-copy h2,
body[data-mini-app="true"] .help-intro h1{
  margin:0;font-size:1.01rem;line-height:1.5;color:var(--txt);font-weight:850
}
body[data-mini-app="true"] .account-heading-copy p,
body[data-mini-app="true"] .help-intro p{margin:2px 0 0;font-size:.72rem;line-height:1.55;color:var(--muted)}
body[data-mini-app="true"] .account-state{
  display:flex;align-items:center;gap:4px;flex:none;white-space:nowrap;
  padding:5px 7px;border-radius:9px;background:rgba(37,214,170,.1);
  color:var(--mint);font-weight:800;font-size:.67rem
}
body[data-mini-app="true"] .account-person{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:14px 12px;margin:13px 0 10px;border-radius:13px;
  background:linear-gradient(110deg,var(--surface2),var(--deep));
  border:1px solid var(--border)
}
body[data-mini-app="true"] .account-person-name{display:flex;flex-direction:column;min-width:0;gap:2px}
body[data-mini-app="true"] .account-person-name strong{font-size:1.06rem;line-height:1.4;overflow-wrap:anywhere}
body[data-mini-app="true"] .account-person-name span{color:var(--muted);font-size:.8rem;direction:ltr;text-align:right;unicode-bidi:plaintext}
body[data-mini-app="true"] .account-person-mark{
  width:37px;height:37px;flex:none;display:grid;place-items:center;
  border-radius:11px;color:var(--mint);background:rgba(37,214,170,.1)
}
body[data-mini-app="true"] .account-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-mini-app="true"] .account-info-item{
  min-width:0;background:var(--deep);border:1px solid var(--border);
  border-radius:12px;padding:10px
}
body[data-mini-app="true"] .account-info-label{display:block;color:var(--muted);font-size:.69rem;margin-bottom:6px}
body[data-mini-app="true"] .account-info-value{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}
body[data-mini-app="true"] .account-info-value b{
  font-size:.81rem;line-height:1.4;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
body[data-mini-app="true"] .account-copy{
  border:1px solid var(--border);background:var(--surface2);color:var(--txt);
  border-radius:9px;min-width:32px;min-height:34px;display:inline-flex;align-items:center;
  justify-content:center;gap:3px;padding:5px 6px;flex:none;cursor:pointer;
  font-family:inherit;font-size:.64rem;font-weight:700
}
body[data-mini-app="true"] .account-copy .ui-icon{width:14px;height:14px}
body[data-mini-app="true"] .account-note{
  display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;
  font-size:.72rem;line-height:1.85;color:var(--muted)
}
body[data-mini-app="true"] .account-note .ui-icon{margin-top:3px;flex:none;color:var(--mint)}
body[data-mini-app="true"] .account-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
body[data-mini-app="true"] .account-shortcuts a{
  display:flex;align-items:center;gap:7px;min-width:0;min-height:42px;
  font-size:.76rem;font-weight:750;padding:7px 10px;border:1px solid var(--border);
  border-radius:10px;background:var(--surface2);color:var(--txt)
}
body[data-mini-app="true"] .account-shortcuts a .ui-icon:last-child{margin-right:auto;flex:none;color:var(--muted)}
body[data-mini-app="true"] .account-connection{
  display:flex;align-items:flex-start;gap:9px;margin:13px 0 10px;padding:11px;
  border:1px solid var(--border);background:var(--deep);border-radius:13px
}
body[data-mini-app="true"] .account-connection.is-connected{border-color:rgba(37,214,170,.29);background:rgba(37,214,170,.055)}
body[data-mini-app="true"] .account-connection.is-disconnected{border-color:rgba(238,177,79,.3);background:rgba(238,177,79,.055)}
body[data-mini-app="true"] .account-connection-icon{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none;
  background:rgba(37,214,170,.12);color:var(--mint)
}
body[data-mini-app="true"] .account-connection.is-disconnected .account-connection-icon{background:rgba(238,177,79,.12);color:#e6b666}
body[data-mini-app="true"] .account-connection>div{flex:1;min-width:0}
body[data-mini-app="true"] .account-connection strong{display:block;font-size:.77rem;font-weight:850;margin:2px 0}
body[data-mini-app="true"] .account-connection p{margin:3px 0 0;font-size:.69rem;line-height:1.75;color:var(--muted)}
body[data-mini-app="true"] .account-connection-label{
  flex:none;padding:3px 6px;border-radius:7px;font-size:.64rem;font-weight:800;
  color:var(--mint);background:rgba(37,214,170,.1);white-space:nowrap
}
body[data-mini-app="true"] .account-connection.is-disconnected .account-connection-label{color:#e6b666;background:rgba(238,177,79,.1)}
body[data-mini-app="true"] .account-setting-list{display:grid;gap:0;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--deep)}
body[data-mini-app="true"] .account-setting{
  display:flex;align-items:center;gap:9px;min-height:63px;padding:10px;
  cursor:pointer;min-width:0;color:var(--txt)
}
body[data-mini-app="true"] .account-setting + .account-setting{border-top:1px solid var(--border)}
body[data-mini-app="true"] .account-setting-icon{
  display:grid;place-items:center;flex:none;width:32px;height:32px;
  border-radius:10px;background:var(--surface2);color:var(--mint)
}
body[data-mini-app="true"] .account-setting-copy{display:grid;gap:3px;min-width:0;flex:1}
body[data-mini-app="true"] .account-setting-copy strong{font-size:.79rem;line-height:1.35}
body[data-mini-app="true"] .account-setting-copy small{font-size:.69rem;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}
body[data-mini-app="true"] .account-switch{position:relative;flex:none;display:inline-flex;align-items:center}
body[data-mini-app="true"] .account-switch input[type="checkbox"]{
  position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1
}
body[data-mini-app="true"] .account-switch-track{
  display:block;width:40px;height:23px;background:var(--border);border:1px solid var(--muted);
  border-radius:20px;position:relative;transition:background .18s ease,border-color .18s ease
}
body[data-mini-app="true"] .account-switch-track:before{
  content:"";position:absolute;top:3px;right:3px;width:15px;height:15px;
  border-radius:50%;background:var(--muted);transition:transform .18s ease,background .18s ease
}
body[data-mini-app="true"] .account-switch input:checked + .account-switch-track{background:var(--mint);border-color:var(--mint)}
body[data-mini-app="true"] .account-switch input:checked + .account-switch-track:before{transform:translateX(-17px);background:#052820}
body[data-mini-app="true"] .account-switch input:focus-visible + .account-switch-track{
  outline:2px solid var(--mint);outline-offset:3px
}
body[data-mini-app="true"] .account-setting-link{text-decoration:none;min-height:57px}
body[data-mini-app="true"] .account-setting-link>.ui-icon:last-child{color:var(--muted);flex:none}
body[data-mini-app="true"] .account-save{width:100%;margin-top:11px;min-height:42px;border-radius:11px;font-size:.82rem}
body[data-mini-app="true"] .account-notify-footer{display:grid;gap:9px;margin-top:13px}
body[data-mini-app="true"] .account-bot-link{
  display:flex;align-items:center;justify-content:center;gap:7px;
  width:100%;min-height:40px;border-radius:10px;border:1px solid var(--border);
  background:var(--surface2);font-size:.77rem;font-weight:800;color:var(--txt)
}
body[data-mini-app="true"] .account-notify-footer p,
body[data-mini-app="true"] .account-bot-help{margin:0;color:var(--muted);font-size:.69rem;line-height:1.85}
body[data-mini-app="true"] .account-notify-footer code,
body[data-mini-app="true"] .help-accordion code{color:var(--mint);font-family:ui-monospace,monospace}
body[data-mini-app="true"] .account-link-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px
}
body[data-mini-app="true"] .account-link-tile{
  display:flex;align-items:center;gap:9px;min-height:47px;padding:10px;
  border:1px solid var(--border);border-radius:11px;background:var(--deep);
  color:var(--txt);font-size:.76rem;font-weight:770;min-width:0
}
body[data-mini-app="true"] .account-link-tile .ui-icon{color:var(--mint)}
body[data-mini-app="true"] .account-link-tile span{min-width:0;overflow-wrap:anywhere}
body[data-mini-app="true"] .account-admin-link{margin-top:10px}
body[data-mini-app="true"] .help-intro>div{min-width:0}
body[data-mini-app="true"] .help-center .help-hero{
  background:linear-gradient(135deg,var(--surface2),var(--surface) 70%);
  border-color:var(--border)
}
body[data-mini-app="true"] .help-topic-nav{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px
}
body[data-mini-app="true"] .help-topic-nav a{
  display:flex;align-items:center;justify-content:center;gap:5px;
  min-width:0;min-height:40px;padding:8px 4px;font-size:.72rem;font-weight:800;
  text-align:center;background:var(--deep);border:1px solid var(--border);
  border-radius:10px;color:var(--txt)
}
body[data-mini-app="true"] .help-topic-nav .ui-icon{color:var(--mint)}
body[data-mini-app="true"] .help-section{scroll-margin-top:14px}
body[data-mini-app="true"] .help-section-heading{display:flex;align-items:center;gap:10px;padding-bottom:12px}
body[data-mini-app="true"] .help-section-heading>span{
  display:grid;place-items:center;flex:none;width:38px;height:38px;
  border-radius:12px;background:rgba(37,214,170,.1);color:var(--mint)
}
body[data-mini-app="true"] .help-section-heading>div{min-width:0}
body[data-mini-app="true"] .help-section-heading h2{margin:0;font-size:.94rem;font-weight:850;color:var(--txt)}
body[data-mini-app="true"] .help-section-heading p{margin:2px 0 0;color:var(--muted);font-size:.71rem}
body[data-mini-app="true"] .help-accordion{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--deep)}
body[data-mini-app="true"] .help-accordion details + details{border-top:1px solid var(--border)}
body[data-mini-app="true"] .help-accordion summary{
  min-height:46px;display:flex;align-items:center;justify-content:space-between;
  gap:9px;list-style:none;cursor:pointer;padding:12px 11px;
  color:var(--txt);font-size:.78rem;font-weight:800;line-height:1.55
}
body[data-mini-app="true"] .help-accordion summary::-webkit-details-marker{display:none}
body[data-mini-app="true"] .help-accordion summary>.ui-icon{
  flex:none;color:var(--muted);transition:transform .18s ease;transform:rotate(-90deg)
}
body[data-mini-app="true"] .help-accordion details[open] summary{color:var(--mint)}
body[data-mini-app="true"] .help-accordion details[open] summary>.ui-icon{transform:rotate(90deg);color:var(--mint)}
body[data-mini-app="true"] .help-accordion details p{
  margin:0 11px 12px;padding-top:10px;border-top:1px dashed var(--border);
  font-size:.75rem;line-height:1.95;color:var(--muted)
}
body[data-mini-app="true"] .help-section-link{
  display:flex;align-items:center;gap:7px;min-height:41px;
  margin-top:10px;padding:9px 11px;border-radius:10px;
  background:rgba(37,214,170,.07);color:var(--mint);
  font-size:.77rem;font-weight:800;text-decoration:none
}
body[data-mini-app="true"] .help-section-link .ui-icon:last-child{margin-right:auto}
body[data-mini-app="true"] .help-footer-head{display:flex;align-items:center;gap:8px;color:var(--txt)}
body[data-mini-app="true"] .help-footer-head .ui-icon{color:var(--mint)}
body[data-mini-app="true"] .help-footer p{margin:8px 0 12px;font-size:.75rem;line-height:1.85;color:var(--muted)}
body[data-mini-app="true"] .account-copy:focus-visible,
body[data-mini-app="true"] .account-page a:focus-visible,
body[data-mini-app="true"] .help-center a:focus-visible,
body[data-mini-app="true"] .help-center summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
body[data-mini-app="true"][data-tg-scheme="light"] .account-connection.is-connected{background:#edf9f5}
body[data-mini-app="true"][data-tg-scheme="light"] .account-connection.is-disconnected{background:#fff8e9}
body[data-mini-app="true"][data-tg-scheme="light"] .account-connection.is-disconnected .account-connection-label{color:#8d5d15}
body[data-mini-app="true"][data-tg-scheme="light"] .account-connection.is-disconnected .account-connection-icon{color:#8d5d15}
body[data-mini-app="true"][data-tg-scheme="light"] .account-switch input:checked + .account-switch-track:before{background:#fff}
@media(max-width:370px){
 body[data-mini-app="true"] .account-page .account-panel,
 body[data-mini-app="true"] .help-center .panel{padding:11px}
 body[data-mini-app="true"] .account-info-grid{gap:5px}
 body[data-mini-app="true"] .account-info-item{padding:8px}
 body[data-mini-app="true"] .account-copy{padding:5px}
 body[data-mini-app="true"] .account-copy [data-copy-label]{font-size:0}
 body[data-mini-app="true"] .account-info-value b{font-size:.72rem}
 body[data-mini-app="true"] .account-connection-label{display:none}
 body[data-mini-app="true"] .account-setting{gap:7px;padding:10px 7px}
 body[data-mini-app="true"] .account-setting-icon{width:29px;height:29px}
 body[data-mini-app="true"] .account-shortcuts a{padding:7px;font-size:.7rem}
}