/* NODARO demo — kullanıcı tarafı: masaüstü web arayüzü + mobil uygulama düzeni */
body[data-layout=public],body[data-layout=auth],body[data-layout=app]{background:var(--ink)}
.frame{min-height:calc(100vh - var(--dh,38px));display:flex;flex-direction:column;position:relative;overflow-x:clip}
.frame>main{flex:1}
.coin{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;font-family:var(--f-d);flex:none;line-height:1}
.flipb{transform:scaleX(-1)}[dir=ltr] .flipb{transform:none}

/* ── navbar (desktop) ── */
.navbar{position:sticky;top:var(--dh,38px);z-index:40;display:flex;align-items:center;gap:8px;height:66px;padding:0 28px;background:var(--glass);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.navbar nav{display:flex;align-items:center;gap:4px;margin-inline-start:26px}
.navbar nav>a,.navbar .dd summary{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;color:var(--mute);font-size:15px;border:1px solid transparent;cursor:pointer;list-style:none}
.navbar nav>a:hover,.navbar .dd summary:hover{color:var(--sand)}
.navbar nav>a[aria-current=page],.navbar .dd summary.on{color:var(--saffron);background:rgba(25,227,161,.1);border-color:rgba(25,227,161,.35)}
.dd{position:relative}.dd summary::-webkit-details-marker{display:none}
.dd .dd-ic,[dir=ltr] .dd .dd-ic{width:14px;height:14px;transform:rotate(-90deg)}
.dd-menu{position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:230px;padding:6px;background:var(--panel);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.55);z-index:60}
.dd-menu.end{inset-inline-start:auto;inset-inline-end:0}
.dd-menu a,.dd-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:8px;color:var(--sand);font-size:14.5px;text-align:start}
.dd-menu a:hover,.dd-menu button:hover{background:var(--panel-2)}.dd-menu .ic{color:var(--saffron);width:18px;height:18px}
.user-sum{padding:5px 12px 5px 8px!important;border:1px solid var(--line)!important;border-radius:99px!important;color:var(--sand)!important}
.navbar .lang{margin-inline-end:4px}
.page-d,.frame .page{max-width:1280px;width:100%;margin-inline:auto;padding:26px 28px 60px}
.atop,.tabbar{display:none}

/* ── brand band + landing ── */
.brand-band{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:28px 40px;border-block:1px solid var(--line);background:var(--ink-2)}
.bb-logo{display:flex;align-items:center;gap:14px}.bb-logo .logo-w{font-size:34px}
.bb-slogan{font:600 26px var(--f-d);color:var(--saffron)}
.brand-band ul{list-style:none;padding:0;display:flex;gap:26px;flex-wrap:wrap}.brand-band li{display:flex;align-items:center;gap:8px;color:var(--sand)}.brand-band li .ic{color:var(--saffron)}
.hscroll{display:flex;gap:14px;overflow-x:auto;padding:2px 28px 10px;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:1280px;margin-inline:auto}.hscroll::-webkit-scrollbar{display:none}
.hscroll>.tcard{flex:0 0 280px;scroll-snap-align:start}
.steps-l{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}
.steps-l li{display:flex;gap:14px;align-items:flex-start}.steps-l .n{flex:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(25,227,161,.5);border-radius:50%;font:600 13px var(--f-d);color:var(--saffron)}
.steps-l h3{font-size:16px}.steps-l p{color:var(--mute);font-size:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line-2);border-radius:99px;font-size:14px}.chips a .ic{width:17px;height:17px;color:var(--saffron)}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:6px}.foot-links a{color:var(--mute);font-size:13.5px;padding:3px 0}
.pub-foot{padding:34px 0 24px;margin-top:0}.risk-note{margin:14px 0 12px;padding-top:14px}

/* ── auth ── */
.auth-frame{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);min-height:calc(100vh - var(--dh,38px))}
.auth-frame>.globe{display:none}
.auth-main{position:relative;display:grid;place-items:center;padding:40px 24px}
.auth-brand,.atop.clear{display:none}
.auth-lang-d{position:absolute;top:18px;inset-inline-end:22px}
.auth-card{width:min(430px,100%);padding:34px;border:1px solid var(--line-2);border-radius:20px;background:var(--card-g)}
.auth-card h1{font-size:27px}.auth-card h1 .g{color:var(--saffron)}
.auth-art{position:relative;overflow:hidden;display:grid;place-items:center;border-inline-start:1px solid var(--line);background:radial-gradient(120% 90% at 30% 40%,#0b2a22 0,#04120f 55%,#02080a 100%)}
.art-globe .globe{position:absolute;width:900px;inset-inline-start:-180px;top:50%;transform:translateY(-52%);opacity:.85;color:#19E3A1}
.waves{position:absolute;inset-inline:0;bottom:0;width:100%;height:42%;opacity:.9}
.art-logo{position:relative;z-index:1;text-align:center}.art-logo .logo-w{font-size:58px;letter-spacing:.04em;margin-top:6px}
.art-logo p{font-size:18px;color:var(--sand);margin-top:6px}
.inp-i{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:12px;transition:border-color .15s}
.inp-i:focus-within{border-color:var(--saffron)}.inp-i .ic{color:var(--mute);width:19px;height:19px}
.inp-i input{flex:1;min-width:0;background:none;border:0;outline:0;direction:ltr;text-align:start;height:100%}
[dir=rtl] .inp-i input{text-align:right}
.inp-i input::placeholder{direction:rtl}
.eye-b{display:grid;place-items:center;color:var(--mute)}
.or{display:flex;align-items:center;gap:12px;color:var(--mute);margin:16px 0;justify-content:center;font-size:14px}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}

/* ── trade ── */
.trade{display:grid;grid-template-columns:290px minmax(0,1fr) 310px;grid-template-areas:"pairs chart order" "pairs under order";gap:12px;align-items:start}
.tpanel{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:0}
.pairs{grid-area:pairs}.chartp{grid-area:chart}.orderp{grid-area:order;padding:16px}.under{grid-area:under;padding:6px 16px 12px}
.tp-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.tp-tabs button{padding:14px 8px;color:var(--mute);font-size:14.5px;border-bottom:2px solid transparent}.tp-tabs [aria-pressed=true]{color:var(--sand);border-color:var(--saffron)}
.pair-list{max-height:560px;overflow:auto;padding:6px}
.pair-row{display:flex;align-items:center;border-radius:10px}.pair-row.on{background:rgba(25,227,161,.09)}.pair-row:hover{background:var(--panel-2)}
.pair-row .fav{width:30px;height:36px;display:grid;place-items:center;color:var(--line-2);flex:none}.pair-row .fav.on{color:#F3BA2F}.pair-row .fav .ic{width:15px;height:15px}.pair-row .fav.on .ic{fill:currentColor}
.pr-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 4px;text-align:start}
.pr-main b{font-size:14px;font-weight:600;white-space:nowrap}
.pr-p{margin-inline-start:auto;display:grid;text-align:end;font-size:13.5px;line-height:1.35}.pr-p .num:last-child{font-size:12px}
.ch-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.ch-pair{font:600 17px var(--f-d)}.ch-price{font:600 20px var(--f-d);color:var(--up)}
.tfs{display:flex;gap:2px}.tfs button{padding:5px 10px;border-radius:6px;font-size:13px;color:var(--mute)}.tfs [aria-pressed=true]{background:var(--panel-2);color:var(--saffron)}
.chart{padding:6px 10px 10px}.chart .area{width:100%;height:auto}
.bs-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bs-tabs button{height:42px;border-radius:9px;background:var(--panel-2);color:var(--mute);font:600 15px var(--f-d);border:1px solid var(--line-2)}
.bs-tabs .on.buy{background:var(--up);color:#03130E;border-color:var(--up)}.bs-tabs .on.sell{background:var(--down);color:#fff;border-color:var(--down)}
.ot-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ot-tabs button{height:38px;border-radius:9px;font-size:13.5px;color:var(--mute);border:1px solid var(--line-2)}.ot-tabs [aria-pressed=true]{background:rgba(25,227,161,.12);color:var(--saffron);border-color:rgba(25,227,161,.4)}
.field-i{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:10px}
.field-i:focus-within{border-color:var(--saffron)}
.field-i span{color:var(--mute);font-size:13px;min-width:44px}.field-i em{font-style:normal;color:var(--mute);font-size:13px;direction:ltr}
.field-i .inp{border:0;background:none;min-height:0;height:100%;padding:0;text-align:end}.field-i .inp:disabled{opacity:.6}
.est{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.btn-buy,.btn-sell{min-height:50px;font-size:16px}.btn-buy{background:var(--up);color:#03130E}.btn-buy:hover{filter:brightness(1.08)}.btn-sell{background:var(--down);color:#fff}.btn-sell:hover{filter:brightness(1.08)}

/* ── wallet ── */
.tot{text-align:end}.tot b{display:block;font:600 26px var(--f-d)}
.asset-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.asset{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px 16px;text-align:center}
.asset-ic{display:grid;place-items:center}.asset-s{font:600 17px var(--f-d);margin-top:10px}.asset-b{font:600 26px var(--f-d)}
.wallet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.wallet-actions .btn{background:var(--panel);border-color:var(--line-2);min-height:54px;font-size:16px}.wallet-actions .btn:hover{border-color:var(--saffron)}.wallet-actions .ic{color:var(--saffron)}
.dep-top{display:grid;place-items:center}
.dep-qr{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.dep-qr .qr{width:128px;height:128px}

/* ── admin overview ── */
.adm-title{display:flex;align-items:center;gap:12px}.adm-ic{width:42px;height:42px;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;color:var(--saffron)}
.adm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.adm-stat{display:flex;align-items:center;gap:14px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.adm-stat b{font:600 26px/1.2 var(--f-d)}
.si{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;flex:none}.si .ic{width:24px;height:24px}
.si-users{background:rgba(25,227,161,.14);color:#19E3A1}.si-dep{background:rgba(91,168,255,.14);color:#5BA8FF}.si-wd{background:rgba(245,158,11,.14);color:#F59E0B}.si-tr{background:rgba(167,139,250,.14);color:#A78BFA}
.qa{display:inline-flex;gap:8px}.qa-b{width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.qa-b .ic{width:18px;height:18px}
.qa-b.ok{background:#1faa6f;color:#fff}.qa-b.no{background:var(--down);color:#fff}.qa-b:hover{filter:brightness(1.12)}

/* ── dashboard / home components ── */
.gsearch{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:99px;background:var(--panel);border:1px solid var(--line)}
.gsearch .ic{width:18px;height:18px;color:var(--mute)}.gsearch input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:14.5px}.gsearch:focus-within{border-color:var(--saffron)}
.bal-card{padding:18px 18px 14px;margin-bottom:12px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.bal-top{display:flex;align-items:center;gap:8px;font-size:14px}.eye{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--mute)}.eye[aria-pressed=false]{color:var(--line-2)}
.bal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.bal-n{font:600 36px/1.2 var(--f-d)}
.bal-usd{margin:2px 0 14px;font-size:14px}
.icon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px 4px;padding-top:14px;border-top:1px solid var(--line)}
.icon-grid a{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12.5px;text-align:center;line-height:1.35}
.icon-grid span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--panel-2);color:var(--saffron)}.icon-grid .ic{width:22px;height:22px}
.notice{display:flex;align-items:center;gap:10px;padding:11px 14px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);font-size:13.5px}
.notice span{flex:1;min-width:0}.notice>.ic:first-child{color:var(--saffron);width:18px;height:18px}.notice .ic-go{width:16px;height:16px;color:var(--mute)}[dir=ltr] .notice .ic-go{transform:scaleX(-1)}
.promo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 22px;margin-bottom:12px;border-radius:18px;border:1px solid var(--line-2);background:linear-gradient(135deg,var(--grad-a),var(--grad-b) 70%)}
.promo h3{font-size:19px;margin-bottom:4px}.promo p{color:var(--mute);font-size:13.5px;margin-bottom:12px;max-width:34ch}.promo svg{width:96px;flex:none}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.mini{display:flex;flex-direction:column;gap:2px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-width:0}
.mini h3{font-size:14.5px;margin-bottom:6px}.mini b{font:600 20px var(--f-d)}.mini .spark{margin-top:8px;width:100%;height:auto}
.menu-list{padding:4px 16px!important}
.menu-list>a,.menu-list>button{display:flex;align-items:center;gap:14px;width:100%;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;text-align:start}
.menu-list>:last-child{border:0}.menu-list .ic:first-child{color:var(--saffron)}.menu-list span{flex:1}.menu-list .ic-go{width:16px;height:16px;color:var(--mute)}
[dir=ltr] .menu-list .ic-go{transform:scaleX(-1)}.menu-list .cnt{min-width:22px;padding:0 6px;text-align:center;font-size:12px;border-radius:99px;background:var(--saffron);color:#03130E}
.menu-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.menu-row span{flex:1}.menu-row>.ic{color:var(--saffron)}
.menu-row .lang button{width:auto;padding:3px 12px;border:0;display:block}
.enter{animation:pgin .24s ease both}@keyframes pgin{from{opacity:0;transform:translateY(10px)}}

/* ═════ MOBILE: uygulama düzeni ═════ */
@media (max-width:899px){
  body[data-layout=public],body[data-layout=auth],body[data-layout=app]{background:var(--outer)}
  .frame{max-width:560px;margin-inline:auto;background:var(--ink);border-inline:1px solid var(--line)}
  .navbar{display:none}
  .atop{display:flex;position:sticky;top:var(--dh,38px);z-index:30;align-items:center;gap:6px;height:56px;padding:0 10px;background:var(--glass);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .atop.clear{display:flex;background:transparent;border-color:transparent;backdrop-filter:none;position:absolute;inset-inline:0;top:0}
  .atop h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.atop-logo{display:grid;place-items:center;width:34px}
  .atop .logo-w{font-size:16px}.atop .lang{transform:scale(.92)}
  .tabbar{display:grid;position:sticky;bottom:0;z-index:30;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px 6px calc(8px + env(safe-area-inset-bottom));background:var(--glass2);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:11.5px;color:var(--mute)}
  .tabbar a[aria-current=page]{color:var(--saffron)}.tabbar a[aria-current=page]::after{content:"";width:18px;height:3px;border-radius:3px;background:var(--saffron);margin-top:1px}
  .tb-ic{display:grid;place-items:center;height:26px}.tabbar .ic{width:22px;height:22px}
  .frame .page{padding:16px 14px 28px}
  .frame .wrap{width:calc(100% - 28px)}
  .frame .panel{padding:16px;border-radius:16px}
  .frame .page-h{margin-bottom:14px;align-items:flex-start}.frame .page-h h2{font-size:21px}
  .frame .grid,.frame .g2,.frame .g3,.frame .g-main,.frame .wallet-hero,.frame .dep-grid,.frame .form-grid,.frame .hero-grid,.frame .feat,.frame .sec-grid,.frame .steps{grid-template-columns:1fr}
  .frame .g4,.frame .kpis,.adm-stats{grid-template-columns:repeat(2,1fr)}
  .frame .stat{padding:14px}.frame .stat-v{font-size:21px}
  .frame .alloc{flex-direction:column;align-items:flex-start}
  .frame .profile-h{grid-template-columns:auto 1fr}.frame .profile-h>:last-child{grid-column:1/-1}
  .frame .reco-row{grid-template-columns:1fr}
  .frame .seg{max-width:100%;overflow-x:auto}.frame .toolbar{gap:8px}.frame .search{min-width:0;width:100%}
  .frame .tgrid{grid-template-columns:1fr}
  .frame .tbl-wrap{overflow:visible;margin:0}
  .frame table,.frame tbody,.frame tr,.frame td{display:block;width:100%}
  .frame thead{display:none}
  .frame tr{padding:11px 0;border-bottom:1px solid var(--line)}.frame tr:last-child{border:0}
  .frame td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;border:0;white-space:normal;text-align:end}
  .frame td::before{content:attr(data-label);color:var(--mute);font-size:12.5px;text-align:start;flex:none}
  .frame td:not([data-label])::before{display:none}.frame td.t-end{justify-content:flex-end}.frame tbody tr:hover td{background:none}
  .frame .tabs{margin-inline:-4px}
  .frame .hero{padding:26px 0 34px}.frame .hero-grid{gap:30px}
  .frame .hero h1{font-size:32px;max-width:none}.frame .hero .lead{font-size:16px;margin:14px 0 22px}
  .frame .hero-cta{flex-direction:column}.frame .hero-cta .btn{width:100%}
  .frame .hero-proof{gap:18px;margin-top:26px}.frame .hero-proof b{font-size:19px}
  .frame .hero .globe{width:620px;inset-inline-start:-300px;top:-110px;opacity:.45}
  .frame .mirror{grid-template-columns:1fr}.frame .thread{height:56px}.frame .thread::before{inset:0;inset-inline-start:50%}
  .frame .sec{padding:36px 0}.frame .sec.tight{padding:28px 0}.frame .sec h2.t{font-size:22px}.frame .pg-h{padding:26px 0 4px}.frame .pg-h h1{font-size:26px}
  .hscroll{padding:2px 14px 10px}.hscroll>.tcard{flex-basis:78%}
  .steps-l{grid-template-columns:1fr;gap:14px;margin-top:16px}
  .frame .cta-band{padding:24px;flex-direction:column;align-items:flex-start;gap:16px}.frame .cta-band h2{font-size:22px}
  .brand-band{padding:22px 18px}.bb-slogan{font-size:20px}.brand-band ul{gap:16px}
  .page{max-width:none}
  /* auth */
  .auth-frame{display:block;overflow:hidden}.auth-frame>.globe{display:block;width:520px;inset-inline-end:-240px;top:-150px;opacity:.55;z-index:0}
  .auth-main{display:block;position:relative;z-index:1;padding:70px 20px 28px}.auth-art,.auth-lang-d{display:none}.auth-brand{display:block;margin-bottom:26px}
  .auth-card{width:100%;padding:24px 20px}.auth-card h1{font-size:25px}
  .frame .otp input{width:42px;height:52px}.frame .otp{gap:6px}
  /* trade */
  .trade{grid-template-columns:1fr;grid-template-areas:"chart" "order" "under" "pairs"}
  .pair-list{max-height:none}
  .asset-cards,.wallet-actions{grid-template-columns:1fr 1fr}.asset-cards .asset:last-child:nth-child(odd){grid-column:1/-1}
  .icon-grid{grid-template-columns:repeat(4,1fr)}.frame .quick{display:none}
  .promo p{max-width:26ch}
  /* sheets + toasts */
  body:not([data-layout=admin]) #modal.open{place-items:end center;padding:0}
  body:not([data-layout=admin]) .m-box,body:not([data-layout=admin]) .m-box.wide{width:min(560px,100%);max-height:90vh;border-radius:22px 22px 0 0;border-bottom:0;animation:sheet .28s cubic-bezier(.2,.8,.2,1)}
  body:not([data-layout=admin]) .m-head{position:relative;padding-top:24px}
  body:not([data-layout=admin]) .m-head::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--line-2)}
  body:not([data-layout=admin]) .m-foot{padding-bottom:calc(16px + env(safe-area-inset-bottom));flex-wrap:wrap}
  body:not([data-layout=admin]) #toasts{inset-inline:auto;left:50%;transform:translateX(-50%);bottom:92px;justify-items:center}
  body:not([data-layout=admin]) .toast{max-width:min(400px,calc(100vw - 32px))}
}
@keyframes sheet{from{transform:translateY(100%)}}
@media (max-width:480px){.frame{border-inline:0}}
@media (min-width:900px) and (max-width:1180px){.trade{grid-template-columns:240px minmax(0,1fr) 280px}.steps-l{grid-template-columns:repeat(2,1fr)}.icon-grid{grid-template-columns:repeat(4,1fr)}}

/* düzeltmeler */
.auth-card form>*{min-width:0}.inp-i input{width:100%}
.tfs{direction:ltr}
.asset .num{display:block}
.asset-cards,.wallet-actions{direction:ltr}.asset,.wallet-actions .btn{direction:rtl}[dir=ltr] .asset,[dir=ltr] .wallet-actions .btn{direction:ltr}

/* demo journey */
.jr-l{color:#c9a95a;font-size:12px}
.jr{display:flex;align-items:center;gap:4px}
.jr button{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 4px;border:1px solid #4a3a12;border-radius:99px;font-size:12px;text-decoration:none;color:#f3d58f;white-space:nowrap}
.jr button i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#2b2108;font-style:normal;font-size:11px;font-weight:600}
.jr button:hover{border-color:#b8923a}
.jr button[aria-current=step]{background:#f3d58f;color:#241a04;border-color:#f3d58f}.jr button[aria-current=step] i{background:#241a04;color:#f3d58f}
@media (max-width:1100px){.hide-md{display:none}}

/* özellik sayfaları */
.ic.in{width:15px;height:15px;vertical-align:-3px;margin-inline-end:6px}
.icon-grid button{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12.5px;text-align:center;line-height:1.35}
.prof-b{border:1px solid var(--line-2);border-radius:50%}
.dl-pairs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:10px}.dl-pairs button{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line-2);border-radius:99px;font-size:14px;flex:none}.dl-pairs .on{border-color:var(--saffron);background:rgba(25,227,161,.1)}
.dl-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.exp-pick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.exp-pick button{height:40px;border:1px solid var(--line-2);border-radius:9px;font-size:13.5px;color:var(--mute)}.exp-pick .on{background:rgba(25,227,161,.12);color:var(--saffron);border-color:rgba(25,227,161,.4)}
.dl-pos .cell-u span{display:block}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}
.prod{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.apy{font:600 34px var(--f-d);color:var(--saffron);margin-top:8px}
.inv-card .inv-code{font:600 22px var(--f-d);letter-spacing:.06em;color:var(--saffron)}.inv-qr .qr{width:92px;height:92px}
.ev{display:flex;gap:14px;align-items:flex-start}.ev-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--panel-2);color:var(--saffron);flex:none}
.cert{max-width:560px;margin-inline:auto;padding:10px;border:1px solid var(--saffron);border-radius:18px;background:linear-gradient(135deg,var(--grad-a),var(--grad-b))}
.cert-in{padding:26px 22px;border:1px dashed rgba(25,227,161,.45);border-radius:12px;text-align:center}
.cert-top{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:12px}.cert-t{font:600 24px var(--f-d);color:var(--saffron);margin-bottom:8px}.cert-name{font:600 28px var(--f-d);margin:8px 0}
.cert-kv{max-width:340px;margin:16px auto;text-align:start}.cert-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px}.cert-foot .qr{width:84px;height:84px}
.cert-sign{display:grid;justify-items:center;gap:6px}.seal{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:2px solid var(--saffron);color:var(--saffron)}.seal .ic{width:30px;height:30px}
@media print{body *{visibility:hidden}.cert,.cert *{visibility:visible}.cert{position:absolute;inset:0 auto auto 50%;transform:translateX(-50%);width:560px}}
@media (max-width:899px){.prod-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.prod-grid{grid-template-columns:1fr}.exp-pick{grid-template-columns:repeat(2,1fr)}}
.bs-tabs button{display:flex;align-items:center;justify-content:center;gap:8px}

.asset-bonus{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 10px;border-radius:99px;background:rgba(25,227,161,.12);color:var(--saffron);font-size:12.5px}.asset-bonus .ic{width:14px;height:14px}
.bonus-p .panel-h h3{display:flex;align-items:center}

/* KYC */
.kstep{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:20px}
.kstep li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;color:var(--mute);text-align:center}
.kstep i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);font-style:normal;font-weight:600}.kstep .ic{width:16px;height:16px}
.kstep .on{color:var(--sand)}.kstep .on i{background:var(--saffron);border-color:var(--saffron);color:#03130E}.kstep .done i{background:rgba(25,227,161,.15);border-color:var(--saffron);color:var(--saffron)}
.doc-pick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.doc-pick input{position:absolute;opacity:0}
.doc-pick span{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border:1px solid var(--line-2);border-radius:14px;cursor:pointer;text-align:center}.doc-pick .ic{color:var(--saffron);width:26px;height:26px}
.doc-pick input:checked+span{border-color:var(--saffron);background:rgba(25,227,161,.08)}.doc-pick input:focus-visible+span{outline:2px solid var(--saffron);outline-offset:2px}
.drop{position:relative;display:flex;align-items:center;gap:14px;padding:14px;border:1.5px dashed var(--line-2);border-radius:14px;cursor:pointer;min-height:84px}.drop:hover,.drop.has{border-color:var(--saffron)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.drop-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:var(--panel-2);color:var(--saffron)}.drop-t{display:grid;gap:2px;min-width:0}.drop-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-t small{color:var(--mute)}
.link-b{color:var(--down);font-size:13px;margin-top:4px}
.kyc-state{text-align:center;display:grid;justify-items:center;gap:10px;padding:34px 20px}.ks-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgba(25,227,161,.12);color:var(--saffron)}.ks-ic.warn{background:rgba(242,184,75,.14);color:var(--warn)}.ks-ic .ic{width:30px;height:30px}
.kyc-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kyc-thumbs figure{margin:0;text-align:center;font-size:12.5px}.kyc-thumbs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.kyc-thumbs small{display:block;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.callout{color:inherit}
@media (max-width:480px){.kstep span{font-size:11px}.doc-pick{grid-template-columns:1fr 1fr}.kyc-thumbs{grid-template-columns:1fr 1fr}}

.camp{display:flex;gap:14px;align-items:flex-start;border-color:rgba(25,227,161,.45);background:linear-gradient(135deg,var(--grad-a),var(--grad-b) 70%)}
.elig{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}

/* ═════ PWA / ana ekrana eklenmiş uygulama ═════ */
html{background:var(--ink)}
.standalone{--dh:0px}.standalone .demo-bar{display:none}
.standalone body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.standalone button,.standalone a,.standalone .tabbar{-webkit-user-select:none;user-select:none}
.standalone .atop{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
.standalone .navbar{padding-top:env(safe-area-inset-top);height:calc(66px + env(safe-area-inset-top))}
.standalone .inst{display:none!important}
.standalone .auth-frame .atop.clear{padding-top:env(safe-area-inset-top)}
.inst-step{opacity:.7}.inst-step.on{opacity:1;border-color:var(--saffron)}.inst-step ol{margin:8px 0 0;padding-inline-start:20px;color:var(--mute);font-size:14px;display:grid;gap:4px}

/* ═════ açık tema ═════ */
html[data-theme=light]{--ink:#EEF3F1;--ink-2:#FFFFFF;--panel:#FFFFFF;--panel-2:#E9F0EE;--line:#DCE4E1;--line-2:#C9D5D1;--sand:#0D1B17;--mute:#5C6E69;--saffron:#0DA877;--saffron-d:#0a8a62;--up:#0A9A6B;--down:#DB3A58;--warn:#C98A12;--glass:rgba(255,255,255,.92);--glass2:rgba(255,255,255,.97);--card-g:#FFFFFF;--grad-a:#E3F5EE;--grad-b:#FFFFFF;--outer:#DCE4E1}
html[data-theme=light] .btn-primary{color:#fff}html[data-theme=light] .btn-primary:hover{filter:brightness(1.06);background:var(--saffron)}
html[data-theme=light] .btn-buy,html[data-theme=light] .btn-sell,html[data-theme=light] .bs-tabs .on.buy,html[data-theme=light] .bs-tabs .on.sell{color:#fff}
html[data-theme=light] .badge.ok{background:rgba(13,168,119,.12)}html[data-theme=light] .callout{color:#7a5300}html[data-theme=light] .callout.info{color:#0c4a7a}html[data-theme=light] .callout.bad{color:#9b1c36}
html[data-theme=light] .m-back{background:rgba(20,40,34,.45)}
html[data-theme=light] .toast{box-shadow:0 10px 30px rgba(20,40,34,.18)}
html[data-theme=light] .tabbar a[aria-current=page]::after,html[data-theme=light] .si{color:inherit}
.auth-art,.brand-band .bb-logo,.demo-bar{--sand:#EAF4F1;--mute:#86A09A}
html[data-theme=light] .auth-art{--saffron:#19E3A1}
html[data-theme=light] .hero .globe,html[data-theme=light] .auth-frame>.globe{opacity:.25}
html[data-theme=light] .logo-w{color:var(--sand)}
html[data-theme=light] .art-logo .logo-w{color:#EAF4F1}

/* ═════ القائمة الكاملة ═════ */
.frame.bare .page{padding-top:12px}
.menu-page{max-width:560px;margin-inline:auto;padding-bottom:20px}
.mp-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.mp-user{display:flex;align-items:center;gap:12px;margin:8px 0 6px}.mp-user h2{font-size:26px}
.lvl{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;background:linear-gradient(90deg,rgba(242,184,75,.25),rgba(242,184,75,.08));color:var(--warn)}.lvl .ic{width:16px;height:16px;fill:currentColor}.lvl b{font-size:15px}
.mp-uid{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:var(--mute);flex-wrap:wrap}
.mini-b{width:32px;height:32px}.mini-b .ic{width:17px;height:17px}
.vb{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--line-2);border-radius:99px;font-size:13.5px;color:var(--sand)}.vb .ic{width:15px;height:15px}.vb.ok .ic{color:var(--up)}.vb.no .ic{color:var(--warn)}
.menu-page h3{font-size:17px;margin:22px 0 12px}
.mp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 6px}
.mp-t{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;font-size:13.5px;line-height:1.35;color:var(--sand);padding:6px 2px;border-radius:12px}
.mp-t .ic{width:30px;height:30px;stroke-width:1.5}.mp-t:hover{background:var(--panel-2)}
.mp-out{margin-top:30px;min-height:54px;font-size:16px}
@media (max-width:899px){.frame.bare .tabbar,.frame.bare .app-top-m{display:none}.frame.bare{min-height:calc(100vh - var(--dh,38px))}}
@media (min-width:900px){.mp-top .icon-btn:first-child{display:none}.menu-page{padding-top:10px}}
.mp-top{direction:ltr}.mp-top .ic-chev{transform:none}[dir=ltr] .mp-top .ic-chev{transform:none}

/* ═════ محفظة وتسليم مبسّطان ═════ */
.w-card{padding:24px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--grad-a),var(--grad-b))}
.w-big{font:600 clamp(34px,8vw,46px)/1.15 var(--f-d);margin:4px 0 14px}.w-big small{font-size:.4em}
.w-split{display:flex;gap:26px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}.w-split>div{display:grid;gap:2px}.w-split b{font:600 18px var(--f-d)}
.wallet-actions.two{grid-template-columns:1fr 1fr}.wallet-actions.two .btn{min-height:56px;font-size:17px}.wallet-actions.two .btn-primary{color:#03130E}.wallet-actions.two .btn-primary .ic{color:inherit}
.dl-card{display:grid;gap:12px}
.dl-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.dl-pair{display:flex;align-items:center;gap:8px}.dl-pair select{background:none;border:0;font:600 18px var(--f-d);color:var(--sand);padding:4px 0}
.dl-px{font:600 22px var(--f-d)}
.dl-step{display:flex;align-items:center;gap:10px;font-weight:500;margin-top:4px}.dl-step .n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--saffron);color:#03130E;font-size:13px;font-weight:600}
.exp-pick{grid-template-columns:repeat(3,1fr)}
.stepper{display:flex;align-items:center;gap:6px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:12px;padding:4px}.stepper button{width:44px;height:44px;border-radius:9px;display:grid;place-items:center;background:var(--panel-2)}.stepper .minus{transform:rotate(45deg)}
.stepper .inp{border:0;background:none;text-align:center;font:600 20px var(--f-d);flex:1;min-width:0}.stepper .u{color:var(--mute);font-size:13px}
.chips-q{display:flex;gap:8px}.chips-q button{flex:1;height:36px;border:1px solid var(--line-2);border-radius:9px;color:var(--mute);font-size:14px}.chips-q button:hover{border-color:var(--saffron);color:var(--saffron)}
.dl-meta{margin:0}.adv summary{cursor:pointer;color:var(--mute);font-size:14px;list-style:none}.adv summary::after{content:" ▾"}.adv-in{padding-top:10px}
.dl-go{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dl-go .btn{min-height:58px;font-size:19px;gap:8px}

.wallet-actions.two .btn-primary{background:var(--saffron);color:#03130E;border-color:transparent}
.wallet-actions.two .btn-primary:hover{background:var(--saffron);filter:brightness(1.08);border-color:transparent}
html[data-theme=light] .wallet-actions.two .btn-primary{color:#fff}
.stepper{direction:ltr}.stepper .inp{direction:ltr}
.dl-top .t-end{display:grid;justify-items:start;gap:0}

/* تفاصيل المعاملة */
.tx-row{cursor:pointer}.tx-row:hover td{background:var(--panel-2)!important}.tx-row:focus-visible{outline:2px solid var(--saffron);outline-offset:-2px}
.det-top{display:grid;justify-items:center;gap:6px;padding:6px 0 16px;text-align:center}.det-amt{font:600 32px var(--f-d)}
.tline{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:0}
.tline li{display:flex;gap:12px;position:relative;padding-bottom:18px}.tline li:last-child{padding-bottom:0}
.tline li::before{content:"";position:absolute;inset-inline-start:13px;top:28px;bottom:0;width:2px;background:var(--line-2)}.tline li:last-child::before{display:none}
.tline i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--panel-2);color:var(--mute);flex:none}.tline i .ic{width:15px;height:15px}
.tline .done i{background:rgba(25,227,161,.15);color:var(--saffron)}.tline .done::before{background:var(--saffron)}.tline .on i{background:rgba(242,184,75,.15);color:var(--warn)}
.tline b{display:block;font-weight:500}.tline .muted{display:block}

/* NODARO 3B logo */
.lmark{display:block;object-fit:contain;flex:none}
.logo-w{background:linear-gradient(180deg,#fff3c4 0,#e8b94c 55%,#a87a1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.art-logo .lmark{filter:drop-shadow(0 0 28px rgba(47,240,208,.35))}

.tx-amt{display:inline-flex;align-items:center;gap:6px;border-bottom:1px dashed var(--line-2);padding-bottom:1px}.tx-amt .ic-go{width:14px;height:14px;color:var(--saffron)}
[dir=ltr] .tx-amt .ic-go{transform:scaleX(-1)}

.stars-f{display:flex;gap:10px;align-items:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.lvl{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;background:linear-gradient(90deg,rgba(242,184,75,.25),rgba(242,184,75,.08));color:var(--warn)}.lvl .ic{width:14px;height:14px;fill:currentColor}.lvl b{font-size:14px}

/* ═════ التسليم (على نمط المرجع) ═════ */
.dv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.dv-list{width:40px;height:40px;display:grid;place-items:center;border-radius:10px}.dv-title{display:flex;align-items:baseline;gap:10px;flex:1;min-width:0}
.dv-sym{font:600 20px var(--f-d)}.dv-px{font:600 22px var(--f-d)}.dv-px.up{color:var(--up)}.dv-px.down{color:var(--down)}
.dv-acct{display:grid;justify-items:end;gap:0;padding:6px 14px;border:1px solid var(--line-2);border-radius:10px;min-width:118px}.dv-acct b{font-size:16px}
.dv-chart{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:4px 6px}.dv-chart .area{width:100%;height:auto;max-height:340px}
.dv-cyc{margin-top:14px}.dv-cyc-row{display:flex;align-items:center;gap:10px;margin-top:6px}
.dv-range{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:var(--panel-2);font-size:15px;white-space:nowrap}.dv-range .ic-go{width:15px;height:15px;color:var(--mute)}
.dv-seg{flex:1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--sand);border-radius:6px;overflow:hidden;direction:ltr}
.dv-seg button{height:44px;font-weight:500;color:var(--sand)}.dv-seg [aria-pressed=true]{background:var(--sand);color:var(--ink)}
.dv-amt{display:flex;align-items:center;gap:12px;margin-top:14px}.dv-amt .slider{flex:1}.dv-pct{font-size:12px;padding:2px 8px;border-radius:99px;background:var(--sand);color:var(--ink)}
.dv-amt .stepper{width:44%;flex:none}.dv-amt .stepper button{width:38px;height:38px}
.dv-meta{margin:10px 0 12px;font-size:14px}
.dv-go .btn{flex-direction:column;gap:0;min-height:62px;line-height:1.3;font-size:18px}.dv-go small{font-size:12.5px;font-weight:400;opacity:.9}
.dv-note{margin-top:10px}
.dv-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:18px 0 6px}.dv-tabs button{padding:10px 2px;color:var(--mute);border-bottom:3px solid transparent;font-size:16px}.dv-tabs [aria-selected=true]{color:var(--sand);border-color:var(--sand);font-weight:600}
.pair-pick{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line);text-align:start}.pair-pick:hover{border-color:var(--saffron)}.pair-pick span{margin-inline-start:auto}
@media (min-width:900px){.dv-wrap{max-width:720px}}
.dv-px{font-size:19px}.dv-sym{font-size:18px}.dv-title{gap:8px;flex-wrap:nowrap}.dv-acct{min-width:100px;padding:6px 10px}

.addr-cp{display:flex;align-items:center;gap:6px;justify-content:flex-end;text-align:end}.addr-cp .mono{word-break:break-all;direction:ltr;text-align:start;font-size:12.5px}
/* modal taşma düzeltmesi (uzun adresler) */
.m-box{max-width:100%;min-width:0}.m-body{min-width:0}
.kv{grid-template-columns:auto minmax(0,1fr)}.kv dd{min-width:0;overflow-wrap:anywhere}
.addr-cp{min-width:0}.addr-cp .mono{min-width:0;overflow-wrap:anywhere}
.m-foot{flex-wrap:wrap}

/* الحضور اليومي */
.att-card{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:12px 0;border:1px solid var(--line-2);border-radius:14px;background:var(--panel)}
.att-card.on{border-color:var(--saffron);background:rgba(25,227,161,.08);animation:attp 2s ease-in-out infinite}
@keyframes attp{50%{box-shadow:0 0 0 4px rgba(25,227,161,.12)}}
.att-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--panel-2);color:var(--warn);flex:none}.att-ic.ok{background:rgba(25,227,161,.14);color:var(--saffron)}.att-ic.sm{width:32px;height:32px}
.att-card b{font-size:16px}

.dv-note{margin:8px 0 0;font-size:12.5px}.link-i{color:var(--saffron);text-decoration:underline;text-underline-offset:3px;font-size:12.5px}

.info-b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;color:var(--mute);vertical-align:middle;margin-inline-start:4px}.info-b .ic{width:15px;height:15px}.info-b:hover{color:var(--warn)}
.inv-card>.row.wrapx{flex-wrap:nowrap;gap:14px;align-items:flex-start}.inv-card .inv-code{font-size:20px;word-break:keep-all}.inv-card .btn-sm{display:flex;width:fit-content}.inv-qr{flex:none}