:root{
  --bg:#fffaf6;
  --surface:#ffffff;
  --surface-soft:#fff5ec;
  --surface-muted:#f7f7f6;
  --line:#e8e2dd;
  --line-strong:#dad3cd;
  --ink:#202321;
  --muted:#767d79;
  --orange:#ff7a00;
  --orange-soft:#ffad5a;
  --green:#08a85c;
  --red:#d94655;
  --shadow:0 13px 34px rgba(74,47,25,.07);
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden
}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.positive{color:var(--green)!important}
.negative{color:var(--red)!important}
.terminal{width:min(1500px,100%);margin:auto;padding:0 10px 88px}

/* Original MatTrade-style compact top bar */
.terminal-bar{
  height:62px;position:sticky;top:0;z-index:50;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;
  background:rgba(255,255,255,.95);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line)
}
.terminal-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}
.terminal-logo{
  width:36px;height:36px;border-radius:12px;display:grid;place-items:center;
  background:#fff4e8;color:var(--orange);border:1px solid #ffd5ae;
  font:900 16px system-ui;overflow:hidden
}
.terminal-logo img{width:100%;height:100%;object-fit:contain}
.terminal-brand strong,.terminal-brand small{display:block}
.terminal-brand strong{font:800 13px system-ui}.terminal-brand small{font-size:8px;color:var(--muted)}
.pair-selector{
  justify-self:center;border:0;background:transparent;border-radius:12px;
  display:flex;align-items:center;gap:8px;padding:4px 7px;text-align:left
}
.pair-selector:hover{background:var(--surface-soft)}
.coin-icon{
  width:32px;height:32px;border-radius:11px;display:grid;place-items:center;
  background:#fff3e5;color:var(--orange);font-weight:900;border:1px solid #ffd9b6
}
.pair-selector strong,.pair-selector small{display:block}
.pair-selector strong{font:800 13px system-ui}.pair-selector small{font-size:8px;color:var(--muted);margin-top:2px}
.pair-selector small b{color:var(--ink)}.pair-selector small i{font-style:normal;margin-left:5px}
.account-zone{display:flex;align-items:center;gap:6px}
.install-button,.demo-account{height:36px;border-radius:10px;padding:0 10px;font-size:8px;font-weight:900}
.install-button{border:1px solid var(--line);background:#fff}
.demo-account{border:1px solid #ffd0a4;background:#fff7ef;color:#9b4b00}
.demo-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:4px}

/* Animated horizontal asset scroll: this is the requested "floating assets". */
.market-ribbon{
  position:sticky;top:62px;z-index:44;overflow:hidden;
  background:#fff;border-bottom:1px solid var(--line);height:43px
}
.market-ribbon:before,.market-ribbon:after{
  content:"";position:absolute;top:0;bottom:0;width:34px;z-index:2;pointer-events:none
}
.market-ribbon:before{left:0;background:linear-gradient(90deg,#fff,transparent)}
.market-ribbon:after{right:0;background:linear-gradient(-90deg,#fff,transparent)}
.market-ribbon-track{
  width:max-content;height:100%;display:flex;align-items:center;gap:6px;padding:0 6px;
  animation:assetMarquee calc(36s - (var(--motion,.72) * 14s)) linear infinite
}
.market-ribbon:hover .market-ribbon-track{animation-play-state:paused}
.market-ribbon button{
  flex:0 0 auto;height:31px;display:flex;align-items:center;gap:6px;
  border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 9px;
  font-size:8px;white-space:nowrap
}
.market-ribbon button:hover{border-color:#ffbf83;background:#fff8f1}
.market-ribbon b{font-size:8px}.market-ribbon span{font-weight:800}.market-ribbon small{font-size:8px;font-weight:900}
@keyframes assetMarquee{to{transform:translateX(-50%)}}

.terminal-grid{
  display:grid;grid-template-columns:210px minmax(420px,1fr) 305px;
  grid-template-rows:minmax(540px,calc(100vh - 268px)) 180px;
  gap:8px;padding-top:8px
}
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.watch-panel{grid-row:1/3;padding:11px}.chart-panel{padding:11px;display:flex;flex-direction:column}.trade-panel{padding:11px;overflow:auto}.bottom-panel{grid-column:2/4;padding:9px 11px}
.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head small,.panel-head strong{display:block}
.panel-head small{font-size:8px;color:var(--orange);font-weight:900;letter-spacing:.12em}.panel-head strong{font:800 15px system-ui;margin-top:2px}
.panel-head button{border:0;background:#fff5eb;width:30px;height:30px;border-radius:9px;color:var(--orange)}

.watch-search,.sheet-search{
  height:40px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:6px;
  padding:0 9px;margin:9px 0;background:#fafafa
}
.watch-search span,.sheet-search span{color:#9b9f9d}
.watch-search input,.sheet-search input{width:100%;border:0;outline:0;background:transparent;font-size:9px;color:var(--ink)}
.watch-list{display:grid}.watch-row{border:0;border-top:1px solid #eee9e5;background:transparent;padding:9px 5px;display:grid;grid-template-columns:1fr auto;gap:7px;text-align:left;border-radius:7px}
.watch-row:first-child{border-top:0}.watch-row:hover,.watch-row.active{background:#fff7ef}
.watch-row strong,.watch-row small{display:block}.watch-row strong{font-size:9px}.watch-row small{font-size:8px;color:var(--muted);margin-top:2px}.watch-row>span:last-child{text-align:right}

.chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.chart-head small,.chart-head strong{display:block}.chart-head small{font-size:8px;color:var(--muted)}
.chart-head strong{font:800 23px system-ui;letter-spacing:-.03em}.chart-head>div:first-child>span{font-size:8px;font-weight:900}
.chart-tools{display:flex;gap:4px}.chart-tools button{height:29px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 8px;font-size:8px;font-weight:900;color:var(--muted)}
.chart-tools button.active{background:#fff4e8;color:var(--orange);border-color:#ffd1a5}
.timeframes{display:flex;gap:3px;margin:9px 0 4px;overflow-x:auto}
.timeframes button{height:28px;border:0;background:transparent;border-radius:7px;padding:0 7px;font-size:8px;font-weight:900;color:var(--muted)}
.timeframes button.active{background:#fff4e8;color:var(--orange)}
.chart-stage{
  flex:1;min-height:330px;position:relative;border-top:1px solid #eee9e5;border-bottom:1px solid #eee9e5;overflow:hidden;
  background:
    linear-gradient(#f2efec 1px,transparent 1px),
    linear-gradient(90deg,#f5f2ef 1px,transparent 1px);
  background-size:100% 25%,12.5% 100%
}
.chart-stage canvas{width:100%;height:100%;display:block}
.chart-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:900 clamp(50px,7vw,86px) system-ui;color:rgba(255,122,0,.035);pointer-events:none}
.floating-price{position:absolute;right:5px;top:28%;background:var(--orange);color:#fff;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:900}
.chart-stats{display:flex;flex-wrap:wrap;gap:15px;padding:7px 2px 0;color:var(--muted);font-size:8px}.chart-stats b{color:var(--ink);margin-left:3px}

/* compact order ticket modelled after the original screenshots */
.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;background:#f8f6f4;padding:4px;border-radius:10px}
.mode-tabs button{height:32px;border:0;border-radius:8px;background:transparent;font-size:8px;font-weight:900;color:#7f8481}
.mode-tabs button.active{background:#fff;color:var(--orange);box-shadow:0 3px 10px rgba(80,45,20,.06);border:1px solid #eee5de}
.buy-sell{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0}
.buy-sell button{height:38px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:10px;font-weight:900}
.buy-sell .buy.active{background:var(--green);color:#fff;border-color:var(--green)}
.buy-sell .sell.active{background:#fff;color:#bd6022;border-color:#ef9a50}
.order-type{width:100%;height:44px;border:1px solid var(--line);background:#f8f8f8;border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;text-align:left}
.order-type small,.order-type strong{display:block}.order-type small{font-size:8px;color:var(--muted)}.order-type strong{font-size:10px;margin-top:1px}
.trade-field{display:block;margin-top:8px}.trade-field>span{display:block;font-size:8px;color:var(--muted);margin:0 0 4px 2px}
.trade-field>div{height:47px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:34px 1fr auto 34px;align-items:center;background:#fafafa}
.trade-field button{border:0;background:transparent;height:100%;color:#777}.trade-field input{min-width:0;width:100%;border:0;outline:0;text-align:center;font-weight:800;background:transparent;color:var(--ink)}
.trade-field small{font-size:8px;color:var(--muted)}
.percent-row{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:7px 0}.percent-row button{height:29px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:8px;color:#777}.percent-row button:hover{border-color:#ffbb7a;color:var(--orange)}
.scenario-card{border:1px solid #ffe0c3;background:#fff8f1;border-radius:10px;padding:9px;margin-top:7px}.scenario-card>div,.scenario-card p{display:flex;align-items:center;justify-content:space-between;gap:9px}
.scenario-card>div span{font-size:8px;font-weight:900;color:#9a4d07}.scenario-card>div button{width:21px;height:21px;border:0;border-radius:50%;background:#fff;color:var(--orange)}
.scenario-card p{margin:6px 0 0;font-size:8px;color:var(--muted)}.scenario-card strong{font-size:9px}
.trade-summary{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:7px 0}.trade-summary span{padding:7px;border:1px solid var(--line);border-radius:9px;font-size:7px;color:var(--muted);background:#fafafa}.trade-summary b{display:block;color:var(--ink);font-size:8px;margin-top:2px}
.execute-button{width:100%;height:47px;border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(8,168,92,.12)}
.execute-button.sell-mode{background:var(--red);color:#fff}.trade-note{display:block;text-align:center;color:var(--muted);font-size:7px;line-height:1.4;margin-top:5px}

.bottom-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);overflow-x:auto}.bottom-tabs button{height:33px;border:0;background:transparent;color:var(--muted);font-size:8px;font-weight:900;padding:0 8px;white-space:nowrap}
.bottom-tabs button.active{color:var(--orange);border-bottom:2px solid var(--orange)}
.bottom-content{padding:8px 0;overflow:auto;height:124px}.empty-bottom{height:100%;display:grid;place-items:center;color:#a0a5a2;font-size:9px}
.trade-record{display:grid;grid-template-columns:1fr repeat(4,auto);gap:12px;align-items:center;padding:7px;border-bottom:1px solid #eee9e5;font-size:8px}.trade-record strong,.trade-record small{display:block}.trade-record small{color:var(--muted)}.trade-record .record-state{font-weight:900;color:var(--green)}

.mobile-nav{display:none}
.modal-backdrop{position:fixed;inset:0;background:rgba(25,22,19,.35);backdrop-filter:blur(3px);z-index:70}
.app-sheet{position:fixed;z-index:80;left:50%;bottom:0;width:min(560px,100%);max-height:82vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px 22px 0 0;padding:10px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -22px 62px rgba(70,45,25,.14);transform:translate(-50%,105%);transition:.27s}
.app-sheet.open{transform:translate(-50%,0)}.sheet-handle{width:38px;height:4px;border-radius:99px;background:#ddd4cd;margin:0 auto 13px}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start}
.sheet-head small{color:var(--orange);font-size:8px;font-weight:900;letter-spacing:.14em}.sheet-head h2{font:800 23px system-ui;margin:3px 0}.sheet-head>button{width:34px;height:34px;border:0;background:#f7f4f2;border-radius:10px;color:#777}
.sheet-market{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;width:100%;border:0;border-top:1px solid #eee9e5;background:transparent;padding:9px 3px;text-align:left}.sheet-market:first-child{border-top:0}
.sheet-market strong,.sheet-market small{display:block}.sheet-market strong{font-size:10px}.sheet-market small{font-size:8px;color:var(--muted)}.sheet-market>span:last-child{text-align:right}
.demo-card{background:#fff7ef;border:1px solid #ffd9b6;border-radius:13px;padding:13px;margin-top:9px}.demo-card span,.demo-card strong,.demo-card small{display:block}.demo-card span{font-size:8px;color:#9a4a00;font-weight:900}.demo-card strong{font:800 26px system-ui;margin:3px 0}.demo-card small,.sheet-copy,.sheet-footnote{color:var(--muted);font-size:9px;line-height:1.5}
.account-sheet{width:min(520px,100%);max-height:min(86vh,720px)}
.account-profile{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;margin-top:10px;padding:13px;border:1px solid #eee7e1;border-radius:16px;background:linear-gradient(145deg,#fff,#fffaf6)}
.account-avatar{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#ff8b19,#ff5b00);color:#fff;font:900 20px system-ui;box-shadow:0 9px 24px rgba(255,122,0,.17)}
.account-profile-main{min-width:0}.account-profile-main strong,.account-profile-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile-main strong{font:800 15px system-ui;color:var(--ink)}.account-profile-main span{margin-top:3px;color:var(--muted);font-size:9px}.account-status-pill{align-self:start;padding:5px 7px;border-radius:999px;background:#eaf8f1;color:#0b8c51;font-size:7px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.account-id-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #f0ebe7}.account-id-row small{color:var(--muted);font-size:8px;font-weight:800}.account-id-row code{min-width:0;max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#585f5b;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace}
.account-balance-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:13px 14px;border:1px solid #efe7df;border-radius:15px;background:#fff}.account-balance-strip small,.account-balance-strip strong{display:block}.account-balance-strip small{font-size:7px;color:var(--muted);font-weight:900;letter-spacing:.12em}.account-balance-strip strong{margin-top:3px;font:900 20px system-ui;color:var(--ink);font-variant-numeric:tabular-nums}.account-balance-strip>span{padding:5px 8px;border-radius:999px;background:#fff2e5;color:#a45108;font-size:7px;font-weight:900;white-space:nowrap}
.account-sheet-copy{margin:10px 2px 0}.account-action-grid{display:grid;gap:8px;margin-top:11px}.account-action-card{width:100%;min-height:62px;border:1px solid #e9e4df;background:#fff;border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;padding:10px 12px;color:var(--ink)}.account-action-card.primary{border-color:#ffd0a4;background:#fff8f1}.account-action-icon{width:36px;height:36px;border-radius:11px;background:#fff0e1;color:var(--orange);display:grid;place-items:center;font-size:17px;font-weight:900}.account-action-card strong,.account-action-card small{display:block}.account-action-card strong{font-size:11px}.account-action-card small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.35}.account-action-card>b{color:#a9adab;font-size:18px}.account-logout{margin-top:10px}
.sheet-primary,.sheet-secondary{width:100%;height:45px;border-radius:10px;font-weight:900;margin-top:7px}.sheet-primary{border:0;background:var(--orange);color:#fff}.sheet-secondary{border:1px solid var(--line);background:#fff}
.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px}.auth-mode-tabs button{height:38px;border:1px solid var(--line);background:#fff;border-radius:9px;color:var(--muted);font-weight:900}.auth-mode-tabs button.active{color:var(--orange);background:#fff7ef;border-color:#ffd0a4}
.login-form{display:grid;gap:7px;margin-top:10px}.login-form label span{display:block;font-size:8px;color:var(--muted);margin:0 0 4px 2px}.login-form input{width:100%;height:45px;border:1px solid var(--line);border-radius:10px;padding:0 9px;outline:0;background:#fff;color:var(--ink)}
.demo-reminder{position:fixed;z-index:90;right:12px;bottom:78px;width:min(315px,calc(100% - 24px));background:#fff;color:var(--ink);border:1px solid #ffd7b3;border-radius:17px;padding:14px;box-shadow:0 20px 54px rgba(70,42,20,.15);opacity:0;transform:translateY(12px);pointer-events:none;transition:.24s}
.demo-reminder.open{opacity:1;transform:none;pointer-events:auto}.demo-reminder>button:first-child{position:absolute;right:7px;top:7px;width:27px;height:27px;border:0;border-radius:8px;background:#f8f5f2;color:#777}
.demo-reminder>span{font-size:8px;color:var(--orange);font-weight:900;letter-spacing:.13em}.demo-reminder>strong{display:block;font:800 15px system-ui;margin:5px 20px 4px 0}.demo-reminder p{color:var(--muted);font-size:9px;line-height:1.5}
.demo-reminder>button:last-child{height:37px;border:0;border-radius:9px;background:var(--orange);color:#fff;padding:0 12px;font-size:9px;font-weight:900}
.reward-pop{position:fixed;z-index:100;left:50%;top:16%;transform:translate(-50%,-12px) scale(.92);background:var(--orange);color:#fff;border-radius:14px;padding:10px 16px;text-align:center;box-shadow:0 18px 46px rgba(255,122,0,.22);opacity:0;pointer-events:none;transition:.24s}.reward-pop.open{opacity:1;transform:translate(-50%,0) scale(1)}
.reward-pop strong,.reward-pop span{display:block}.reward-pop strong{font:900 15px system-ui}.reward-pop span{font-size:8px;margin-top:2px;opacity:.85}
.toast{position:fixed;z-index:110;left:50%;top:72px;transform:translate(-50%,-8px);background:#242724;color:#fff;border-radius:10px;padding:9px 12px;font-size:9px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 16px 42px rgba(0,0,0,.18)}.toast.open{opacity:1;transform:translate(-50%,0)}

@media(max-width:1000px){.terminal-grid{grid-template-columns:190px minmax(360px,1fr) 280px}.trade-record{gap:7px}}
@media(max-width:780px){
  body{padding-bottom:72px}
  .terminal{padding:0 7px 78px}
  .terminal-bar{height:56px;grid-template-columns:1fr auto}
  .terminal-brand{display:none}
  .pair-selector{justify-self:start;padding-inline:2px}.pair-selector small{display:none}
  .account-zone .install-button{display:none!important}.demo-account{font-size:8px;padding:0 7px;height:34px}
  .market-ribbon{top:56px;height:39px}.market-ribbon-track{animation-duration:calc(31s - (var(--motion,.72) * 11s))}.market-ribbon button{height:29px;padding-inline:8px}
  .terminal-grid{display:block;padding-top:6px}.terminal-grid>.panel{display:none;min-height:calc(100vh - 168px);border-radius:13px}.terminal-grid>.panel.mobile-active{display:block}
  .watch-panel,.chart-panel,.trade-panel,.bottom-panel{grid-row:auto;grid-column:auto}
  .chart-stage{min-height:calc(100vh - 306px)}.chart-head strong{font-size:21px}.trade-panel{padding:10px;min-height:auto}.bottom-content{height:calc(100vh - 230px)}
  .mobile-nav{
    position:fixed;left:6px;right:6px;bottom:calc(5px + env(safe-area-inset-bottom));z-index:55;
    display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);
    border:1px solid var(--line);border-radius:16px;padding:4px;box-shadow:0 14px 40px rgba(70,42,20,.12)
  }
  .mobile-nav button{border:0;background:transparent;min-height:50px;border-radius:11px;color:#555;display:grid;place-items:center;align-content:center;gap:1px}
  .mobile-nav button.active{color:var(--orange);background:#fff7ef}.mobile-nav small{font-size:7px}.mobile-nav span{font-size:16px}
  .mobile-trade-mark{width:29px;height:29px;border-radius:10px;background:linear-gradient(135deg,#ff9b39,#ff7410);color:#fff;display:grid!important;place-items:center}
  .trade-record{grid-template-columns:1fr auto auto}.trade-record>*:nth-child(4),.trade-record>*:nth-child(5){display:none}
}
@media(max-width:410px){.pair-selector strong{font-size:11px}.coin-icon{width:29px;height:29px}.demo-account{max-width:100px;white-space:nowrap}.chart-stage{min-height:calc(100vh - 296px)}.trade-summary{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.market-ribbon-track{animation:none}.reward-pop,.app-sheet,.demo-reminder{transition:none}}


/* ==========================================================
   MatTrade 4.1 — MOTION & GRAPHICS LAYER
   Interaction is playful; real-trade frequency is never rewarded.
   ========================================================== */
:root{
  --motion:.72;
  --fx-orange:255,122,0;
  --fx-green:8,168,92;
  --fx-red:217,70,85;
}
body{
  background:
    radial-gradient(circle at 8% 3%,rgba(var(--fx-orange),.07),transparent 28%),
    radial-gradient(circle at 92% 30%,rgba(255,173,90,.06),transparent 26%),
    var(--bg);
}
.gui-fx-layer{position:fixed;inset:0;z-index:120;pointer-events:none;overflow:hidden}
.fx-spark{
  position:absolute;width:6px;height:6px;border-radius:50%;
  background:var(--orange);box-shadow:0 0 18px rgba(var(--fx-orange),.55);
  animation:fxSpark .62s cubic-bezier(.2,.75,.2,1) forwards
}
@keyframes fxSpark{
  0%{opacity:.9;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(.15)}
}
.tap-wave{
  position:absolute;border-radius:50%;pointer-events:none;
  border:1px solid rgba(var(--fx-orange),.36);
  background:rgba(var(--fx-orange),.10);
  transform:translate(-50%,-50%) scale(.1);
  animation:tapWave .55s cubic-bezier(.2,.75,.2,1) forwards
}
@keyframes tapWave{to{opacity:0;transform:translate(-50%,-50%) scale(2.9)}}

/* Animated asset icons */
.asset-icon{
  --asset:#ff7a00;
  position:relative;isolation:isolate;
  display:inline-grid;place-items:center;
  width:28px;height:28px;flex:0 0 28px;border-radius:10px;
  background:linear-gradient(145deg,#fff,#fff3e6);
  border:1px solid color-mix(in srgb,var(--asset) 26%,#e8e2dd);
  box-shadow:0 7px 18px color-mix(in srgb,var(--asset) 10%,transparent);
  overflow:hidden;transform:translateZ(0)
}
.asset-icon i{font-style:normal;font-weight:900;color:var(--asset);position:relative;z-index:2;line-height:1}
.asset-icon em{
  position:absolute;inset:-45%;
  background:conic-gradient(from 0deg,transparent 0 42%,color-mix(in srgb,var(--asset) 30%,transparent) 50%,transparent 58% 100%);
  animation:assetOrbit calc(7s - (var(--motion)*2.5s)) linear infinite;
  opacity:.7
}
.asset-icon:after{
  content:"";position:absolute;inset:3px;border-radius:8px;background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,255,255,.6));
  z-index:1
}
.asset-btc{--asset:#f7931a}.asset-eth{--asset:#627eea}.asset-sol{--asset:#8f59ff}.asset-xrp{--asset:#353a3d}.asset-bnb{--asset:#f3ba2f}.asset-ada{--asset:#3d7ddd}
@keyframes assetOrbit{to{transform:rotate(360deg)}}
.asset-btc i{animation:btcFloat 2.7s ease-in-out infinite}
.asset-eth i{animation:ethCrystal 2.4s ease-in-out infinite}
.asset-sol i{animation:solPulse 2.1s ease-in-out infinite}
.asset-xrp i{animation:xrpSwing 2.8s ease-in-out infinite}
.asset-bnb i{animation:bnbFacet 3s ease-in-out infinite}
.asset-ada i{animation:adaSpark 2.5s ease-in-out infinite}
@keyframes btcFloat{50%{transform:rotate(8deg) scale(1.08)}}
@keyframes ethCrystal{50%{transform:translateY(-2px) scaleY(1.12);filter:drop-shadow(0 3px 4px rgba(98,126,234,.3))}}
@keyframes solPulse{50%{transform:scale(1.18);filter:drop-shadow(0 0 5px rgba(143,89,255,.32))}}
@keyframes xrpSwing{50%{transform:rotate(-8deg) scale(1.06)}}
@keyframes bnbFacet{50%{transform:rotate(45deg) scale(.92)}}
@keyframes adaSpark{50%{transform:scale(.9);text-shadow:0 0 8px rgba(61,125,221,.45)}}

/* Header / pair selector: responsive energy around active asset */
.pair-selector{position:relative;overflow:visible;transition:transform .2s ease,background .2s ease}
.pair-selector:before{
  content:"";position:absolute;inset:-3px;border-radius:15px;z-index:-1;
  background:conic-gradient(from var(--pair-angle,0deg),transparent 0 60%,rgba(var(--fx-orange),.13) 72%,transparent 84%);
  opacity:0;transition:opacity .25s
}
.pair-selector:hover:before{opacity:1;animation:pairSpin 3s linear infinite}
.pair-selector:hover{transform:translateY(-1px)}
@keyframes pairSpin{to{--pair-angle:360deg}}
@property --pair-angle{syntax:"<angle>";initial-value:0deg;inherits:false}

/* Horizontal market strip becomes a living dashboard */
.market-ribbon{box-shadow:0 5px 18px rgba(85,49,20,.04)}
.market-ribbon-track{will-change:transform}
.market-ribbon button{
  position:relative;overflow:hidden;
  transition:transform .22s cubic-bezier(.2,.75,.2,1),border-color .22s,box-shadow .22s,background .22s
}
.market-ribbon button:before{
  content:"";position:absolute;left:-55%;top:-120%;width:36%;height:340%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.86),transparent);
  transform:rotate(18deg);opacity:0
}
.market-ribbon button:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 8px 18px rgba(86,47,18,.08)}
.market-ribbon button:hover:before{opacity:1;animation:ribbonGlint .7s ease forwards}
@keyframes ribbonGlint{to{left:125%}}
.market-ribbon .asset-icon{width:23px;height:23px;flex-basis:23px;border-radius:8px}
.market-ribbon .asset-icon:after{border-radius:6px}
.market-ribbon .asset-icon i{font-size:10px}

/* Panel graphics: subtle glass-edge energy without hurting legibility */
.panel{
  position:relative;isolation:isolate;
  transition:transform .24s cubic-bezier(.2,.75,.2,1),box-shadow .24s,border-color .24s
}
.panel:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;
  background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.48) 49%,transparent 60%);
  transform:translateX(-120%);opacity:.18
}
@media(pointer:fine){
  .panel:hover{border-color:#ded5ce;box-shadow:0 17px 38px rgba(74,47,25,.095)}
  .panel:hover:before{animation:panelSweep 1.2s ease}
}
@keyframes panelSweep{to{transform:translateX(120%)}}

/* Chart HUD: dynamic scan and corners, outside the data layer */
.chart-stage{isolation:isolate}
.chart-stage:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 0 48%,rgba(var(--fx-orange),.028) 50%,transparent 52%);
  background-size:240px 100%;animation:chartGridDrift 8s linear infinite
}
@keyframes chartGridDrift{to{background-position:240px 0}}
.chart-scan{
  position:absolute;left:0;right:0;height:1px;top:0;pointer-events:none;z-index:3;
  background:linear-gradient(90deg,transparent,rgba(var(--fx-orange),.38),transparent);
  box-shadow:0 0 10px rgba(var(--fx-orange),.12);
  animation:chartScan calc(7s - (var(--motion)*2.2s)) ease-in-out infinite
}
@keyframes chartScan{0%,100%{top:8%;opacity:0}15%{opacity:.7}55%{top:82%;opacity:.5}80%{opacity:0}}
.chart-hud{position:absolute;width:24px;height:24px;pointer-events:none;z-index:4;opacity:.34}
.hud-tl{left:8px;top:8px;border-left:2px solid var(--orange);border-top:2px solid var(--orange)}
.hud-br{right:8px;bottom:8px;border-right:2px solid var(--orange);border-bottom:2px solid var(--orange)}
.floating-price{transition:transform .18s,box-shadow .18s}
.floating-price.price-pop{animation:pricePop .42s cubic-bezier(.2,.75,.2,1)}
@keyframes pricePop{45%{transform:scale(1.1);box-shadow:0 0 0 7px rgba(var(--fx-orange),.08)}}

/* Watchlist & market picker icons */
.watch-row{grid-template-columns:auto 1fr auto;align-items:center;transition:transform .18s ease,background .18s ease}
.watch-row .asset-icon{width:27px;height:27px;flex-basis:27px}
.watch-row:hover{transform:translateX(3px)}
.sheet-market{transition:transform .18s ease,background .18s ease}
.sheet-market:hover{transform:translateX(3px);background:#fff8f1}

/* Buttons: tactile micro-interactions */
.mode-tabs button,.buy-sell button,.percent-row button,.chart-tools button,.timeframes button,
.mobile-nav button,.order-type,.execute-button,.panel-head button,.sheet-primary,.sheet-secondary,
.install-button,.demo-account{
  position:relative;overflow:hidden;
  transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease
}
.mode-tabs button:active,.buy-sell button:active,.percent-row button:active,.chart-tools button:active,
.timeframes button:active,.mobile-nav button:active,.order-type:active,.execute-button:active,
.panel-head button:active,.sheet-primary:active,.sheet-secondary:active{transform:scale(.965)}
.mode-tabs button.active:after,.chart-tools button.active:after,.timeframes button.active:after,.mobile-nav button.active:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(var(--fx-orange),.18),0 0 0 0 rgba(var(--fx-orange),.1);
  animation:activeBreath 2.3s ease-in-out infinite
}
@keyframes activeBreath{50%{box-shadow:inset 0 0 0 1px rgba(var(--fx-orange),.28),0 0 0 5px rgba(var(--fx-orange),.035)}}
.execute-button:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.35) 48%,transparent 58%);
  transform:translateX(-120%);animation:executeSheen 4.5s ease-in-out infinite
}
@keyframes executeSheen{0%,72%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}
.execute-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(var(--fx-green),.18)}
.execute-button.sell-mode:not(:disabled):hover{box-shadow:0 13px 28px rgba(var(--fx-red),.16)}

/* Order fields feel like an instrument panel */
.trade-field>div,.order-type,.scenario-card,.trade-summary span{
  transition:border-color .2s ease,box-shadow .2s ease,transform .18s ease
}
.trade-field:focus-within>div{
  border-color:#ffbd7b;box-shadow:0 0 0 3px rgba(var(--fx-orange),.07);transform:translateY(-1px)
}
.scenario-card:hover{border-color:#ffc993;box-shadow:0 8px 22px rgba(100,55,20,.05)}

/* Mobile: make the selected navigation feel like a game HUD without clutter */
.mobile-nav .mobile-trade-mark{position:relative}
.mobile-nav .mobile-trade-mark:after{
  content:"";position:absolute;inset:-5px;border-radius:13px;border:1px solid rgba(var(--fx-orange),.2);
  animation:tradeOrbit 2.8s ease-in-out infinite
}
@keyframes tradeOrbit{50%{transform:scale(1.12) rotate(6deg);opacity:.35}}

/* Reduced-motion support stays strict */
@media(prefers-reduced-motion:reduce){
  .asset-icon em,.asset-icon i,.chart-scan,.chart-stage:after,.market-ribbon button:before,
  .execute-button:before,.mode-tabs button.active:after,.chart-tools button.active:after,
  .timeframes button.active:after,.mobile-nav button.active:after,.mobile-trade-mark:after{
    animation:none!important
  }
  .panel,.watch-row,.sheet-market,.market-ribbon button,.pair-selector{transition:none!important}
}

/* 4.2.1 streaming quote movement */
.watch-row strong,.market-ribbon span,.pair-selector small b,.floating-price{transition:color .18s ease,transform .18s ease}

/* MatTrade 4.3 graphical mode selector */
.mode-tabs{grid-template-columns:repeat(4,1fr);gap:4px}.mode-tabs button{height:55px;display:grid;place-items:center;align-content:center;gap:2px;padding:3px!important}.mode-tabs button small{font-size:7px;font-weight:900}
.trade-mode-icon{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;position:relative;color:currentColor}.trade-mode-icon svg{width:22px;height:22px;overflow:visible}.mode-tabs button.active .trade-mode-icon{color:var(--orange);background:#fff5ea;box-shadow:0 0 0 1px rgba(255,122,0,.12)}
.mode-tabs button[data-mode="spot"] .trade-mode-icon svg{animation:tradeSpot 3.2s ease-in-out infinite}.mode-tabs button[data-mode="margin"] .trade-mode-icon svg{animation:tradeMargin 2.8s ease-in-out infinite}.mode-tabs button[data-mode="grid"] .trade-mode-icon svg{animation:tradeGrid 2.4s ease-in-out infinite}.mode-tabs button[data-mode="futures"] .trade-mode-icon svg{animation:tradeFutures 3s ease-in-out infinite}
@keyframes tradeSpot{50%{transform:translateY(-2px) rotate(7deg)}}@keyframes tradeMargin{50%{transform:rotate(-8deg)}}@keyframes tradeGrid{50%{transform:scale(1.11)}}@keyframes tradeFutures{50%{transform:translateY(-2px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.trade-mode-icon svg{animation:none!important}}

/* MatTrade 4.3.1 stability/performance */
.panel{contain:layout paint style}
.chart-stage{contain:strict}
.watch-list,.bottom-content{contain:content}
[data-ribbon-price],[data-watch-price],[data-sheet-price],#pairPrice,#chartPriceLabel,#floatingPrice{font-variant-numeric:tabular-nums;transform:translateZ(0);backface-visibility:hidden}
.market-ribbon-track{transform:translateZ(0)}
@media(max-width:780px){.panel{box-shadow:0 8px 24px rgba(74,47,25,.055)}.market-ribbon{backdrop-filter:none}}

button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* MatTrade 4.4.1 smooth-morph performance pass */
.terminal-bar{backdrop-filter:blur(10px)}
.mobile-nav{backdrop-filter:blur(10px)}
.asset-eth i,.asset-sol i{filter:none!important}
[data-ribbon-price],[data-watch-price],[data-sheet-price],#pairPrice,#chartPriceLabel,#floatingPrice{transform:none!important;backface-visibility:visible}
.chart-stage canvas{transform:translateZ(0)}
.panel{will-change:auto}
@media(max-width:780px){
 .terminal-bar,.mobile-nav{backdrop-filter:blur(7px)}
}

/* MatTrade 4.4.2 frame-budget governor */
.terminal-bar,.mobile-nav,.modal-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.terminal-bar{background:rgba(255,255,255,.99)!important}
.mobile-nav{background:rgba(255,255,255,.99)!important}
.modal-backdrop{background:rgba(25,22,19,.32)!important}
.market-ribbon-track{transform:translate3d(0,0,0)}
.app-sheet[aria-hidden="true"] *{animation-play-state:paused!important}
@media(max-width:900px){[data-panel]:not(.mobile-active) *{animation-play-state:paused!important}}

/* MatTrade 4.4.3 — fixed mobile trading dock */
.install-guide-steps{display:grid;gap:7px;margin:13px 0}.install-guide-steps span{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fffaf5;font-size:9px}.install-guide-steps b{width:22px;height:22px;border-radius:8px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:8px}
@media(max-width:780px){
  .mobile-nav{contain:layout paint style;transform:translateZ(0)}
  .mobile-nav button{transform:none!important;transition:background-color .14s ease,color .14s ease,opacity .14s ease!important}
  .mobile-nav button:hover,.mobile-nav button:active{transform:none!important}
  .mobile-nav button.active:after{animation:mobileNavSignal 2.5s ease-in-out infinite!important;transform:none!important;box-shadow:inset 0 0 0 1px rgba(var(--fx-orange),.22)!important}
  .mobile-nav .mobile-trade-mark,.mobile-nav .mobile-trade-mark:after{transform:none!important}
  .mobile-nav .mobile-trade-mark:after{animation:mobileNavSignal 2.5s ease-in-out infinite!important;box-shadow:0 0 0 2px rgba(var(--fx-orange),.07)}
  @keyframes mobileNavSignal{0%,100%{opacity:.95}50%{opacity:.40}}
}


/* MatTrade 4.4.9 — platform nav stays fixed; Trade mark restored large */
@media(max-width:780px){
  .mobile-nav{
    bottom:5px!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
  .mobile-nav button{
    transform:none!important;
  }
  .trade-nav-button{
    overflow:visible!important;
  }
  .mobile-trade-mark{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:14px!important;
    font-size:20px!important;
    line-height:1!important;
  }
  .mobile-trade-mark:after{
    inset:-4px!important;
    border-radius:17px!important;
  }
}
@media(max-width:410px){
  .mobile-trade-mark{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    font-size:19px!important;
  }
}


/* MatTrade 4.4.10 — Markets percentage/asset collision guards */
.market-ribbon button{
  display:grid!important;
  grid-template-columns:23px 52px 70px 44px!important;
  width:214px!important;
  min-width:214px!important;
  max-width:214px!important;
  gap:6px!important;
  overflow:hidden!important;
  align-items:center!important;
}
.market-ribbon button>.asset-icon{grid-column:1!important}
.market-ribbon button>b{grid-column:2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.market-ribbon button>span[data-ribbon-price]{grid-column:3!important;text-align:right!important;overflow:hidden!important;white-space:nowrap!important}
.market-ribbon button>small{grid-column:4!important;text-align:right!important;overflow:hidden!important;white-space:nowrap!important}
.market-ribbon button .mt-morph{width:100%!important;max-width:100%!important;min-width:0!important}

.watch-row{
  grid-template-columns:27px minmax(0,1fr) 82px!important;
  gap:7px!important;overflow:hidden!important;
}
.watch-row>span:nth-child(2){min-width:0!important;overflow:hidden!important}
.watch-row>span:nth-child(2)>strong,.watch-row>span:nth-child(2)>small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.watch-row>span:last-child{width:82px!important;min-width:82px!important;max-width:82px!important;overflow:hidden!important;text-align:right!important}
.watch-row>span:last-child>strong,.watch-row>span:last-child>small{width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-align:right!important}
.watch-row>span:last-child .mt-morph{width:100%!important;min-width:0!important;max-width:100%!important}

.sheet-market{
  grid-template-columns:27px minmax(0,1fr) 84px!important;
  gap:7px!important;overflow:hidden!important;
}
.sheet-market>span:nth-child(2){min-width:0!important;overflow:hidden!important}
.sheet-market>span:last-child{width:84px!important;min-width:84px!important;max-width:84px!important;overflow:hidden!important;text-align:right!important}
.sheet-market>span:last-child>strong,.sheet-market>span:last-child>small{width:100%!important;overflow:hidden!important;white-space:nowrap!important;text-align:right!important}
.sheet-market>span:last-child .mt-morph{width:100%!important;min-width:0!important;max-width:100%!important}

@media(max-width:780px){
  .market-ribbon button{
    width:208px!important;min-width:208px!important;max-width:208px!important;
    grid-template-columns:22px 49px 68px 43px!important;gap:5px!important;padding-inline:7px!important;
  }
  .watch-row{grid-template-columns:27px minmax(0,1fr) 78px!important}
  .watch-row>span:last-child{width:78px!important;min-width:78px!important;max-width:78px!important}
  .sheet-market{grid-template-columns:27px minmax(0,1fr) 80px!important}
  .sheet-market>span:last-child{width:80px!important;min-width:80px!important;max-width:80px!important}
}


/* MatTrade 4.4.11 — market lists/ribbons use one text layer */
.market-ribbon .mt-morph,
.watch-row .mt-morph,
.sheet-market .mt-morph{
  transform:none!important;
  backface-visibility:visible!important;
  text-rendering:geometricPrecision;
}


/* MatTrade 4.4.12 — selected trading prices use one stationary text layer */
#pairPrice,
#chartPriceLabel,
#floatingPrice{
  font-variant-numeric:tabular-nums lining-nums!important;
  font-feature-settings:"tnum" 1,"lnum" 1!important;
  transform:none!important;
  animation:none!important;
  opacity:1!important;
  transition:color .18s ease,text-shadow .18s ease!important;
  will-change:auto!important;
}
#pairPrice.mt-primary-rise,
#chartPriceLabel.mt-primary-rise,
#floatingPrice.mt-primary-rise{color:var(--positive,var(--green,#08a85c))!important;text-shadow:0 0 10px rgba(8,168,92,.15)}
#pairPrice.mt-primary-fall,
#chartPriceLabel.mt-primary-fall,
#floatingPrice.mt-primary-fall{color:var(--negative,var(--red,#d94655))!important;text-shadow:0 0 10px rgba(217,70,85,.13)}


/* ==========================================================
   MatTrade 4.4.13 — Trading Platform customization runtime
   ========================================================== */
body.theme-no-ticker .market-ribbon{display:none!important}
body.theme-no-chart-scan .chart-scan,
body.theme-no-chart-scan .chart-stage:after{display:none!important}
body.theme-no-mode-motion .trade-mode-icon svg,
body.theme-no-mode-motion .asset-icon em,
body.theme-no-mode-motion .asset-icon i,
body.theme-no-mode-motion .mobile-trade-mark:after,
body.theme-no-mode-motion .execute-button:before{animation:none!important}

body.theme-solid-nav .terminal-bar,
body.theme-solid-nav .mobile-nav{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:var(--surface)!important;
}

body.theme-radius-custom .panel,
body.theme-radius-custom .app-sheet,
body.theme-radius-custom .watch-row,
body.theme-radius-custom .sheet-market{
  border-radius:var(--theme-radius)!important;
}
body.theme-radius-custom .execute-button,
body.theme-radius-custom .order-type,
body.theme-radius-custom .trade-field>div{
  border-radius:calc(var(--theme-radius) * .62)!important;
}

body.theme-shadow-custom .panel,
body.theme-shadow-custom .app-sheet{
  box-shadow:var(--theme-shadow)!important;
}

body.theme-ticker-speed .market-ribbon-track{animation-duration:var(--theme-ticker-duration)!important}

body.theme-logo-custom [data-brand-mark] img{
  width:var(--theme-logo-scale)!important;
  height:var(--theme-logo-scale)!important;
  object-fit:var(--theme-logo-fit)!important;
  padding:var(--theme-logo-padding)!important;
  background:var(--theme-logo-bg)!important;
  border-radius:inherit;
}

body.theme-extended .terminal-bar,
body.theme-extended .mobile-nav{background:var(--theme-surface-glass)!important;border-color:var(--line)!important}
body.theme-extended .panel,
body.theme-extended .market-ribbon,
body.theme-extended .market-ribbon button,
body.theme-extended .watch-row,
body.theme-extended .sheet-market,
body.theme-extended .app-sheet,
body.theme-extended .order-type,
body.theme-extended .trade-field>div{
  background:var(--surface)!important;
  border-color:var(--line)!important;
}
body.theme-extended .pair-selector:hover,
body.theme-extended .watch-row:hover,
body.theme-extended .watch-row.active,
body.theme-extended .sheet-market:hover,
body.theme-extended .mode-tabs button.active,
body.theme-extended .mobile-nav button.active{
  background:var(--surface-soft)!important;
}

body.theme-extended .pair-selector,
body.theme-extended .mode-tabs,
body.theme-extended .mode-tabs button,
body.theme-extended .buy-sell button,
body.theme-extended .percent-row button,
body.theme-extended .chart-tools button,
body.theme-extended .timeframes button,
body.theme-extended .mobile-nav button{
  border-color:var(--line)!important;
}
body.theme-extended .mode-tabs{background:var(--surface-soft)!important}
body.theme-extended .mode-tabs button,
body.theme-extended .percent-row button,
body.theme-extended .chart-tools button,
body.theme-extended .timeframes button{background:var(--surface)!important;color:var(--muted)}
body.theme-extended .mode-tabs button.active,
body.theme-extended .chart-tools button.active,
body.theme-extended .timeframes button.active{background:var(--surface-soft)!important;color:var(--orange)!important}

/* ==========================================================
   MatTrade 4.4.15 — Professional trading chart workspace
   ========================================================== */
.pro-terminal-chart{padding:0!important;overflow:hidden!important}
.pro-trade-chart-head{padding:10px 11px 8px!important;align-items:flex-start!important;border-bottom:1px solid #eee9e5}.pro-trade-chart-head .pro-chart-symbol small,.pro-trade-chart-head .pro-chart-symbol strong,.pro-trade-chart-head .pro-chart-symbol span{display:block}.pro-trade-chart-head .pro-chart-symbol small{font-size:8px;color:var(--muted);font-weight:850}.pro-trade-chart-head .pro-chart-symbol strong{font:850 23px system-ui;letter-spacing:-.035em;margin:2px 0}.pro-trade-chart-head .pro-chart-symbol span{font-size:8px;font-weight:900}
.trade-quote-strip{display:grid;grid-template-columns:repeat(4,minmax(58px,1fr));gap:4px;min-width:292px}.trade-quote-strip>span{padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0}.trade-quote-strip small,.trade-quote-strip b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-quote-strip small{font-size:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.trade-quote-strip b{font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:2px}
.pro-trade-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding:6px 9px;border-bottom:1px solid #eee9e5;background:#fff}.pro-trade-toolbar .timeframes{margin:0!important;justify-content:center}.pro-chart-types,.pro-chart-tools{display:flex;gap:3px;align-items:center}.pro-chart-tools{justify-content:flex-end}.pro-chart-tools button{height:28px;min-width:30px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 7px;font:900 7px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.pro-chart-tools button.active{background:#fff4e8;color:var(--orange);border-color:#ffd1a5}
.pro-terminal-chart .pro-chart-status{min-height:28px;display:flex;align-items:center;gap:13px;padding:5px 10px;border-bottom:1px solid #eee9e5;background:#fffdfb;overflow-x:auto;scrollbar-width:none}.pro-terminal-chart .pro-chart-status::-webkit-scrollbar{display:none}.pro-terminal-chart .pro-chart-status span{font:700 7px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);white-space:nowrap}.pro-terminal-chart .pro-chart-status span:first-child{color:var(--ink)}
.pro-terminal-chart .pro-chart-stage{flex:1;min-height:350px!important;border:0!important;background:#fff!important;cursor:default;touch-action:pan-y;contain:layout paint style!important}.pro-terminal-chart .pro-chart-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2}.pro-terminal-chart .pro-chart-stage.crosshair-on{cursor:crosshair;touch-action:none}.pro-terminal-chart .pro-chart-stage.dragging{cursor:grabbing}
.pro-terminal-chart .chart-watermark{z-index:1}.pro-terminal-chart .chart-data-window{position:absolute;left:8px;top:8px;z-index:7;min-width:176px;padding:8px 9px;border-radius:10px;border:1px solid rgba(224,214,205,.95);background:rgba(255,255,255,.94);box-shadow:0 8px 25px rgba(74,47,25,.08);pointer-events:none;backdrop-filter:blur(5px)}.pro-terminal-chart .chart-data-window strong,.pro-terminal-chart .chart-data-window span{display:block}.pro-terminal-chart .chart-data-window strong{font-size:7px;letter-spacing:.09em;text-transform:uppercase;color:var(--orange);margin-bottom:5px}.pro-terminal-chart .chart-data-window span{font:700 7px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);margin-top:2px}.pro-terminal-chart .chart-data-window span[data-dw-ohlc]{color:var(--ink)}
.pro-terminal-chart .pro-chart-footer{padding:7px 10px 9px!important;border-top:1px solid #eee9e5;gap:14px!important;overflow-x:auto;flex-wrap:nowrap!important}.pro-terminal-chart .pro-chart-footer span{white-space:nowrap}
/* The old decorative chart scan/floating price are superseded by real Bid/Ask/Last levels. */
.pro-terminal-chart .chart-scan,.pro-terminal-chart .chart-hud,.pro-terminal-chart .floating-price{display:none!important}

@media(max-width:1050px) and (min-width:901px){.pro-trade-toolbar{grid-template-columns:1fr auto}.pro-trade-toolbar .timeframes{grid-column:1/-1;grid-row:2;justify-content:flex-start}.trade-quote-strip{min-width:250px}}
@media(max-width:900px){
 .pro-terminal-chart.mobile-active{display:flex!important;flex-direction:column}.pro-trade-chart-head{display:grid!important;grid-template-columns:1fr;gap:7px}.trade-quote-strip{min-width:0;width:100%;grid-template-columns:repeat(4,1fr)}
 .pro-trade-toolbar{grid-template-columns:1fr;padding:6px 8px}.pro-trade-toolbar .timeframes{grid-row:2;justify-content:flex-start}.pro-trade-toolbar .pro-chart-tools{grid-row:3;justify-content:flex-start;overflow-x:auto}.pro-terminal-chart .pro-chart-stage{min-height:calc(100vh - 355px)!important}.pro-terminal-chart .pro-chart-footer{padding-inline:8px!important}
}
@media(max-width:480px){.trade-quote-strip{grid-template-columns:repeat(2,1fr)}.pro-terminal-chart .pro-chart-stage{min-height:calc(100vh - 390px)!important;min-height:310px!important}}

/* ==========================================================
   MatTrade 4.4.16 — Refined professional trading chart
   ========================================================== */
.pro-terminal-chart{
  border-radius:18px!important;border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;
  box-shadow:0 14px 42px rgba(58,37,19,.055)!important;background:var(--surface)!important
}
.pro-trade-chart-head{
  padding:12px 13px 10px!important;
  background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface-soft) 44%,var(--surface)))!important
}
.pro-trade-chart-head .pro-chart-symbol small{font-size:7px!important;letter-spacing:.10em;text-transform:uppercase;font-weight:900!important}
.pro-trade-chart-head .pro-chart-symbol strong{font-size:25px!important;line-height:1!important;letter-spacing:-.045em!important}
.pro-trade-chart-head .pro-chart-symbol span{font-size:8px!important;margin-top:4px}
.trade-quote-strip{
  min-width:310px!important;gap:0!important;padding:4px!important;border:1px solid var(--line)!important;
  border-radius:12px!important;background:var(--surface-soft)!important
}
.trade-quote-strip>span{border:0!important;border-radius:8px!important;background:transparent!important;padding:6px 8px!important;position:relative}
.trade-quote-strip>span+span:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:1px;background:var(--line)}
.trade-quote-strip small{font-size:6px!important;letter-spacing:.11em!important}.trade-quote-strip b{font-size:9px!important}
.trade-quote-strip>span:nth-child(1) b{color:var(--green)}.trade-quote-strip>span:nth-child(2) b{color:var(--red)}.trade-quote-strip>span:nth-child(3) b{color:var(--orange)}
.pro-trade-toolbar{
  padding:7px 9px!important;gap:7px!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important
}
.pro-trade-toolbar .pro-chart-types,.pro-trade-toolbar .timeframes,.pro-trade-toolbar .pro-chart-tools{
  gap:2px!important;padding:3px!important;border-radius:10px!important;background:var(--surface-soft)!important
}
.pro-trade-toolbar .chart-type,.pro-trade-toolbar .timeframes button,.pro-trade-toolbar .pro-chart-tools button{
  height:28px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;
  padding:0 8px!important;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease!important
}
.pro-trade-toolbar .chart-type:hover,.pro-trade-toolbar .timeframes button:hover,.pro-trade-toolbar .pro-chart-tools button:hover{color:var(--ink)!important;background:color-mix(in srgb,var(--surface) 65%,transparent)!important}
.pro-trade-toolbar .chart-type.active,.pro-trade-toolbar .timeframes button.active,.pro-trade-toolbar .pro-chart-tools button.active{
  background:var(--surface)!important;color:var(--orange)!important;box-shadow:0 2px 7px rgba(58,37,19,.09),inset 0 0 0 1px color-mix(in srgb,var(--line) 80%,transparent)!important
}
.pro-terminal-chart .pro-chart-status{
  min-height:30px!important;padding:6px 11px!important;gap:15px!important;
  background:color-mix(in srgb,var(--surface-soft) 48%,var(--surface))!important;border-bottom:1px solid var(--line)!important
}
.pro-terminal-chart .pro-chart-status span{font-size:7px!important}
.pro-terminal-chart .pro-chart-stage{
  background:var(--surface)!important;min-height:370px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(72,51,31,.025)!important
}
.pro-terminal-chart .pro-chart-stage:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,transparent 82%,rgba(60,45,30,.018))}
.pro-terminal-chart .chart-watermark{
  inset:auto auto 12px 14px!important;display:block!important;width:auto!important;height:auto!important;
  font:900 9px ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.16em!important;
  color:color-mix(in srgb,var(--muted) 22%,transparent)!important
}
.pro-terminal-chart .chart-data-window{
  min-width:190px!important;padding:10px 11px!important;border-radius:12px!important;
  border:1px solid color-mix(in srgb,var(--line) 90%,transparent)!important;background:color-mix(in srgb,var(--surface) 94%,transparent)!important;
  box-shadow:0 12px 30px rgba(58,37,19,.10)!important;backdrop-filter:blur(10px)!important
}
.pro-terminal-chart .chart-data-window span{font-size:8px!important;line-height:1.35!important}
.pro-terminal-chart .pro-chart-footer{
  min-height:36px!important;padding:8px 11px 9px!important;background:var(--surface-soft)!important;border-top:1px solid var(--line)!important
}
@media(max-width:900px){
  .pro-terminal-chart{border-radius:15px!important;box-shadow:0 10px 30px rgba(58,37,19,.045)!important}
  .pro-trade-chart-head{padding:10px 9px 8px!important}.trade-quote-strip{min-width:0!important;padding:3px!important}
  .pro-trade-toolbar{padding:6px 7px!important}.pro-trade-toolbar .pro-chart-types,.pro-trade-toolbar .timeframes,.pro-trade-toolbar .pro-chart-tools{padding:2px!important}
  .pro-terminal-chart .pro-chart-stage{min-height:calc(100vh - 365px)!important}
}
@media(max-width:480px){.trade-quote-strip{grid-template-columns:repeat(2,1fr)!important}.trade-quote-strip>span:nth-child(3):before{display:none}.pro-terminal-chart .pro-chart-stage{min-height:320px!important}}


/* MatTrade 4.4.18 — compact professional mobile chart workspace */
@media(max-width:900px){
  .pro-terminal-chart.mobile-active{border-radius:14px!important;overflow:hidden!important}
  .pro-trade-chart-head{padding:9px 9px 7px!important;gap:7px!important}
  .pro-trade-chart-head .pro-chart-symbol{display:grid!important;grid-template-columns:1fr auto!important;align-items:end!important;column-gap:8px!important}.pro-trade-chart-head .pro-chart-symbol small{grid-column:1/-1}.pro-trade-chart-head .pro-chart-symbol strong{font-size:23px!important}.pro-trade-chart-head .pro-chart-symbol>span{margin:0!important;align-self:center!important}
  .trade-quote-strip{display:flex!important;grid-template-columns:none!important;width:100%!important;min-width:0!important;overflow-x:auto!important;padding:3px!important;scrollbar-width:none!important}.trade-quote-strip::-webkit-scrollbar{display:none}.trade-quote-strip>span{flex:1 0 82px!important;padding:5px 7px!important}
  .pro-trade-toolbar{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important;padding:6px!important;gap:5px!important}
  .pro-trade-toolbar .pro-chart-types{grid-column:1!important;grid-row:1!important}.pro-trade-toolbar .timeframes{grid-column:2!important;grid-row:1!important;justify-content:flex-start!important}.pro-trade-toolbar .pro-chart-tools{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important}
  .pro-trade-toolbar .pro-chart-types,.pro-trade-toolbar .timeframes,.pro-trade-toolbar .pro-chart-tools{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}.pro-trade-toolbar .pro-chart-types::-webkit-scrollbar,.pro-trade-toolbar .timeframes::-webkit-scrollbar,.pro-trade-toolbar .pro-chart-tools::-webkit-scrollbar{display:none}
  .pro-terminal-chart .pro-chart-status{min-height:27px!important;padding:5px 8px!important;gap:11px!important}
  .pro-terminal-chart .pro-chart-stage{min-height:350px!important}
  .pro-terminal-chart .chart-data-window{min-width:152px!important;max-width:calc(100% - 12px)!important;padding:7px 8px!important;backdrop-filter:none!important}
  .pro-terminal-chart .pro-chart-footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px 10px!important;min-height:44px!important;padding:6px 9px!important;overflow:visible!important}.pro-terminal-chart .pro-chart-footer span{font-size:7px!important;padding:2px 0!important}
}
@media(max-width:480px){
  .pro-terminal-chart .pro-chart-stage{min-height:330px!important}
  .pro-trade-toolbar{grid-template-columns:1fr!important}.pro-trade-toolbar .pro-chart-types,.pro-trade-toolbar .timeframes,.pro-trade-toolbar .pro-chart-tools{grid-column:1!important}.pro-trade-toolbar .timeframes{grid-row:2!important}.pro-trade-toolbar .pro-chart-tools{grid-row:3!important}
}

/* ==========================================================
   MatTrade 4.5.0 — Deposit workflow
   ========================================================== */
.deposit-launch{display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#ff8a20,var(--orange));box-shadow:0 10px 24px rgba(255,122,0,.17)}
.deposit-launch span{font-size:17px;line-height:1}.deposit-sheet{width:min(520px,100%);max-height:min(88vh,760px)}
.deposit-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 12px;padding:13px 14px;border:1px solid #f1e5dc;border-radius:15px;background:linear-gradient(135deg,#fff8f1,#fff)}
.deposit-balance small,.deposit-balance strong{display:block}.deposit-balance small{font-size:7px;letter-spacing:.12em;color:var(--muted);font-weight:900}.deposit-balance strong{margin-top:3px;font:900 19px system-ui;color:var(--ink)}.deposit-balance>span{padding:6px 8px;border-radius:999px;background:#fff0e1;color:#a45008;font-size:7px;font-weight:900;white-space:nowrap}
.deposit-form{display:grid;gap:10px}.deposit-amount-label>span{display:block;margin:0 0 5px 2px;color:var(--muted);font-size:8px;font-weight:800}.deposit-amount-input{display:grid;grid-template-columns:auto 1fr;align-items:center;height:62px;padding:0 16px;border:1px solid #eadfd6;border-radius:14px;background:#fbfaf9;transition:.18s}.deposit-amount-input:focus-within{border-color:#ffb36c;box-shadow:0 0 0 3px rgba(255,122,0,.08);background:#fff}.deposit-amount-input b{font:900 25px system-ui;color:#9b9d9b}.deposit-amount-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:900 28px system-ui;color:var(--ink);letter-spacing:-.04em;padding-left:7px}.deposit-amount-input input::-webkit-inner-spin-button{display:none}
.deposit-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.deposit-quick button{height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#646966;font-size:8px;font-weight:900}.deposit-quick button:hover,.deposit-quick button.active{border-color:#ffc082;background:#fff6ed;color:var(--orange)}
.deposit-method{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff}.deposit-method-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#fff3e7;color:var(--orange);font-size:18px}.deposit-method strong,.deposit-method span{display:block}.deposit-method strong{font-size:9px}.deposit-method span{margin-top:2px;color:var(--muted);font-size:7px;line-height:1.4}.deposit-method>b{color:#b1b3b1;font-size:19px}
.deposit-notice{display:grid;grid-template-columns:auto 1fr;gap:7px;align-items:start;padding:9px 10px;border-radius:10px;background:#f2fbf6;color:#397556}.deposit-notice>span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#dff4e8;font-size:9px;font-weight:900}.deposit-notice p{margin:1px 0 0;font-size:7px;line-height:1.5}.deposit-notice.warn{background:#fff6ec;color:#98602c}.deposit-notice.warn>span{background:#ffe7cc}.deposit-submit:disabled{opacity:.5;cursor:not-allowed}
.deposit-history-head{display:flex;align-items:center;justify-content:space-between;margin:16px 1px 7px}.deposit-history-head strong{font-size:9px}.deposit-history-head button{border:0;background:transparent;color:var(--orange);font-size:8px;font-weight:900}.deposit-history{display:grid;gap:5px}.deposit-empty{padding:15px;text-align:center;border:1px dashed var(--line);border-radius:11px;color:var(--muted);font-size:8px}.deposit-history-row{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid #eee8e2;border-radius:11px;background:#fff}.deposit-history-row>div strong,.deposit-history-row>div span,.deposit-history-row>div b,.deposit-history-row>div small{display:block}.deposit-history-row>div strong{font-size:10px}.deposit-history-row>div span{margin-top:2px;color:var(--muted);font:700 6.5px ui-monospace,SFMono-Regular,Menlo,monospace}.deposit-history-row>div:nth-child(2){text-align:right}.deposit-history-row>div b{font-size:8px}.deposit-history-row>div small{margin-top:2px;color:var(--muted);font-size:7px}.deposit-history-row.is-paid b{color:var(--green)}.deposit-history-row.is-cancelled b,.deposit-history-row.is-failed b{color:var(--red)}.deposit-history-row.is-pending b{color:var(--orange)}.deposit-row-refresh{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:27px;height:27px;border:0;border-radius:8px;background:#fff5eb;color:var(--orange);font-weight:900}.deposit-history-row:has(.deposit-row-refresh)>div:nth-child(2){padding-right:30px}
@media(max-width:480px){.deposit-sheet{max-height:91vh}.deposit-quick{grid-template-columns:repeat(5,minmax(0,1fr))}.deposit-quick button{padding:0 2px}.deposit-amount-input{height:58px}.deposit-amount-input input{font-size:26px}}

/* MatTrade 4.6.0 — Exchange-style balance + crypto deposit workflow */
.assets-launch{display:flex;align-items:center;justify-content:center;gap:8px}.assets-launch span{font-size:17px}.deposit-launch.sheet-secondary{margin-top:8px}
.assets-sheet,.crypto-deposit-sheet{inset:0!important;left:0!important;bottom:0!important;width:100%!important;max-width:none!important;max-height:none!important;height:100dvh!important;border:0!important;border-radius:0!important;padding:0!important;transform:translateY(105%)!important;background:#fff;overflow:hidden;box-shadow:none}.assets-sheet.open,.crypto-deposit-sheet.open{transform:translateY(0)!important}.assets-sheet,.crypto-deposit-sheet{transition:transform .26s cubic-bezier(.2,.75,.2,1)}
.assets-topbar,.crypto-deposit-top{height:72px;display:grid;grid-template-columns:56px 1fr 110px;align-items:center;padding:env(safe-area-inset-top) 12px 0;border-bottom:1px solid #f0efed;background:#fff}.assets-topbar>strong,.crypto-deposit-top>strong{text-align:center;color:var(--orange);font:800 19px system-ui}.assets-topbar button,.crypto-deposit-top button{border:0;background:transparent;color:#4f5351;height:44px;font:700 12px system-ui}.assets-topbar>button:first-child,.crypto-deposit-top>button:first-child{font-size:28px;color:var(--orange);text-align:left}.assets-gear{font-size:21px!important;text-align:right}.crypto-deposit-top{grid-template-columns:56px 1fr 138px}.crypto-deposit-top>button:last-child{text-align:right;color:#9b9e9c;font-size:11px}
.assets-tabs{height:62px;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:0 8px;border-bottom:1px solid #f1f0ef;overflow-x:auto;background:#fff}.assets-tabs button{position:relative;height:55px;border:0;background:transparent;color:#656966;font:700 12px system-ui;white-space:nowrap}.assets-tabs button.active{color:#3d403f}.assets-tabs button.active::after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:4px;border-radius:999px;background:var(--orange)}
.assets-scroll,.crypto-deposit-scroll{height:calc(100dvh - 134px - env(safe-area-inset-top));overflow:auto;-webkit-overflow-scrolling:touch;padding:0 12px calc(28px + env(safe-area-inset-bottom));background:#fff}.crypto-deposit-scroll{height:calc(100dvh - 72px - env(safe-area-inset-top));padding-top:18px}.assets-view{display:none}.assets-view.active{display:block}.assets-value{padding:26px 12px 18px;border-bottom:1px solid #f2f0ef}.assets-value.compact{padding-top:20px}.assets-value>span{display:block;color:#454947;font-size:12px}.assets-value>strong{display:block;margin-top:9px;color:#333735;font:500 31px system-ui;letter-spacing:-.04em}.assets-value>strong small{font-size:13px;color:#aaa;font-weight:500;letter-spacing:0}
.assets-empty-card{margin:12px 0;padding:28px 20px 20px;border:1px solid #f2efec;border-radius:15px;text-align:center}.assets-wallet-art{width:126px;height:116px;margin:0 auto 14px;display:grid;place-items:center;font-size:62px;color:#4597ff;background:linear-gradient(135deg,#f7fbff,#fff);border-radius:30px}.assets-empty-card p{margin:0 auto 16px;max-width:340px;color:#464a48;font-size:13px;line-height:1.55}.assets-empty-card button,.crypto-qr-card button,.crypto-address-block button,.crypto-claim button{border:0;border-radius:10px;background:linear-gradient(100deg,#ff8a00,#ff003d);color:#fff;font:700 13px system-ui;min-height:44px;padding:0 22px}.assets-empty-card button{width:100%;max-width:360px}
.assets-allocation{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin:12px 0;padding:20px 14px;border:1px solid #f2efec;border-radius:15px}.allocation-ring{width:128px;height:128px;border-radius:50%;background:conic-gradient(#6fd2f1 0 25%,#7092ff 25% 50%,#9e70ed 50% 75%,#ffa65f 75%);position:relative}.allocation-ring::after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.allocation-legend{display:grid;gap:10px}.allocation-legend div{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;color:#9b9e9c;font-size:11px}.allocation-legend i{width:10px;height:10px;border-radius:50%;background:#ddd}.allocation-legend div:nth-child(1) i{background:#6fd2f1}.allocation-legend div:nth-child(2) i{background:#7092ff}.allocation-legend div:nth-child(3) i{background:#9e70ed}.allocation-legend div:nth-child(4) i{background:#ffa65f}
.assets-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:22px 4px 18px;border-bottom:1px solid #f3f1ef}.assets-actions button{display:grid;place-items:center;gap:6px;border:0;background:#fff;color:#3d413f}.assets-actions span{font-size:25px;color:var(--orange);font-weight:400}.assets-actions b{font-size:11px;font-weight:600}.asset-search-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f3f1ef}.asset-search-row label{height:42px;display:flex;align-items:center;gap:8px;background:#f8f8f8;border-radius:8px;padding:0 12px;color:#a9adaa}.asset-search-row input{border:0;background:transparent;outline:0;min-width:0;width:100%;font-size:12px}.asset-search-row button{border:0;background:transparent;color:#555a57;font-size:10px;white-space:nowrap}.asset-search-row button i{display:inline-block;width:14px;height:14px;border:1px solid #c8cdca;border-radius:50%;vertical-align:-2px;margin-right:4px}.asset-search-row button.active i{border:4px solid var(--orange)}
.spot-assets-list{display:grid}.spot-asset-row{padding:14px 8px;border-bottom:1px solid #f0efed}.spot-asset-row>strong{display:block;color:#ef8612;font-size:13px}.spot-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.spot-asset-grid>div:nth-child(even){text-align:right}.spot-asset-grid span,.spot-asset-grid b{display:block}.spot-asset-grid span{color:#a4a8a6;font-size:10px}.spot-asset-grid b{margin-top:4px;color:#3c403e;font-size:13px;font-weight:500}.account-mode-empty{margin:28px 0;padding:30px 20px;border:1px solid #f0eeec;border-radius:15px;text-align:center}.account-mode-empty strong{display:block;font-size:17px}.account-mode-empty p{color:#8b8f8c;font-size:12px;line-height:1.6}
.crypto-asset-select{position:relative;height:54px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 16px;border-radius:10px;background:#f7f8f9;color:#353937}.crypto-asset-select>span{font:600 16px system-ui}.crypto-asset-select>b{color:#989c9a;font:500 12px system-ui}.crypto-asset-select select{position:absolute;inset:0;opacity:0;width:100%;height:100%}.crypto-chain-label{margin:15px 0 10px 16px;color:#9da19f;font-size:12px}.crypto-network-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.crypto-network-tabs button{min-height:54px;border:0;border-radius:9px;background:#f6f7f8;color:#353937;font:500 14px system-ui}.crypto-network-tabs button.active{background:linear-gradient(100deg,#ff8a00,#ff003d);color:#fff}.crypto-network-tabs button:disabled{opacity:.45}.crypto-route-state{margin:14px 0 0;padding:10px 12px;border-radius:8px;background:#fff8ef;color:#8c673f;font-size:10px;text-align:center}.crypto-qr-card{display:grid;justify-items:center;gap:18px;margin-top:28px}.crypto-qr-card img{width:min(290px,72vw);aspect-ratio:1/1;display:block;background:#fff}.crypto-address-block{margin-top:26px;text-align:center}.crypto-address-block>span{display:block;color:#3d413f;font-size:12px}.crypto-address-block>strong{display:block;margin:10px auto 14px;max-width:620px;padding:0 10px;color:#3c403e;font:500 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.crypto-claim{margin-top:26px;border-top:1px solid #f0efed;padding-top:18px}.crypto-claim summary{cursor:pointer;color:#787d7a;font-size:11px;text-align:center}.crypto-claim form{display:grid;gap:10px;margin-top:14px}.crypto-claim label span{display:block;margin-bottom:5px;color:#8d918f;font-size:10px}.crypto-claim input{width:100%;height:46px;border:1px solid #e5e3e1;border-radius:9px;padding:0 12px;font-size:12px;outline:0}.crypto-claim input:focus{border-color:#ffb673}.crypto-claim button{width:100%}.crypto-reminder{margin-top:28px;padding:20px 0 8px;border-top:1px solid #efeeec}.crypto-reminder>span{display:block;color:#aaa;font-size:11px}.crypto-reminder p{margin:6px 0 0;color:#444846;font-size:11px;line-height:1.75}.crypto-history-list{display:grid;gap:8px}.crypto-history-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px;border:1px solid #efedea;border-radius:11px}.crypto-history-row strong,.crypto-history-row span,.crypto-history-row small{display:block}.crypto-history-row strong{font-size:12px}.crypto-history-row span{margin-top:3px;color:#8c918e;font-size:9px}.crypto-history-row small{margin-top:3px;color:#a8aca9;font-size:8px}.crypto-history-row>div:last-child{text-align:right}.crypto-history-row b{font-size:10px;color:var(--orange)}.crypto-history-row.is-credited b{color:var(--green)}.crypto-history-row.is-rejected b{color:var(--red)}
@media(max-width:520px){.assets-allocation{grid-template-columns:132px 1fr}.allocation-ring{width:116px;height:116px}.assets-tabs button{font-size:11px}.crypto-network-tabs{gap:8px}.crypto-network-tabs button{font-size:13px}.crypto-deposit-scroll{padding-left:12px;padding-right:12px}}

/* MatTrade 4.7.0 — professional trading workflow */
.mode-tabs button{position:relative}
.mode-tabs button em{position:absolute;right:4px;top:4px;font-style:normal;font-size:6px;font-weight:900;color:var(--muted);background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;padding:1px 4px}
.mode-tabs button.active em{color:#9b4b00;background:#fff;border-color:#ffd0a4}
.top-of-book{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}
.top-of-book>div{min-width:0;border:1px solid var(--line);background:var(--surface-muted);border-radius:10px;padding:7px 8px}
.top-of-book span,.top-of-book strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-of-book span{font-size:7px;color:var(--muted);font-weight:800}
.top-of-book strong{font-size:9px;margin-top:2px;font-variant-numeric:tabular-nums}
.total-field .field-pad{width:34px;height:100%}
.professional-summary{grid-template-columns:1fr 1fr}
.professional-summary span{min-height:42px;display:flex;flex-direction:column;justify-content:center}
.mobile-quick-trade{display:none!important}
.choice-row{width:100%;min-height:66px;border:1px solid var(--line);background:#fff;border-radius:13px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;text-align:left;padding:11px 13px;margin-top:8px}
.choice-row strong,.choice-row small{display:block}.choice-row strong{font-size:12px}.choice-row small{color:var(--muted);font-size:9px;line-height:1.45;margin-top:3px}.choice-row>b{color:var(--muted)}
.choice-row.active{border-color:#ffc891;background:var(--surface-soft)}
.indicator-list{display:grid;gap:7px;margin-top:10px}
.indicator-list button{width:100%;min-height:62px;border:1px solid var(--line);background:#fff;border-radius:13px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;padding:10px 12px}
.indicator-list strong,.indicator-list small{display:block}.indicator-list strong{font-size:11px}.indicator-list small{font-size:8px;color:var(--muted);margin-top:3px}
.indicator-list i{width:34px;height:20px;border-radius:999px;background:#dfe3e1;position:relative;transition:.18s ease}
.indicator-list i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 4px rgba(0,0,0,.16);transition:.18s ease}
.indicator-list button.active{border-color:#ffc891;background:var(--surface-soft)}
.indicator-list button.active i{background:var(--orange)}.indicator-list button.active i:after{transform:translateX(14px)}
.confirm-order-card{display:grid;gap:0;margin-top:10px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface-muted)}
.confirm-order-card>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-size:10px}.confirm-order-card>div:last-child{border-bottom:0}
.confirm-order-card span{color:var(--muted)}.confirm-order-card strong{text-align:right;font-variant-numeric:tabular-nums}
.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.confirm-actions .sheet-primary,.confirm-actions .sheet-secondary{margin-top:0}
.pro-chart-tools #indicatorButton.active{background:var(--surface-soft);border-color:#ffc891;color:var(--orange)}

@media(max-width:900px){
  .terminal{padding-bottom:78px}
  .trade-panel.mobile-active{padding-bottom:18px}
  .top-of-book{position:sticky;top:0;z-index:2;background:#fff;padding-top:2px}
  .professional-summary{grid-template-columns:1fr 1fr}
  .bottom-tabs{overflow-x:auto;white-space:nowrap}.bottom-tabs button{flex:0 0 auto}
}
@media(max-width:420px){
  .top-of-book>div{padding-inline:6px}.top-of-book strong{font-size:8px}
  .professional-summary{grid-template-columns:1fr 1fr}
}
.mode-tabs button.funded-unavailable{opacity:.58}
.mode-tabs button.funded-unavailable em{display:block}


/* MatTrade 4.7.1 — contextual trading + account polish */
body.sheet-open .mobile-nav{filter:saturate(.96)}
body.sheet-open{overflow:hidden}
.account-sheet .sheet-primary,.account-sheet .sheet-secondary{min-height:48px}
@media(max-width:900px){
  .account-sheet{max-height:84vh;padding-left:18px;padding-right:18px}
  .account-profile{grid-template-columns:46px minmax(0,1fr) auto}.account-avatar{width:46px;height:46px;border-radius:14px}
  .account-action-card{min-height:66px}
}

/* MatTrade 4.7.3 — referral network + scheduled withdrawals */
.referral-sheet,.withdrawal-sheet{width:min(560px,100%);max-height:min(88vh,780px);overflow:auto}
.referral-hero{margin:6px 0 12px;padding:18px;border:1px solid #f0e4da;border-radius:18px;background:linear-gradient(135deg,#fff8f1,#fff)}
.referral-hero>small{display:block;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.12em}.referral-hero>strong{display:block;margin-top:5px;font:900 25px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:var(--ink)}
.referral-copy-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:12px}.referral-copy-row input{min-width:0;height:42px;border:1px solid var(--line);border-radius:11px;padding:0 11px;background:#fff;color:#666;font-size:8px}.referral-copy-row button{border:0;border-radius:11px;padding:0 15px;background:var(--orange);color:#fff;font-weight:900}
.referral-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.referral-counts article{padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff}.referral-counts small,.referral-counts strong{display:block}.referral-counts small{font-size:7px;letter-spacing:.08em;color:var(--muted);font-weight:900}.referral-counts strong{margin-top:4px;font:900 18px system-ui;color:var(--ink)}
.referral-milestones{display:grid;gap:7px;margin-top:10px}.referral-milestones article{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:#fff}.referral-milestones article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f4f4f3;color:#7b7d7b;font-size:10px;font-weight:900}.referral-milestones article.done>span{background:#e9f8ef;color:#23864e}.referral-milestones strong,.referral-milestones small{display:block}.referral-milestones strong{font-size:9px}.referral-milestones small{margin-top:2px;color:var(--muted);font-size:7px;line-height:1.35}
.referral-members-head{display:flex;align-items:center;justify-content:space-between;margin:15px 2px 7px}.referral-members-head strong{font-size:9px}.referral-members-head button{border:0;background:transparent;color:var(--orange);font-size:8px;font-weight:900}.referral-members{display:grid;gap:6px}.referral-member{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}.ref-level{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff1e4;color:var(--orange);font-size:8px;font-weight:900}.referral-member strong,.referral-member small{display:block}.referral-member strong{font-size:9px}.referral-member small{margin-top:2px;color:var(--muted);font-size:7px}
.withdrawal-balance{padding:16px;border:1px solid #f0e4da;border-radius:16px;background:linear-gradient(135deg,#fff8f1,#fff);margin:7px 0 12px}.withdrawal-balance small,.withdrawal-balance strong{display:block}.withdrawal-balance small{font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:900}.withdrawal-balance strong{margin-top:4px;font:900 22px system-ui}.withdrawal-form{display:grid;gap:10px}.withdrawal-form label>span{display:block;margin:0 0 5px 2px;color:var(--muted);font-size:8px;font-weight:800}
.deposit-history-row.is-scheduled b{color:var(--orange)}.deposit-history-row.is-paid b{color:var(--green)}.deposit-history-row.is-rejected b{color:var(--red)}
@media(max-width:520px){.referral-sheet,.withdrawal-sheet{max-height:91vh}.referral-counts{grid-template-columns:repeat(2,1fr)}.referral-copy-row{grid-template-columns:1fr}.referral-copy-row button{height:38px}}

/* 4.15.7 referral earnings */
.referral-earnings-card{margin-top:10px;padding:14px;border:1px solid #f0dfd0;border-radius:16px;background:linear-gradient(145deg,#fff8f1,#fff)}.referral-earnings-total small,.referral-earnings-total strong,.referral-earnings-total span{display:block}.referral-earnings-total small{font-size:7px;font-weight:900;letter-spacing:.09em;color:var(--muted)}.referral-earnings-total strong{margin-top:4px;font-size:24px;color:var(--ink)}.referral-earnings-total span{margin-top:3px;font-size:7px;color:var(--muted)}
.referral-rate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.referral-rate-grid article{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.referral-rate-grid b,.referral-rate-grid strong,.referral-rate-grid small{display:block}.referral-rate-grid b{font-size:8px;color:var(--orange)}.referral-rate-grid strong{margin-top:4px;font-size:15px}.referral-rate-grid small{margin-top:3px;font-size:7px;line-height:1.3;color:var(--muted)}
.referral-earnings-feed{display:grid;gap:6px}.referral-earning-row{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}.referral-earning-row strong,.referral-earning-row small{display:block}.referral-earning-row strong{font-size:9px}.referral-earning-row small{margin-top:2px;font-size:7px;line-height:1.35;color:var(--muted)}.referral-earning-row time{font-size:7px;color:var(--muted)}@media(max-width:520px){.referral-rate-grid{grid-template-columns:1fr}.referral-earning-row{grid-template-columns:38px 1fr}.referral-earning-row time{grid-column:2}}