:root {
  --p-lime: #b9ff36;
  --p-green: #42ff78;
  --p-deep: #06130f;
  --p-panel: rgba(3, 27, 20, .88);
  --p-line: rgba(71, 255, 136, .32);
  --p-muted: #9bb0a7;
  --p-yellow: #eaff3d;
}

.premium-trade-ui body {
  background: #020906;
  color: #f2f8f4;
  font-size: 14px;
  background-image:
    radial-gradient(circle at 12% 8%, rgba(78,255,117,.12), transparent 30%),
    radial-gradient(circle at 88% 62%, rgba(117,255,51,.08), transparent 26%),
    linear-gradient(135deg, #020806 0%, #03120d 52%, #020806 100%);
}

.premium-trade-ui .bg-canvas {
  background:
    radial-gradient(ellipse at top, rgba(67,255,121,.08), transparent 52%),
    radial-gradient(circle at 2% 50%, rgba(185,255,54,.07), transparent 20%);
}

.premium-trade-ui .grid-lines {
  background-image: linear-gradient(rgba(68,255,118,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(68,255,118,.025) 1px, transparent 1px);
  background-size: 42px 42px;
}

.premium-trade-ui .ticker-bar { display: none; }

.premium-trade-ui .navbar {
  width: calc(100% - 36px);
  max-width: 1700px;
  height: 70px;
  margin: 14px auto 10px;
  padding: 0 18px;
  border: 1px solid rgba(101,255,145,.5);
  border-radius: 20px 20px 8px 8px;
  background: rgba(2,19,14,.9);
  box-shadow: 0 0 32px rgba(48,255,111,.08), inset 0 1px rgba(255,255,255,.04);
}

.premium-trade-ui .logo { gap: 8px; color: var(--p-green); background: none; -webkit-text-fill-color: currentColor; }
.premium-trade-ui .logo-icon { width: 52px; height: 52px; background: transparent; border-radius: 0; box-shadow: none; }
.premium-trade-ui .logo-icon img { filter: drop-shadow(0 0 8px rgba(121,255,53,.35)); }
.premium-trade-ui .logo-text { font-family: 'Space Grotesk', sans-serif; font-size: 1.75rem; font-weight: 800; letter-spacing: -.04em; }

.premium-trade-ui .nav-tabs { border: 0; background: transparent; gap: 10px; padding: 0; }
.premium-trade-ui .nav-tab { color: #eef6f1; padding: 10px 18px; border: 1px solid transparent; border-radius: 6px; font-size: .88rem; }
.premium-trade-ui .nav-tab.active { color: #fff; border-color: #5aff84; background: linear-gradient(180deg, rgba(63,255,115,.22), rgba(31,116,62,.16)); box-shadow: 0 0 15px rgba(80,255,123,.25), inset 0 0 12px rgba(101,255,142,.12); }
.premium-trade-ui .nav-tab:hover:not(.active) { background: rgba(70,255,128,.07); color: var(--p-green); }

.premium-trade-ui .network-chip,
.premium-trade-ui .wallet-btn {
  height: 39px;
  display: flex; align-items: center; gap: 8px;
  color: #eef7f1; border: 1px solid rgba(70,255,130,.25); border-radius: 9px;
  background: rgba(4,31,23,.8); padding: 0 13px; font-size: .78rem; font-weight: 700;
}
.premium-trade-ui .network-chip img { width: 20px; height: 20px; }
.premium-trade-ui .network-chip span { color: #789289; font-size: 1rem; }
.premium-trade-ui .wallet-btn { min-width: 138px; justify-content: center; border-color: rgba(184,255,54,.7); color: var(--p-lime); box-shadow: inset 0 0 12px rgba(185,255,54,.08); }
.premium-trade-ui .wallet-dot { background: var(--p-lime); box-shadow: 0 0 8px var(--p-lime); }
.premium-trade-ui .hamburger { border: 1px solid var(--p-line); border-radius: 7px; width: 38px; height: 38px; padding: 9px; }
.premium-trade-ui .hamburger span { background: #dff3e5; }

.premium-trade-ui .page { padding: 0; }
.premium-trade-ui .trade-dashboard {
  position: relative; z-index: 2;
  width: calc(100% - 36px); max-width: 1700px; margin: 0 auto 24px;
  display: grid; grid-template-columns: minmax(450px, 1.48fr) minmax(330px, 1.05fr) minmax(340px, .92fr);
  gap: 9px;
  grid-template-rows: 466px auto;
}

.p-panel,
.premium-trade-ui .chart-area,
.premium-trade-ui .table-card {
  background: linear-gradient(145deg, rgba(4,34,25,.95), rgba(2,20,15,.92));
  border: 1px solid rgba(69,255,127,.38);
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(255,255,255,.025), 0 10px 28px rgba(0,0,0,.18);
}

.market-column { grid-column: 1; grid-row: 1; min-width: 0; display: grid; grid-template-rows: auto 1fr; }
.market-heading { height: 74px; display: flex; align-items: center; justify-content: space-between; padding: 9px 13px; border: 1px solid rgba(69,255,127,.26); border-bottom: 0; background: rgba(2,24,17,.82); border-radius: 10px 10px 0 0; }
.market-heading > div { display: flex; align-items: center; gap: 11px; }
.market-heading img { width: 45px; height: 45px; object-fit: contain; }
.market-heading strong { display: block; font-family: 'Space Grotesk', sans-serif; font-size: 1.3rem; letter-spacing: .02em; }
.market-heading small { display: flex; gap: 12px; color: #e9f4ed; margin-top: 5px; font-size: .8rem; }
.market-heading small b { color: var(--p-green); }
.market-heading button, .p-more { width: 31px; height: 31px; border: 1px solid rgba(80,255,131,.28); border-radius: 7px; background: rgba(10,46,34,.5); color: #cfe7d7; cursor: pointer; }

.premium-trade-ui .premium-chart { height: 392px; min-height: 0; border-radius: 0 0 10px 10px; overflow: hidden; }
.premium-trade-ui .chart-header { min-height: 54px; padding: 10px 14px 0; }
.premium-trade-ui .price-display { font-size: 1.12rem; color: #ecf7ef; }
.premium-trade-ui .timeframe-tabs { background: transparent; border: 0; padding: 0; gap: 6px; }
.premium-trade-ui .tf-tab { min-width: 38px; height: 26px; border: 1px solid rgba(70,255,127,.26); border-radius: 5px; color: #bdd0c3; background: rgba(5,37,27,.65); }
.premium-trade-ui .tf-tab.active { color: #071108; background: var(--p-green); border-color: var(--p-green); box-shadow: 0 0 12px rgba(67,255,119,.5); }
.premium-trade-ui .chart-svg-wrap { padding: 8px 12px 0; }
.premium-trade-ui .chart-svg-wrap { position: relative; }
.premium-trade-ui [data-chart-line],
.premium-trade-ui [data-chart-area] { opacity: 1; }
@keyframes chartDraw { to { stroke-dashoffset: 0; } }

.metrics-column { grid-column: 2; grid-row: 1; display: grid; grid-template-rows: auto 1fr auto; gap: 8px; min-width: 0; }
.metric-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.metric-strip article { height: 72px; padding: 13px 10px; display: flex; gap: 8px; align-items: center; border: 1px solid rgba(69,255,127,.34); border-radius: 9px; background: rgba(4,34,25,.9); }
.metric-strip article .p-icon { color: var(--p-green); width: 23px; height: 23px; }
.metric-strip span { color: var(--p-muted); font-size: .68rem; }
.metric-strip strong { display: block; margin-top: 2px; color: #fff; font-size: 1.07rem; }

.p-panel-head { min-height: 40px; padding: 8px 12px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(72,255,130,.15); }
.p-panel-head h2 { display: flex; gap: 8px; align-items: center; font-size: .93rem; font-family: 'Space Grotesk', sans-serif; }
.p-panel-head h2 .p-icon { width: 17px; height: 17px; color: var(--p-lime); }
.p-panel-head em { color: var(--p-green); font-size: .65rem; font-style: normal; font-family: Inter, sans-serif; }
.p-more { border: 0; background: transparent; }

.portfolio-panel { height: 254px; }
.portfolio-total { padding: 6px 14px 10px; }
.portfolio-total span { display: block; color: var(--p-muted); font-size: .75rem; }
.portfolio-total strong { font: 700 1.85rem 'Space Grotesk',sans-serif; }
.asset-row { margin: 0 11px 6px; min-height: 45px; display: grid; grid-template-columns: 1.3fr .9fr .8fr; align-items: center; padding: 6px 10px; border: 1px solid rgba(79,255,135,.18); border-radius: 7px; background: rgba(1,15,11,.42); font-size: .75rem; }
.asset-row > span { display: flex; align-items: center; gap: 8px; color: #caffd6; font-weight: 700; }
.asset-row img { width: 25px; height: 25px; object-fit: contain; }
.asset-row b, .asset-row small { text-align: right; }
.asset-row small { color: #c2d1c7; }
.referral-link-panel { height: 124px; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(130px,.8fr); grid-template-rows: 35px 1fr; }
.referral-link-panel .p-panel-head { min-height: 34px; padding-block: 5px; }
.referral-link-panel .p-panel-head { grid-column: 1 / -1; }
.ref-link-line { display: grid; grid-template-columns: minmax(0,1fr) 34px; align-self: center; gap: 7px; padding: 7px 5px 9px 10px; }
.ref-link-line code { border: 1px solid rgba(76,255,133,.24); background: rgba(0,12,8,.5); padding: 8px; border-radius: 6px; overflow: hidden; white-space: nowrap; font-size: .69rem; color: #eaf5ed; }
.p-copy { border: 1px solid var(--p-line); border-radius: 6px; color: #dcebe1; background: #09281d; cursor: pointer; }
.p-copy .p-icon { width: 16px; }
.p-copy.copied { color: #071208; background: var(--p-lime); }
.ref-mini { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 6px; padding: 7px 10px 9px 5px; }
.ref-mini span { color: var(--p-muted); font-size: .62rem; min-width: 0; }
.ref-mini strong { display: block; margin-top: 4px; color: #fff; font-size: 1rem; }

.trade-column { grid-column: 3; grid-row: 1; min-width: 0; height: 466px; overflow: hidden; contain: layout paint; }
.premium-trade-ui .trade-slot,
.premium-trade-ui .trade-column .swap-panel { height: 100%; max-width: none; }
.premium-trade-ui .premium-trade-card { height: 100%; padding: 0; overflow: hidden; border-radius: 10px; }
.premium-trade-ui .premium-trade-card .swap-body-locked { display: flex; flex-direction: column; height: calc(100% - 38px); }
.premium-trade-ui .swap-header { height: 38px; padding: 5px 12px; border-bottom: 1px solid rgba(72,255,130,.15); }
.premium-trade-ui .swap-title { font: 700 1rem 'Space Grotesk',sans-serif; }
.premium-trade-ui .swap-body-locked { padding-bottom: 8px; }
.trade-mode { margin: 0 10px 6px; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(76,255,133,.28); border-radius: 7px; overflow: hidden; }
.trade-mode button { height: 31px; border: 0; background: transparent; color: #eef7f0; font-weight: 800; cursor: pointer; }
.trade-mode button.active { color: #071108; background: linear-gradient(180deg, #55ff7d, #39dc66); box-shadow: 0 0 14px rgba(70,255,121,.3); }
.premium-trade-ui .pay-asset-tabs { margin: 0 10px 5px; padding: 2px; background: rgba(0,12,8,.46); border: 1px solid rgba(70,255,126,.18); }
.premium-trade-ui .pay-asset-tab { min-height: 26px; }
.premium-trade-ui .pay-asset-tab.active { color: #081309; background: var(--p-lime); }
.premium-trade-ui .token-input-wrap { margin-inline: 10px; background: rgba(0,13,9,.5); border: 1px solid rgba(71,255,130,.24); border-radius: 8px; }
.premium-trade-ui .token-input-wrap { position: relative; padding: 7px 10px; margin-bottom: 4px; }
.premium-trade-ui .asset-menu {
  display: none !important; position: absolute; z-index: 30; right: 8px; top: calc(100% - 5px);
  width: 150px; margin: 0; padding: 4px; background: #061c14; border-color: rgba(84,255,139,.5);
  box-shadow: 0 14px 28px rgba(0,0,0,.45), 0 0 16px rgba(67,255,118,.12);
}
.premium-trade-ui .asset-menu.open { display: grid !important; }
.premium-trade-ui .input-top { color: #b8c8bd; }
.premium-trade-ui .input-top { margin-bottom: 3px; font-size: .66rem; }
.premium-trade-ui .token-amount { font-size: 1.25rem; color: white; }
.premium-trade-ui .token-select { padding: 5px 8px; }
.premium-trade-ui .token-select { border: 0; background: rgba(7,41,29,.75); }
.premium-trade-ui .token-logo { background: transparent; }
.premium-trade-ui .token-logo img { width: 26px; height: 26px; object-fit: contain; }
.premium-trade-ui .swap-arrow { background: #082b1e; border-color: #4dff86; color: #eaffef; }
.premium-trade-ui .swap-arrow { width: 31px; height: 31px; border-radius: 8px; }
.premium-trade-ui .slip-btn { border-color: rgba(80,255,133,.25); color: #d3e2d8; background: #08231a; }
.premium-trade-ui .slip-btn.active { color: #071108; background: var(--p-green); border-color: var(--p-green); }
.premium-trade-ui .swap-details { border: 0; margin: 3px 10px !important; background: transparent; padding: 0; }
.premium-trade-ui .premium-trade-card .slippage-row,
.premium-trade-ui .premium-trade-card .slippage-row + *,
.premium-trade-ui .premium-trade-card .swap-details,
.premium-trade-ui .premium-trade-card [hidden] { display: none !important; }
.premium-trade-ui .detail-row { padding: 2px 0; font-size: .67rem; }
.premium-trade-ui .swap-btn, .p-primary { margin: 7px 10px 2px; width: calc(100% - 20px); min-height: 41px; color: #061008; border: 1px solid #d4ff4d; border-radius: 7px; font-weight: 900; background: linear-gradient(180deg, #d3ff47, #82ec3e); box-shadow: 0 0 14px rgba(172,255,55,.26), inset 0 1px white; cursor: pointer; }
.premium-trade-ui .premium-trade-card .swap-btn { margin-top: auto; }
.premium-trade-ui .swap-btn:disabled { opacity: .75; color: #16310f; background: linear-gradient(180deg,#bfff3d,#75d83a); }
.premium-trade-ui .compact-gate { margin: 4px 10px; padding: 0; background: transparent; border: 0; box-shadow: none; }
.premium-trade-ui .premium-trade-card .swap-body-locked::after,
.premium-trade-ui .premium-trade-card .lock-overlay-msg { display: none !important; }
.premium-trade-ui .compact-gate .ref-gate-top { display: none; }
.premium-trade-ui .compact-gate .ref-input-row { gap: 6px; }
.premium-trade-ui .compact-gate .ref-code-input { height: 30px; font-size: .65rem; border-color: rgba(85,255,137,.26); background: rgba(1,13,9,.52); }
.premium-trade-ui .compact-gate .apply-ref-btn { height: 30px; padding-inline: 13px; color: #d8ffdf; border-color: #63ff91; background: #092e20; }
.premium-trade-ui .compact-gate .ref-feedback { font-size: .62rem; margin-top: 4px; }
.premium-trade-ui .lock-overlay-msg { background: rgba(1,9,6,.82); backdrop-filter: blur(3px); }

.lower-grid { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: minmax(230px,.9fr) minmax(0,1.7fr) minmax(240px,1.1fr); grid-template-rows: minmax(230px,auto); gap: 8px; }
.lower-grid > div > .p-panel, .lower-grid > div > .card { height: 100%; overflow: hidden; }
.reward-panel { display: flex; flex-direction: column; }
.reward-panel .p-more { display: none; }
.reward-figures { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 5px 11px; }
.reward-figures span { display: grid; grid-template-columns: minmax(76px,.8fr) minmax(0,1.2fr); align-items: center; gap: 6px; min-height: 27px; padding: 4px 0; border-bottom: 1px solid rgba(66,255,124,.12); color: var(--p-muted); font-size: .64rem; }
.reward-figures span:last-child { border-bottom: 0; }
.reward-figures strong { display: block; min-width: 0; color: #fff; font-size: .72rem; line-height: 1.2; text-align: right; overflow-wrap: anywhere; }
.reward-panel .p-claim { flex: 0 0 auto; margin-top: auto; margin-bottom: 9px; }
.p-claim { margin-top: 2px; }
.level-grid { display: grid; grid-template-columns: repeat(5,1fr); padding: 8px; }
.level-grid span { min-height: 41px; padding: 5px; border-right: 1px solid rgba(66,255,124,.12); border-bottom: 1px solid rgba(66,255,124,.12); }
.level-grid small { display: block; color: var(--p-muted); }
.level-grid b { font-size: .75rem; }
.tax-layout { display: grid; grid-template-columns: 90px 1fr; align-items: center; padding: 7px 10px; }
.tax-ring { width: 74px; height: 74px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--p-lime) 0 60%, #39dcb8 60% 100%); position: relative; }
.tax-ring::before { content:''; position: absolute; inset: 13px; border-radius: 50%; background: #062018; }
.tax-ring span { z-index: 1; font-size: 1.45rem; font-weight: 800; }
.tax-lines span { display: block; margin: 9px 0; color: #d7e4da; font-size: .7rem; }
.tax-lines i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #39dcb8; margin-right: 7px; }
.tax-lines i.lime { background: var(--p-lime); }
.tax-lines b { color: var(--p-green); font-size: 1rem; }
.tax-note { border-top: 1px solid rgba(67,255,122,.12); padding: 6px; color: var(--p-muted); text-align: center; font-size: .62rem; }
.tax-note i { display: inline-block; width: 3px; height: 3px; background: #6c8376; border-radius: 50%; margin: 0 8px; }
.panel-sub { color: var(--p-muted); font-size: .66rem; padding: 7px 12px 0; }
.milestone-criteria-link { border:1px solid var(--p-line); border-radius:6px; background:rgba(65,255,117,.07); color:var(--p-lime); padding:5px 8px; font-size:.62rem; font-weight:700; white-space:nowrap; cursor:pointer; }
.milestone-track { display: grid; grid-template-columns: repeat(7,1fr); align-items: start; padding: 9px 5px 7px; }
.milestone { position: relative; text-align: center; min-width: 0; }
.milestone > span { display: block; height: 24px; font-size: 1.18rem; color: #cbd8cf; }
.milestone > span svg { display: block; width: 23px; height: 23px; margin: 0 auto; }
.milestone > i { display: block; height: 2px; background: #385c49; position: relative; margin: 6px 0 7px; }
.milestone > i::before { content:''; position:absolute; width: 8px; height: 8px; left: calc(50% - 4px); top: -3px; border-radius: 50%; background: #062017; border: 2px solid #6f9a7e; }
.milestone.reached > i { background: var(--p-lime); box-shadow: 0 0 6px var(--p-lime); }
.milestone.reached > i::before { background: var(--p-lime); border-color: #dbff75; }
.milestone.reached > span { color: var(--p-green); filter: drop-shadow(0 0 5px rgba(67,255,119,.55)); }
.milestone.current > i::before { border-color: var(--p-lime); animation: milestonePulse 1.8s ease-in-out infinite; }
.milestone.current > span { color: var(--p-lime); }
@keyframes milestonePulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(185,255,54,.45); transform: scale(1); }
  50% { box-shadow: 0 0 0 7px rgba(185,255,54,0); transform: scale(1.18); }
}
.milestone b { display: block; font-size: .62rem; color: #fff; }
.milestone small { display: block; margin: 2px auto 0; max-width: 68px; color: #d2ddd5; font-size: .56rem; line-height: 1.1; }
.rewards-milestones .milestone-track { min-width: 0; }
.rewards-milestones .milestone > span { display: grid; place-items: center; height: 30px; }
.rewards-milestones .milestone > span svg { width: 26px; height: 26px; transition: color .25s ease, transform .25s ease; }
.rewards-milestones .milestone > i { height: 4px; margin: 8px 0 10px; border-radius: 999px; background: #294534; }
.rewards-milestones .milestone > i::after { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--progress, 0%); border-radius: inherit; background: linear-gradient(90deg, #50ff77, #dfff3d); transition: width .5s ease; }
.rewards-milestones .milestone > i::before { z-index: 1; top: -2px; width: 8px; height: 8px; }
.rewards-milestones .milestone.current > span svg { transform: translateY(-3px) scale(1.12); }
.rewards-milestones .milestone.reached > span svg { animation: milestoneIconFloat 3s ease-in-out infinite; }
.rewards-milestones .milestone.current > span svg { animation: milestoneIconFloat 2s ease-in-out infinite; }
@keyframes milestoneIconFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.1); }
}
.rewards-milestones .milestone small { max-width: 100px; min-height: 2.3em; overflow-wrap: anywhere; line-height: 1.2; }
@media (prefers-reduced-motion: reduce) {
  .rewards-milestones .milestone > span svg,
  .rewards-milestones .milestone > i::after { transition: none; animation: none; }
}

.staking-panel { grid-column: span 1; display: flex; flex-direction: column; }
.staking-panel-status { color: var(--p-green); font-size: .62rem; }
.stake-stats { display: grid; gap: 0; padding: 5px 11px; }
.stake-stats > div { display: grid; grid-template-columns: minmax(75px,.7fr) minmax(0,1.3fr); align-items: center; gap: 8px; min-height: 36px; border-bottom: 1px solid rgba(64,255,122,.14); }
.stake-stats > div:last-child { border-bottom: 0; }
.stake-stats span { color: var(--p-muted); font-size: .66rem; }
.stake-stats strong { min-width: 0; color: #fff; font-size: .72rem; line-height: 1.3; text-align: right; overflow-wrap: anywhere; }
.stake-stats .accent { color: var(--p-lime); }
.stake-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: auto; padding: 6px 11px 11px; }
.stake-actions button { min-width: 0; height: 34px; border: 1px solid #51ff83; border-radius: 6px; background: #08281c; color: #edfff1; font-size: .67rem; cursor: pointer; }
.trades-slot { grid-column: auto; min-width: 0; }
.premium-trade-ui .premium-trades { height: 100%; margin: 0 !important; }
.premium-trade-ui .premium-trades .card-header { min-height: 40px; padding: 8px 12px; }
.premium-trade-ui .premium-trades .table-wrap { max-height: calc(100% - 40px); overflow: auto; }
.premium-trade-ui .premium-trades table { width: 100%; min-width: 0; table-layout: fixed; }
.premium-trade-ui .premium-trades th:nth-child(1) { width: 19%; }
.premium-trade-ui .premium-trades th:nth-child(2) { width: 27%; }
.premium-trade-ui .premium-trades th:nth-child(3) { width: 30%; }
.premium-trade-ui .premium-trades th:nth-child(4) { width: 24%; }
.premium-trade-ui .premium-trades th, .premium-trade-ui .premium-trades td { padding: 6px 8px; font-size: .66rem; line-height: 1.25; text-align: left; overflow-wrap: anywhere; }
.premium-trade-ui .premium-trades td:nth-child(2), .premium-trade-ui .premium-trades td:nth-child(3) { font-variant-numeric: tabular-nums; }
.premium-trade-ui .premium-trades tbody tr:nth-child(3) td { border-top: 1px solid rgba(72,255,130,.3); }
.claim-history-panel { grid-column: span 1; }
.history-head, .history-line { display: grid; grid-template-columns: 1.15fr 1.2fr .75fr 1fr; gap: 6px; padding: 6px 10px; font-size: .61rem; }
.history-head { color: var(--p-muted); border-bottom: 1px solid rgba(70,255,128,.15); }
.history-line { border-bottom: 1px solid rgba(70,255,128,.08); }
.history-line .ok { color: var(--p-green); }

.p-icon { width: 20px; height: 20px; vertical-align: middle; }
.bio-particles { position: fixed; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; }
.bio-particles i { position: absolute; left: var(--x); bottom: -15px; width: var(--s); height: var(--s); border-radius: 50%; background: var(--p-lime); box-shadow: 0 0 8px var(--p-lime); opacity: 0; animation: bioFloat var(--d) linear var(--delay) infinite; }
@keyframes bioFloat { 0% { transform: translateY(0) scale(.5); opacity: 0; } 12% { opacity: .6; } 90% { opacity: .15; } 100% { transform: translateY(-105vh) scale(1.4); opacity: 0; } }

@media (max-width: 1180px) {
  .premium-trade-ui .trade-dashboard { grid-template-columns: minmax(390px,1.25fr) minmax(290px,.9fr) minmax(330px,1fr); }
  .premium-trade-ui .nav-tab { padding-inline: 11px; }
  .metric-strip article { padding-inline: 7px; }
  .metric-strip article .p-icon { display: none; }
}

/* The three desktop columns need more room than a 100%-zoom laptop viewport. */
@media (min-width: 901px) and (max-width: 1200px) {
  .premium-trade-ui .navbar .network-chip { display: none; }
  .premium-trade-ui .navbar .logo-text { font-size: 1.35rem; }
  .premium-trade-ui .navbar .nav-tabs { gap: 2px; }
  .premium-trade-ui .navbar .nav-tab { padding-inline: 8px; font-size: .76rem; }
  .premium-trade-ui .navbar .wallet-btn { min-width: 112px; }
  .premium-trade-ui .trade-dashboard {
    display: flex;
    flex-direction: column;
    width: calc(100% - 36px);
    gap: 9px;
  }
  .market-column { order: 0; }
  .trade-column { order: 1; height: auto; overflow: visible; contain: none; }
  .metrics-column { display: contents; }
  .metric-strip, .portfolio-slot, .referral-slot { order: 2; }
  .lower-grid { display: contents; }
  .rewards-slot { order: 3; }
  .levels-slot { order: 4; }
  .tax-slot { order: 5; }
  .milestones-slot { order: 6; }
  .staking-slot { order: 7; }
  .trades-slot { order: 8; }
  .claim-history-slot { order: 9; }
  .premium-trade-ui .premium-trade-card,
  .premium-trade-ui .premium-trade-card .swap-body-locked,
  .premium-trade-ui .portfolio-panel,
  .premium-trade-ui .referral-link-panel,
  .premium-trade-ui .lower-grid > div > .p-panel,
  .premium-trade-ui .lower-grid > div > .card { height: auto; }
  .premium-trade-ui .premium-chart { display: block; min-height: 335px; }
}

@media (max-width: 900px) {
  .premium-trade-ui .navbar { width: calc(100% - 20px); margin-top: 8px; height: 62px; padding-inline: 10px; border-radius: 15px 15px 7px 7px; }
  .premium-trade-ui .logo-icon { width: 42px; height: 42px; }
  .premium-trade-ui .logo-text { font-size: 1.35rem; }
  .premium-trade-ui .network-chip { padding: 0 8px; font-size: 0; }
  .premium-trade-ui .network-chip img { width: 23px; height: 23px; }
  .premium-trade-ui .network-chip span { display: none; }
  .premium-trade-ui .wallet-btn { min-width: 39px; width: 39px; padding: 0; }
  .premium-trade-ui .wallet-btn .addr { display: none; }
  .premium-trade-ui .trade-dashboard { width: calc(100% - 20px); display: flex; flex-direction: column; gap: 9px; }
  .trade-column { order: 1; height: auto; overflow: visible; contain: none; }
  .market-column { order: 0; }
  .metrics-column { order: 2; }
  .lower-grid { order: 3; display: contents; }
  .rewards-slot { order: 3; }
  .levels-slot { order: 4; }
  .tax-slot { order: 5; }
  .milestones-slot { order: 6; }
  .staking-slot { order: 7; }
  .trades-slot { order: 8; }
  .claim-history-slot { order: 9; }
  .premium-trade-ui .premium-chart { display: block; min-height: 335px; }
  .metrics-column { display: contents; }
  .metric-strip { order: 2; }
  .portfolio-slot { order: 2; }
  .referral-slot { order: 2; }
  .premium-trade-ui .premium-trade-card { height: auto; min-height: 0; }
  .premium-trade-ui .premium-trade-card .swap-body-locked { height: auto; }
  .premium-trade-ui .portfolio-panel { height: auto; min-height: 0; }
  .premium-trade-ui .referral-link-panel { height: auto; min-height: 108px; }
  .premium-trade-ui .lower-grid > div > .p-panel,
  .premium-trade-ui .lower-grid > div > .card { height: auto; }
  .ref-mini { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 10px 9px; }
  .ref-mini span { color: var(--p-muted); font-size: .65rem; }
  .ref-mini strong { display: block; color: #fff; font-size: 1rem; }
  .trades-slot, .staking-panel, .claim-history-panel { grid-column: auto; }
}

@media (max-width: 600px) {
  .premium-trade-ui body { padding-top: 78px; padding-bottom: 68px; }
  .premium-trade-ui .navbar {
    display: flex !important;
    position: fixed !important;
    z-index: 140;
    top: 7px; left: 8px; right: 8px;
    width: auto; margin: 0;
  }
  .premium-trade-ui .navbar .logo,
  .premium-trade-ui .navbar > div:last-child,
  .premium-trade-ui .navbar .hamburger { display: flex !important; }
  .premium-trade-ui .navbar .wallet-btn { display: none !important; }
  .premium-trade-ui .navbar .nav-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    position: fixed;
    z-index: 120;
    left: 0; right: 0; bottom: 0;
    height: 60px;
    padding: 6px 5px max(6px, env(safe-area-inset-bottom));
    gap: 2px;
    border-top: 1px solid rgba(73,255,129,.28);
    background: rgba(2,17,12,.96);
    backdrop-filter: blur(18px);
  }
  .premium-trade-ui .navbar .nav-tab {
    display: flex; align-items: center; justify-content: center;
    padding: 4px 2px; border-radius: 6px; font-size: .62rem;
  }
  .premium-trade-ui .logo-text { font-size: 1.12rem; }
  .premium-trade-ui .network-chip { display: flex; }
  .premium-trade-ui .trade-dashboard { width: calc(100% - 16px); }
  .market-column { order: 0; }
  .trade-column { order: 1; }
  .metrics-column { order: 2; }
  .market-heading { height: 72px; }
  .market-heading strong { font-size: 1rem; }
  .market-heading small { display: block; font-size: .66rem; }
  .market-heading small b { margin-left: 8px; }
  .premium-trade-ui .premium-chart { display: none; }
  .premium-trade-ui .metric-strip,
  .premium-trade-ui .referral-slot { display: none; }
  .market-column { display: block; }
  .metric-strip { grid-template-columns: repeat(2,1fr); }
  .metric-strip article:last-child { grid-column: 1/-1; }
  .portfolio-panel { min-height: 235px; }
  .level-grid { grid-template-columns: repeat(5,1fr); }
  .milestone-track { overflow-x: auto; grid-template-columns: repeat(7,78px); padding-bottom: 12px; }
  .reward-figures strong { font-size: .72rem; }
  .premium-trade-ui .mobile-nav-drawer { background: #03170f; border-color: var(--p-line); }
  .premium-trade-ui .mobile-tab.active { background: rgba(74,255,127,.14); color: var(--p-green); border-color: var(--p-line); }
}

/* Phone composition mirrors the dedicated mobile reference rather than the desktop grid. */
@media (max-width: 600px) {
  html, .premium-trade-ui body { width: 100%; max-width: 100%; overflow-x: hidden; }
  .premium-trade-ui body { padding-top: 76px; padding-bottom: 66px; }

  .premium-trade-ui .navbar {
    min-height: 58px; height: 58px; padding: 6px 9px;
    gap: 7px; border-radius: 15px; background: rgba(2,21,14,.97);
  }
  .premium-trade-ui .logo { flex: 1 1 auto; min-width: 0; gap: 6px; }
  .premium-trade-ui .logo-icon { width: 42px; height: 42px; flex: 0 0 42px; }
  .premium-trade-ui .logo-text { font-size: 1.18rem; line-height: 1; }
  .premium-trade-ui .navbar > div:last-child { gap: 6px !important; flex: 0 0 auto; margin: 0; }
  .premium-trade-ui .network-chip { height: 36px; min-width: 62px; padding: 0 8px; font-size: 0; justify-content: center; }
  .premium-trade-ui .network-chip::after { content: 'BNB'; color: #eef7f1; font-size: .66rem; font-weight: 800; }
  .premium-trade-ui .network-chip img { width: 21px; height: 21px; }
  .premium-trade-ui .hamburger { width: 36px; height: 36px; padding: 8px; flex: 0 0 36px; }

  .premium-trade-ui .trade-dashboard {
    width: calc(100% - 14px); max-width: 460px; margin: 0 auto 12px; gap: 8px;
  }
  .premium-trade-ui .market-column { order: 0; width: 100%; }
  .premium-trade-ui .market-heading {
    height: 70px; width: 100%; padding: 8px 10px;
    border: 1px solid rgba(69,255,127,.38); border-radius: 10px;
  }
  .premium-trade-ui .market-heading img { width: 37px; height: 37px; }
  .premium-trade-ui .market-heading strong { font-size: 1rem; }
  .premium-trade-ui .market-heading small { margin-top: 4px; white-space: nowrap; font-size: .62rem; }
  .premium-trade-ui .market-heading button { width: 28px; height: 28px; }

  .premium-trade-ui .trade-column { order: 1; width: 100%; }
  .premium-trade-ui .premium-trade-card { width: 100%; border-radius: 10px; }
  .premium-trade-ui .swap-header { height: 36px; }
  .premium-trade-ui .trade-mode { margin: 0 9px 6px; }
  .premium-trade-ui .trade-mode button { height: 32px; }
  .premium-trade-ui .token-input-wrap { margin-inline: 9px; padding: 8px 10px; }
  .premium-trade-ui .token-amount { font-size: 1.32rem; }
  .premium-trade-ui .compact-gate { margin: 5px 9px; }
  .premium-trade-ui .premium-trade-card .swap-btn { min-height: 42px; margin: 7px 9px 9px; width: calc(100% - 18px); }

  .premium-trade-ui .portfolio-slot { order: 2; width: 100%; }
  .premium-trade-ui .portfolio-panel { min-height: 0; height: auto; }
  .premium-trade-ui .portfolio-total { display: flex; align-items: center; justify-content: space-between; padding: 7px 11px; }
  .premium-trade-ui .portfolio-total span { font-size: .68rem; }
  .premium-trade-ui .portfolio-total strong { font-size: .78rem; max-width: 55%; overflow: hidden; text-overflow: ellipsis; }
  .premium-trade-ui .asset-row { min-height: 39px; margin: 0 9px 5px; padding: 5px 8px; grid-template-columns: 1.25fr .85fr .7fr; }
  .premium-trade-ui .asset-row img { width: 23px; height: 23px; }

  .premium-trade-ui .rewards-slot { order: 3; width: 100%; }
  .premium-trade-ui .reward-panel { position: relative; }
  .premium-trade-ui .reward-panel .p-panel-head { padding-right: 116px; }
  .premium-trade-ui .reward-panel .p-more { display: none; }
  .premium-trade-ui .reward-panel .p-claim {
    position: absolute; z-index: 2; top: 5px; right: 7px;
    width: 105px; min-height: 30px; height: 30px; margin: 0; font-size: .66rem;
  }
  .premium-trade-ui .reward-figures { padding: 9px; }

  .premium-trade-ui .levels-slot,
  .premium-trade-ui .tax-slot,
  .premium-trade-ui .metric-strip,
  .premium-trade-ui .referral-slot { display: none !important; }
  .premium-trade-ui .milestones-slot { order: 4; width: 100%; }
  .premium-trade-ui .milestone-panel { min-height: 142px; }
  .premium-trade-ui .milestone-track {
    grid-template-columns: repeat(7, 78px); overflow-x: auto; overflow-y: hidden;
    scrollbar-width: none; scroll-snap-type: x proximity; padding: 9px 8px 12px;
  }
  .premium-trade-ui .milestone-track::-webkit-scrollbar { display: none; }
  .premium-trade-ui .milestone { scroll-snap-align: start; }

  .premium-trade-ui .staking-slot { order: 5; width: 100%; }
  .premium-trade-ui .stake-stats { padding: 10px 9px; }
  .premium-trade-ui .stake-actions { padding: 0 12px 10px; gap: 8px; }
  .premium-trade-ui .trades-slot { order: 6; width: 100%; min-width: 0; }
  .premium-trade-ui .premium-trades { width: 100%; overflow: hidden; }
  .premium-trade-ui .premium-trades .table-wrap { width: 100%; overflow-x: auto; }
  .premium-trade-ui .premium-trades .table-wrap { max-height: none; }
  .premium-trade-ui .premium-trades table { min-width: 0; }
  .premium-trade-ui .premium-trades th,
  .premium-trade-ui .premium-trades td { padding: 7px 4px; font-size: .58rem; }
  .premium-trade-ui .premium-trades .badge { max-width: 100%; padding-inline: 4px; font-size: .55rem; overflow-wrap: anywhere; }
  .premium-trade-ui .claim-history-slot { order: 7; width: 100%; min-width: 0; }

  .premium-trade-ui .navbar .nav-tabs { height: 62px; padding: 5px 4px max(5px,env(safe-area-inset-bottom)); }
  .premium-trade-ui .navbar .nav-tab {
    flex-direction: column; gap: 2px; min-width: 0; border: 0; background: transparent;
    color: #a9b9ae; font-size: .58rem; line-height: 1; box-shadow: none;
  }
  .premium-trade-ui .navbar .nav-tab.active { color: var(--p-lime); }
  .premium-trade-ui .nav-mobile-icon { display: grid; place-items: center; height: 23px; }
  .premium-trade-ui .nav-mobile-icon .p-icon { width: 20px; height: 20px; }
}

@media (max-width: 900px) {
  .premium-trade-ui body { padding-bottom: 68px; }
  .premium-trade-ui .navbar .nav-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr));
    position: fixed !important;
    z-index: 150;
    left: 0; right: 0; top: auto !important; bottom: 0;
    width: 100%; height: 62px; margin: 0;
    padding: 5px 4px max(5px,env(safe-area-inset-bottom));
    gap: 2px; border: 0; border-top: 1px solid rgba(73,255,129,.3); border-radius: 0;
    background: rgba(2,17,12,.97); backdrop-filter: blur(18px);
    box-shadow: 0 -8px 24px rgba(0,0,0,.3);
  }
  .premium-trade-ui .navbar .nav-tab {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 2px; min-width: 0; padding: 3px 2px; border: 0; border-radius: 6px;
    background: transparent; box-shadow: none; color: #a9b9ae; font-size: .58rem; line-height: 1;
  }
  .premium-trade-ui .navbar .nav-tab.active { color: var(--p-lime); background: rgba(115,255,72,.06); }
  .premium-trade-ui .nav-mobile-icon { display: grid; place-items: center; height: 23px; }
  .premium-trade-ui .nav-mobile-icon .p-icon { width: 20px; height: 20px; }
}

@media (min-width: 901px) {
  .premium-trade-ui .nav-mobile-icon { display: none; }
}

.premium-trade-ui .mobile-bottom-nav { display: none; }

@media (max-width: 900px) {
  /* The real footer is a body child, never a fixed descendant of the blurred header. */
  .premium-trade-ui .navbar .nav-tabs { display: none !important; }
  .premium-trade-ui .mobile-bottom-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0,1fr));
    position: fixed !important;
    z-index: 2147483000;
    left: 0; right: 0; bottom: 0;
    width: 100%;
    height: calc(62px + env(safe-area-inset-bottom, 0px));
    min-height: 62px;
    padding: 5px 4px max(5px,env(safe-area-inset-bottom));
    gap: 2px;
    border-top: 1px solid rgba(73,255,129,.34);
    background: rgba(2,17,12,.98);
    backdrop-filter: blur(18px);
    box-shadow: 0 -9px 28px rgba(0,0,0,.42);
    visibility: visible;
    opacity: 1;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    isolation: isolate;
    contain: layout style;
    overflow: hidden;
    pointer-events: auto;
  }
  .premium-trade-ui .mobile-bottom-tab {
    min-width: 0; min-height: 50px; padding: 4px 2px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    border: 0; border-radius: 7px; background: transparent; color: #9eb1a5;
    font: 600 .59rem/1 Inter, sans-serif; cursor: pointer;
  }
  .premium-trade-ui .mobile-bottom-tab.active { color: var(--p-lime); background: rgba(113,255,71,.07); }
  .premium-trade-ui .mobile-bottom-icon { display: grid; place-items: center; height: 23px; }
  .premium-trade-ui .mobile-bottom-icon .p-icon { width: 21px; height: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-trade-ui *, .premium-trade-ui *::before, .premium-trade-ui *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; }
}

/* Full Portfolio page */
.premium-trade-ui #dashboard-page { padding: 0; }
.portfolio-shell { width:calc(100% - 36px); max-width:1700px; margin:0 auto 28px; display:grid; gap:10px; }
.portfolio-shell,.portfolio-shell * { min-width:0; }
.portfolio-shell > section,.portfolio-shell > header,.portfolio-main-grid > *, .portfolio-utility-grid > *, .portfolio-history-grid > * { max-width:100%; }
.portfolio-page-head { min-height:72px; display:flex; align-items:center; justify-content:space-between; padding:4px 8px; }
.portfolio-page-head h1 { margin:2px 0 4px; font:800 2rem/1 var(--font-display); }
.portfolio-page-head p { color:var(--p-muted); font-size:.72rem; }
.portfolio-eyebrow { color:var(--p-lime); font-size:.6rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.portfolio-head-actions { display:flex; align-items:center; gap:8px; }
.portfolio-live-dot,.p-status { color:var(--p-green); font-size:.6rem; font-weight:800; }
.portfolio-live-dot::before { content:''; display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:var(--p-lime); box-shadow:0 0 10px var(--p-lime); animation:pulse 2s infinite; }
.portfolio-refresh,.p-text-link,.p-copy-text { min-height:31px; padding:0 11px; border:1px solid var(--p-line); border-radius:7px; color:#dff4e4; background:#08271c; cursor:pointer; }
.portfolio-balance-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.portfolio-balance { min-height:94px; padding:13px 15px; display:flex; align-items:center; gap:12px; overflow:hidden; position:relative; border:1px solid rgba(72,255,131,.38); border-radius:10px; background:linear-gradient(145deg,rgba(4,35,25,.96),rgba(2,19,14,.94)); box-shadow:inset 0 1px rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.2); }
.portfolio-balance.primary { border-color:rgba(185,255,54,.66); }
.portfolio-balance::after { content:''; position:absolute; right:-35px; bottom:-50px; width:100px; height:90px; background:var(--p-green); filter:blur(40px); opacity:.08; }
.portfolio-balance img,.portfolio-balance-icon { width:40px; height:40px; flex:0 0 40px; object-fit:contain; display:grid; place-items:center; color:var(--p-green); font-size:1.7rem; }
.portfolio-balance div { min-width:0; display:grid; gap:3px; }
.portfolio-balance small { color:var(--p-muted); font-size:.65rem; }
.portfolio-balance strong { overflow:hidden; color:#f5fff6; font:700 1.02rem var(--font-display); text-overflow:ellipsis; white-space:nowrap; }
.portfolio-balance em { color:#739181; font-size:.58rem; font-style:normal; }
.portfolio-main-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:9px; }
.portfolio-performance,.portfolio-network-overview { min-height:256px; overflow:hidden; }
.portfolio-performance-chart { height:177px; position:relative; overflow:hidden; background:linear-gradient(rgba(66,255,120,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(66,255,120,.045) 1px,transparent 1px); background-size:42px 42px; }
.portfolio-performance-chart svg { width:100%; height:100%; opacity:.42; }
.portfolio-line { stroke-dasharray:900; animation:chartDraw 2.2s ease-out forwards; }
.portfolio-chart-lock { position:absolute; inset:0; display:grid; place-content:center; gap:5px; text-align:center; color:#eaffee; font-size:.72rem; }
.portfolio-chart-lock[hidden] { display:none!important; }
.portfolio-page.wallet-connected .portfolio-performance-chart svg { opacity:.9; }
.portfolio-chart-lock small { color:var(--p-muted); font-size:.6rem; }
.portfolio-performance footer { min-height:34px; padding:7px 12px; display:flex; justify-content:space-between; color:var(--p-muted); font-size:.62rem; border-top:1px solid rgba(70,255,128,.1); }
.portfolio-performance footer strong { color:#eaffec; }
.portfolio-metric-list { padding:1px 11px; }
.portfolio-metric-list > div { min-height:39px; display:flex; align-items:center; justify-content:space-between; gap:8px; border-bottom:1px solid rgba(70,255,128,.11); color:var(--p-muted); font-size:.65rem; }
.portfolio-metric-list strong { max-width:55%; overflow:hidden; color:#f1fff3; font-size:.67rem; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.portfolio-utility-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); align-items:start; gap:9px; }
.portfolio-invite-row { padding:12px; }.portfolio-invite-row code { display:block; overflow:hidden; padding:10px; border:1px solid rgba(72,255,131,.18); border-radius:6px; color:#a8c1ae; background:rgba(0,12,8,.42); font-size:.6rem; text-overflow:ellipsis; white-space:nowrap; }
.portfolio-reward-status .reward-status {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
  padding: 4px 12px 8px;
  background: none;
  border: 0;
}
.portfolio-reward-status .status-badge {
  display: block;
  min-width: 0;
  padding: 7px 0;
  border: 0;
  border-bottom: 1px solid rgba(70,255,128,.16);
  border-radius: 0;
  background: none;
}
.portfolio-reward-status .status-badge:last-child { border-bottom: 0; }
.portfolio-reward-status .status-info {
  display: grid;
  grid-template-columns: minmax(82px,.8fr) minmax(0,1.2fr);
  gap: 2px 8px;
  width: 100%;
}
.portfolio-reward-status .status-info span {
  color: var(--p-muted);
  font-size: .66rem;
  line-height: 1.25;
}
.portfolio-reward-status .status-info strong {
  display: block;
  margin: 0;
  color: #f1fff3;
  font-size: .72rem;
  line-height: 1.3;
  text-align: right;
  overflow-wrap: anywhere;
}
.portfolio-reward-status .status-info small {
  grid-column: 1 / -1;
  color: #8ba99a;
  font-size: .58rem;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.portfolio-history-grid { display:grid; grid-template-columns:1fr 1fr 1.15fr; gap:9px; }
.portfolio-history-card { min-height:210px; overflow:hidden; }.portfolio-history-card .table-wrap { width:100%; max-width:100%; overflow:auto; }.portfolio-history-card table { min-width:430px; width:100%; }.portfolio-history-card th,.portfolio-history-card td { padding:7px 9px; font-size:.58rem; }
.portfolio-reward-list { max-height:230px; overflow-y:auto; padding:4px 12px 8px; }
.portfolio-reward-list .history-item { display:grid; grid-template-columns:32px minmax(0,1fr) minmax(74px,auto); align-items:center; gap:8px; padding:10px 0; }
.portfolio-reward-list .history-icon { width:32px; height:32px; font-size:.7rem; }
.portfolio-reward-list .history-info { min-width:0; }
.portfolio-reward-list .history-title { font-size:.73rem; line-height:1.35; }
.portfolio-reward-list .history-sub { font-size:.6rem; line-height:1.4; overflow-wrap:anywhere; }
.portfolio-reward-list .history-amount { min-width:0; max-width:130px; padding:0; font-size:.72rem; line-height:1.35; text-align:right; overflow-wrap:anywhere; }
.portfolio-reward-list .history-item > .history-info:first-child { grid-column:1/-1; }
.portfolio-public-strip { min-height:62px; display:grid; grid-template-columns:1.2fr repeat(4,1fr); align-items:center; gap:10px; padding:9px 14px; border:1px solid rgba(72,255,131,.36); border-radius:10px; background:linear-gradient(145deg,rgba(4,34,25,.95),rgba(2,20,15,.92)); }
.portfolio-public-strip > strong { color:#f0fff1; font-size:.68rem; }.portfolio-public-strip small { color:#718a79; font-size:.48rem; }.portfolio-public-strip > div { display:grid; gap:3px; padding-left:13px; border-left:1px solid rgba(69,255,127,.15); }.portfolio-public-strip span { color:var(--p-muted); font-size:.53rem; }.portfolio-public-strip b { color:#fff; font-size:.67rem; }
.portfolio-legacy-values { display:none!important; }

@media (max-width:1100px) {
  .portfolio-balance-grid { grid-template-columns:1fr 1fr; }
  .portfolio-main-grid { grid-template-columns:1.5fr 1fr; }
  .portfolio-history-grid { grid-template-columns:1fr 1fr; }.portfolio-history-card:last-child { grid-column:1/-1; }
}
@media (max-width:900px) {
  .portfolio-shell { width:calc(100% - 16px); gap:8px; }
  .portfolio-page-head { min-height:68px; }.portfolio-page-head h1 { font-size:1.55rem; }.portfolio-head-actions .portfolio-live-dot { display:none; }
  .portfolio-balance-grid { gap:7px; }.portfolio-balance { min-height:82px; padding:10px; gap:7px; }.portfolio-balance img,.portfolio-balance-icon { width:31px;height:31px;flex-basis:31px }.portfolio-balance strong { font-size:.78rem; }
  .portfolio-main-grid,.portfolio-utility-grid,.portfolio-history-grid { grid-template-columns:minmax(0,1fr); }.portfolio-history-card:last-child { grid-column:auto; }
  .portfolio-performance-chart { height:166px; }
  .portfolio-public-strip { grid-template-columns:1fr 1fr; }.portfolio-public-strip > strong { grid-column:1/-1; }
  .portfolio-history-card table { min-width:520px; }
}
@media (max-width:420px) { .portfolio-balance img,.portfolio-balance-icon { display:none; }.portfolio-public-strip { grid-template-columns:1fr; }.portfolio-public-strip > div { padding:7px 0; border-left:0; border-top:1px solid rgba(69,255,127,.13); } }
@media (max-width:500px) { .portfolio-reward-list .history-item { grid-template-columns:32px minmax(0,1fr); }.portfolio-reward-list .history-amount { grid-column:2; max-width:none; text-align:left; } }

/* Full Rewards page */
.premium-trade-ui #claim-page { padding:0; }
.rewards-shell { width:calc(100% - 36px); max-width:1700px; margin:0 auto 28px; display:grid; gap:9px; }
.rewards-shell,.rewards-shell * { min-width:0; }
.rewards-page-head { min-height:72px; padding:4px 8px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.rewards-page-head h1 { margin:2px 0 4px; font:800 2rem/1 var(--font-display); }.rewards-page-head p { color:var(--p-muted); font-size:.72rem; }
.rewards-eyebrow { color:var(--p-lime); font-size:.6rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.rewards-head-note { display:grid; gap:3px; padding-right:10px; text-align:right; }.rewards-head-note strong { color:#dfffce; font-size:.68rem; }.rewards-head-note span { color:var(--p-muted); font-size:.58rem; }
.rewards-summary { min-height:87px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) minmax(220px,1.1fr); gap:1px; padding:8px; border:1px solid rgba(75,255,132,.42); border-radius:10px; background:linear-gradient(145deg,rgba(4,36,26,.96),rgba(2,19,14,.94)); }
.rewards-summary article { display:flex; align-items:center; gap:10px; padding:8px 13px; border-right:1px solid rgba(71,255,128,.14); }.rewards-summary article div { display:grid; gap:2px; }
.rewards-summary-icon { width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border:1px solid rgba(91,255,142,.28);border-radius:7px;color:var(--p-lime);font-size:1.25rem;background:rgba(42,180,90,.08) }
.rewards-summary small { color:var(--p-muted);font-size:.59rem }.rewards-summary strong { color:#fff;font:700 1.05rem var(--font-display) }.rewards-summary em { color:#6e8c79;font-size:.5rem;font-style:normal }
.rewards-claim-primary { align-self:center; min-height:49px; margin:0 6px; border:1px solid #d6ff3f; border-radius:7px; color:#071108; background:linear-gradient(180deg,#d9ff45,#71e946); box-shadow:0 0 19px rgba(166,255,55,.23),inset 0 1px #fff; font-weight:900; cursor:pointer; }
.rewards-core-grid { display:grid;grid-template-columns:minmax(330px,.95fr) minmax(0,2.05fr);gap:9px;align-items:stretch }
.rewards-level-panel { overflow:hidden; }.rewards-level-head,.rewards-level-row { display:grid;grid-template-columns:.5fr .65fr 1.6fr .65fr;align-items:center;gap:8px;padding:5px 11px;font-size:.58rem }
.rewards-level-head { color:var(--p-muted);border-bottom:1px solid rgba(68,255,126,.18) }.rewards-level-row { min-height:27px;border-bottom:1px solid rgba(68,255,126,.09) }.rewards-level-row b { color:#e9ffdc }.rewards-level-row > span:nth-child(3) { display:grid;grid-template-columns:minmax(38px,1fr) auto;align-items:center;gap:7px }.rewards-level-row i { display:block;height:7px;border-radius:2px;background:linear-gradient(90deg,#45ff78 var(--fill),rgba(39,115,71,.32) var(--fill));box-shadow:inset 0 0 3px rgba(0,0,0,.4) }.rewards-level-row em { color:#e9f8ec;font-style:normal }.rewards-level-row strong { text-align:right;color:#b9cabd }
.rewards-level-panel footer { display:grid;grid-template-columns:.5fr .65fr 1.6fr .65fr;gap:8px;padding:8px 11px;color:#eaffdf;background:rgba(85,255,125,.05);font-size:.64rem }.rewards-level-panel footer b { color:var(--p-lime) }.rewards-level-panel footer strong,.rewards-level-panel footer em { text-align:right;font-style:normal }
.rewards-right-column { display:grid;grid-template-rows:auto 1fr;gap:9px }.rewards-allocation-grid { display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:9px }.rewards-donut-panel,.rewards-flow-panel { min-height:217px;overflow:hidden }
.rewards-donut { width:112px;height:112px;margin:10px auto 7px;display:grid;place-items:center;border-radius:50%;position:relative;background:#39f19b }.rewards-donut.is-three { background:conic-gradient(#39f19b 0 100%) }.rewards-donut.is-five { background:conic-gradient(#eaff42 0 60%,#3df09d 60% 100%) }.rewards-donut::after { content:'';position:absolute;inset:17px;border-radius:50%;background:#062018 }.rewards-donut strong { z-index:1;display:grid;justify-items:center;font:800 1.45rem var(--font-display) }.rewards-donut small { color:#eaffed;font-size:.5rem }.rewards-donut-panel > p { display:flex;justify-content:center;gap:13px;color:var(--p-muted);font-size:.52rem;text-align:center }
.rewards-flow-panel ol { list-style:none;padding:8px 12px }.rewards-flow-panel li { min-height:52px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(68,255,126,.12) }.rewards-flow-panel li i { width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--p-green);border-radius:50%;color:var(--p-green);font-style:normal;font-size:.62rem }.rewards-flow-panel li span { display:grid;gap:2px }.rewards-flow-panel li strong { font-size:.68rem }.rewards-flow-panel li small { color:var(--p-muted);font-size:.55rem }
.rewards-milestones { min-height:174px;overflow:hidden }.rewards-progress-line { display:grid;grid-template-columns:auto auto minmax(120px,1fr);align-items:center;gap:9px;padding:8px 12px 0;color:var(--p-muted);font-size:.56rem }.rewards-progress-line strong { color:#fff }.rewards-progress-line div { height:8px;border-radius:10px;background:#173d2c;overflow:hidden }.rewards-progress-line i { display:block;width:0;height:100%;background:linear-gradient(90deg,#5eff79,#dfff3d);transition:width .5s ease }.rewards-milestones .milestone-track { padding-top:11px }
.incentive-criteria-panel { scroll-margin-top: 90px; }
.incentive-criteria-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:10px; }
.incentive-criteria-grid > div { display:grid; grid-template-columns:24px minmax(0,1fr); align-content:start; gap:4px 9px; padding:11px; border:1px solid rgba(72,255,131,.16); border-radius:8px; background:rgba(1,16,10,.42); }
.incentive-criteria-grid b { grid-row:span 2; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:rgba(185,255,54,.12); color:var(--p-lime); font-size:.67rem; }
.incentive-criteria-grid strong { color:#edfcef; font-size:.72rem; }
.incentive-criteria-grid p { grid-column:2; color:var(--p-muted); font-size:.64rem; line-height:1.5; }
.incentive-legs-panel .p-panel-head { gap:12px; }
.incentive-legs-panel .p-panel-head > div { min-width:0; }
.incentive-legs-panel .p-panel-head p { margin-top:3px; color:var(--p-muted); font-size:.62rem; line-height:1.35; overflow-wrap:anywhere; }
.incentive-legs-panel .p-status { flex:0 0 auto; }
.incentive-leg-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:10px; }
.incentive-leg-summary > p { grid-column:1/-1; color:var(--p-muted); font-size:.66rem; line-height:1.45; }
.incentive-leg-total { display:grid; gap:4px; padding:10px; border:1px solid rgba(72,255,131,.16); border-radius:8px; background:rgba(1,16,10,.42); }
.incentive-leg-total span,.incentive-leg-total small { color:var(--p-muted); font-size:.61rem; line-height:1.3; }
.incentive-leg-total strong { color:#f1fff3; font-size:.78rem; overflow-wrap:anywhere; }
.incentive-leg-list { max-height:256px; overflow-y:auto; padding:0 10px 10px; }
.incentive-legs-panel .incentive-leg { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(95px,.35fr); align-items:center; gap:10px; margin:0; padding:9px 10px; border:0; border-top:1px solid rgba(72,255,131,.13); border-radius:0; background:none; }
.incentive-legs-panel .incentive-leg strong { font-size:.73rem; }
.incentive-legs-panel .incentive-leg small { font-size:.6rem; }
.incentive-leg-role { color:var(--p-muted); font-size:.6rem; }
.incentive-legs-panel .incentive-leg > b { color:#eaffec; font-size:.7rem; text-align:right; overflow-wrap:anywhere; }
.incentive-leg-overflow { padding:8px 10px; color:var(--p-muted); font-size:.61rem; }
.rewards-history-grid { display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:9px }.rewards-history-grid > * { min-height:208px;overflow:hidden }.rewards-chart-panel .p-panel-head > strong { color:var(--p-lime);font-size:.66rem }.rewards-chart { height:164px;padding:12px;position:relative;background:linear-gradient(rgba(65,255,123,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(65,255,123,.04) 1px,transparent 1px);background-size:35px 35px }.rewards-chart-empty { height:100%;display:grid;place-items:center;color:var(--p-muted);font-size:.63rem;text-align:center }.rewards-bars { height:130px;display:flex;align-items:flex-end;gap:4px }.rewards-bars span { flex:1;height:var(--height);min-width:3px;position:relative;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#bbff38,#35d977);box-shadow:0 0 8px rgba(65,255,121,.18) }.rewards-bars span i { position:absolute;left:50%;top:-3px;width:4px;height:4px;border-radius:50%;background:#efff7a;transform:translateX(-50%) }.rewards-chart-caption { display:flex;justify-content:space-between;color:#668171;font-size:.48rem }
.rewards-history-panel > header button { border:0;background:none;color:var(--p-green);font-size:.58rem;cursor:pointer }.rewards-table-head { display:grid;grid-template-columns:1fr 1fr;padding:7px 11px;color:var(--p-muted);border-bottom:1px solid rgba(68,255,126,.12);font-size:.53rem }.rewards-table-head span:last-child { text-align:right }.rewards-history-panel .history-item { padding:9px 11px }.rewards-history-panel [data-reward-claim-history] { max-height:156px;overflow:auto }
.rewards-incentive-body { display:grid;grid-template-columns:1fr 1fr minmax(190px,.7fr);align-items:stretch;gap:8px;padding:9px }.rewards-incentive-body > div { display:grid;align-content:center;gap:5px;padding:9px;border:1px solid rgba(68,255,126,.15);border-radius:7px }.rewards-incentive-body small,.rewards-incentive-body span { color:var(--p-muted);font-size:.55rem }.rewards-incentive-body strong { color:#fff;font-size:.68rem }.rewards-incentive-body .claim-btn { min-height:52px }.rewards-incentive-claim .incentive-claims-list { padding:0 9px 9px }
.rewards-referral-strip { min-height:63px;display:grid;grid-template-columns:auto minmax(220px,1.4fr) auto repeat(3,minmax(100px,.6fr)) auto;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(72,255,131,.4);border-radius:10px;background:linear-gradient(145deg,rgba(4,35,25,.96),rgba(2,19,14,.94)) }.rewards-referral-strip > strong { font-size:.67rem }.rewards-referral-strip code { overflow:hidden;padding:8px;border:1px solid rgba(70,255,128,.18);border-radius:6px;color:#b3c7b8;background:#03150f;font-size:.55rem;text-overflow:ellipsis;white-space:nowrap }.rewards-referral-strip > div { display:grid;gap:2px;padding-left:10px;border-left:1px solid rgba(68,255,126,.14) }.rewards-referral-strip span { color:var(--p-muted);font-size:.49rem }.rewards-referral-strip b { font-size:.62rem }.rewards-share { min-height:35px;padding:0 16px;border:1px solid #d5ff3d;border-radius:6px;color:#071108;background:linear-gradient(180deg,#d8ff42,#70e846);font-weight:800;cursor:pointer }
.rewards-legacy-claim,.rewards-legacy-progress { display:none!important }
@media(max-width:1150px){.rewards-summary{grid-template-columns:repeat(4,1fr)}.rewards-claim-primary{grid-column:1/-1}.rewards-core-grid{grid-template-columns:1fr}.rewards-history-grid{grid-template-columns:1fr 1fr}.rewards-history-grid>*:last-child{grid-column:1/-1}.rewards-referral-strip{grid-template-columns:auto 1fr auto repeat(3,1fr)}.rewards-referral-strip .rewards-share{grid-column:1/-1}}
@media(max-width:900px){.rewards-shell{width:calc(100% - 16px)}.rewards-page-head{min-height:68px}.rewards-head-note{display:none}.rewards-page-head h1{font-size:1.55rem}.rewards-summary{grid-template-columns:1fr 1fr}.rewards-summary article{border-bottom:1px solid rgba(68,255,126,.1)}.rewards-claim-primary{grid-column:1/-1}.rewards-allocation-grid{grid-template-columns:1fr 1fr}.rewards-flow-panel{grid-column:1/-1}.rewards-history-grid{grid-template-columns:1fr}.rewards-history-grid>*:last-child{grid-column:auto}.rewards-milestones .milestone-track{grid-template-columns:repeat(7,92px);overflow-x:auto}.rewards-incentive-body{grid-template-columns:1fr 1fr}.rewards-incentive-body .claim-btn{grid-column:1/-1}.rewards-referral-strip{grid-template-columns:1fr auto}.rewards-referral-strip>strong{grid-column:1/-1}.rewards-referral-strip>div{padding:6px 0;border-left:0;border-top:1px solid rgba(68,255,126,.12)}.rewards-referral-strip .rewards-share{grid-column:1/-1}}
@media(max-width:900px){.incentive-criteria-grid{grid-template-columns:1fr}}
@media(max-width:600px){.incentive-leg-summary{grid-template-columns:1fr}.incentive-legs-panel .incentive-leg{grid-template-columns:minmax(0,1fr) auto}.incentive-leg-role{display:none}}
@media(max-width:600px){.incentive-criteria-grid>div{padding:10px}}
@media(max-width:520px){.rewards-summary article{padding:8px}.rewards-summary-icon{display:none}.rewards-summary strong{font-size:.82rem}.rewards-allocation-grid{grid-template-columns:1fr}.rewards-flow-panel{grid-column:auto}.rewards-level-head,.rewards-level-row,.rewards-level-panel footer{grid-template-columns:.45fr .6fr 1.45fr .6fr;padding-inline:7px}.rewards-incentive-body{grid-template-columns:1fr}.rewards-incentive-body .claim-btn{grid-column:auto}.rewards-referral-strip{grid-template-columns:1fr}.rewards-referral-strip code,.rewards-referral-strip .p-copy-text{grid-column:auto}}
/* Full Network page */
.network-page{background:radial-gradient(circle at 78% 12%,rgba(73,255,111,.07),transparent 32%),linear-gradient(180deg,rgba(4,15,11,.2),rgba(2,9,7,.7));min-height:calc(100vh - 70px)}
.network-shell{width:min(1680px,calc(100% - 48px));margin:0 auto;padding:34px 0 110px}
.network-page-head{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px}.network-page-head h1{margin:3px 0 5px;color:#f4fff6;font-size:clamp(1.75rem,2.5vw,2.55rem);letter-spacing:-.04em}.network-page-head p,.network-page-head small,.network-page-head em,.network-page-head span{color:#789287}.network-eyebrow{color:#56ff7d!important;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.network-wallet-pill{display:flex;align-items:center;gap:11px;min-width:210px;padding:12px 16px;border:1px solid rgba(93,255,130,.17);border-radius:15px;background:rgba(7,23,16,.7);box-shadow:inset 0 1px rgba(255,255,255,.025)}.network-wallet-pill>span{width:9px;height:9px;border-radius:50%;background:#4fff77;box-shadow:0 0 13px #4fff77}.network-wallet-pill div{display:grid;gap:2px}.network-wallet-pill small{font-size:.62rem;text-transform:uppercase;letter-spacing:.09em}.network-wallet-pill strong{color:#eaffee;font-family:var(--font-mono);font-size:.78rem}
.network-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.network-summary-grid article{display:flex;align-items:center;gap:13px;min-width:0;padding:18px;border:1px solid rgba(118,174,137,.15);border-radius:17px;background:linear-gradient(145deg,rgba(12,31,22,.92),rgba(5,17,12,.78));box-shadow:0 14px 35px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)}.network-stat-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:12px;color:#58ff7e;background:rgba(75,255,117,.08);border:1px solid rgba(75,255,117,.15);font-size:1.05rem}.network-summary-grid article div{display:grid;min-width:0}.network-summary-grid small{color:#789087;font-size:.69rem}.network-summary-grid strong{margin:2px 0;color:#f4fff6;font-size:1.16rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-summary-grid em{color:#587067;font-size:.61rem;font-style:normal}
.network-primary-grid,.network-detail-grid,.network-lower-grid{display:grid;gap:14px;margin-top:14px}.network-primary-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr)}.network-detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.75fr)}.network-lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)}.network-page .p-panel{border-color:rgba(101,180,124,.15);background:linear-gradient(145deg,rgba(9,27,19,.94),rgba(4,15,10,.88));box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}.network-page .p-panel-head{min-height:70px;padding:17px 20px;border-bottom:1px solid rgba(114,173,132,.11)}.network-page .p-panel-head h2{margin:0;color:#edfff1;font-size:.94rem}.network-page .p-panel-head p{margin:4px 0 0;color:#647b70;font-size:.67rem}.network-page .p-panel-head>strong,.network-page .p-panel-head>span{color:#55ff7b;font-size:.72rem}.network-empty{display:grid;place-items:center;min-height:150px;padding:25px;color:#667d72;text-align:center;font-size:.75rem}
.network-growth-chart{height:265px;padding:24px 18px 12px}.network-bars{display:flex;align-items:stretch;gap:7px;height:100%;padding-top:15px}.network-bars>div{display:grid;grid-template-rows:1fr 19px 18px;align-items:end;flex:1;min-width:0;text-align:center}.network-bars>div>span{position:relative;display:block;height:100%;border-bottom:1px solid rgba(104,157,119,.15)}.network-bars i{position:absolute;left:16%;right:16%;bottom:0;height:var(--bar);min-height:2px;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#70ff8c,#20b950);box-shadow:0 0 17px rgba(62,255,103,.15);transition:height .6s ease}.network-bars b{align-self:center;color:#a9c2b2;font-size:.65rem}.network-bars small{color:#52685d;font-size:.59rem}
.network-link-card{padding-bottom:18px}.network-verified{padding:5px 9px;border:1px solid rgba(68,255,113,.18);border-radius:999px;background:rgba(68,255,113,.07)}.network-link-wallet{display:grid;gap:5px;margin:18px 20px;padding:15px;border-radius:13px;background:rgba(2,11,7,.55);border:1px solid rgba(92,142,107,.12)}.network-link-wallet small{color:#5f776b;font-size:.61rem;letter-spacing:.1em}.network-link-wallet strong{color:#dff9e5;font-family:var(--font-mono);font-size:.82rem}.network-link-box{display:flex;gap:8px;margin:0 20px}.network-link-box code{display:block;min-width:0;flex:1;padding:13px;border:1px solid rgba(100,161,117,.14);border-radius:11px;background:#030b07;color:#82998d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.66rem}.network-link-box .copy-btn{flex:0 0 auto;padding:0 16px;border:1px solid rgba(80,255,119,.28);border-radius:11px;background:linear-gradient(135deg,#52ff78,#26bc50);color:#031006;font-weight:900;cursor:pointer}.network-share-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 20px 0}.network-share-actions button{height:35px;border:1px solid rgba(99,158,116,.15);border-radius:10px;background:rgba(12,37,24,.75);color:#a9bdaf;font-weight:700;cursor:pointer}
.network-level-table{overflow:hidden}.network-level-head,.network-level-row{display:grid;grid-template-columns:1.35fr .7fr .8fr .8fr;align-items:center;gap:12px;padding:0 20px}.network-level-head{height:39px;color:#587064;background:rgba(2,11,7,.35);font-size:.61rem;text-transform:uppercase;letter-spacing:.08em}.network-level-row{min-height:45px;border-top:1px solid rgba(92,140,106,.09);color:#9bb1a4;font-size:.7rem}.network-level-row>span{display:flex;align-items:center;gap:9px}.network-level-row i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:rgba(66,255,109,.07);color:#56ff7c;font-style:normal;font-size:.61rem}.network-level-row strong{color:#e7f8eb}.network-level-row b{color:#8dffa3}.network-level-row em{justify-self:start;padding:4px 7px;border-radius:999px;background:rgba(105,126,113,.08);color:#62776b;font-style:normal;font-size:.59rem}.network-level-row em.is-active{color:#62ff83;background:rgba(72,255,112,.08)}
.network-map{position:relative;display:grid;place-items:center;min-height:520px;overflow:hidden;background:radial-gradient(circle,rgba(68,255,111,.08),transparent 34%)}.network-map:before,.network-map:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(72,255,111,.08);border-radius:50%}.network-map:after{width:390px;height:390px}.network-map-core{z-index:2;display:grid;place-items:center;width:98px;height:98px;border:1px solid rgba(79,255,117,.28);border-radius:50%;background:radial-gradient(circle at 35% 25%,#174a29,#07150d 70%);box-shadow:0 0 35px rgba(67,255,107,.16)}.network-map-core span,.network-map-core small{color:#6c8976;font-size:.56rem}.network-map-core b{color:#63ff82;font-size:1.35rem}.network-map-orbits{position:absolute;inset:50%}.network-map-orbits>span{position:absolute;display:grid;place-items:center;width:48px;height:48px;margin:-24px;transform:rotate(var(--angle)) translateX(var(--radius)) rotate(calc(-1 * var(--angle)));border:1px solid rgba(79,255,117,.2);border-radius:50%;background:#0a2115;box-shadow:0 5px 17px rgba(0,0,0,.35);z-index:3}.network-map-orbits i{color:#65ff84;font-style:normal;font-size:.55rem}.network-map-orbits b{color:#dff8e5;font-size:.7rem}
.network-recent-list{max-height:430px;overflow:auto;padding:12px 18px}.network-recent-list .tree-node{border-color:rgba(97,152,113,.1);background:rgba(4,15,10,.44)}.network-recent-list .tree-avatar{background:linear-gradient(135deg,#4cff74,#167d39)!important}.network-share-list{display:grid;gap:15px;padding:20px}.network-share-list>div{display:grid;grid-template-columns:1fr auto;gap:5px}.network-share-list span{display:flex;gap:8px;align-items:center}.network-share-list b{color:#62ff82}.network-share-list em{color:#7e9588;font-style:normal;font-size:.68rem}.network-share-list strong{color:#d7ebdc;font-size:.7rem}.network-share-list>div>i{grid-column:1/-1;height:5px;border-radius:5px;background:rgba(84,128,97,.13);overflow:hidden}.network-share-list u{display:block;width:var(--share);height:100%;border-radius:inherit;background:linear-gradient(90deg,#25bc50,#6cff88)}
.network-legacy-levels{display:none!important}
@media(max-width:1200px){.network-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.network-primary-grid,.network-detail-grid{grid-template-columns:minmax(0,1fr)}.network-map{min-height:430px}.network-lower-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.network-shell{width:calc(100% - 24px);padding:18px 0 104px}.network-page-head{align-items:flex-start}.network-page-head p{font-size:.72rem}.network-wallet-pill{display:none}.network-summary-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.network-summary-grid article{flex:0 0 190px;scroll-snap-align:start;padding:14px}.network-primary-grid,.network-detail-grid,.network-lower-grid{grid-template-columns:1fr}.network-page .p-panel-head{min-height:62px;padding:14px}.network-growth-chart{height:230px;padding:18px 9px 10px}.network-bars{gap:3px}.network-bars i{left:10%;right:10%}.network-bars b{font-size:.56rem}.network-bars small{font-size:.52rem}.network-link-wallet{margin:14px}.network-link-box{margin:0 14px;flex-wrap:wrap}.network-link-box code{flex-basis:100%}.network-link-box .copy-btn{height:40px;flex:1}.network-share-actions{margin:10px 14px 0}.network-level-card{overflow:hidden}.network-level-table{overflow-x:auto}.network-level-head,.network-level-row{min-width:610px;padding-left:14px;padding-right:14px}.network-map{min-height:390px}.network-map:before{width:210px;height:210px}.network-map:after{width:310px;height:310px}.network-map-orbits>span{transform:rotate(var(--angle)) translateX(calc(var(--radius) * .78)) rotate(calc(-1 * var(--angle)))}.network-recent-list{padding:10px}.network-lower-grid{display:flex;flex-direction:column}.network-recent-card{order:1}.network-split-card{order:2}}

/* Reference-matched Network icons, motion and mobile composition */
.network-title-lockup{display:flex;align-items:center;gap:14px}.network-title-lockup>img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(92,255,83,.32));animation:network-logo-float 4s ease-in-out infinite}.network-stat-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.network-stat-icon img{width:23px;height:23px;object-fit:contain}.network-bnb-icon{color:#f3ba2f;background:rgba(243,186,47,.08);border-color:rgba(243,186,47,.2)}.network-bars i{transform-origin:bottom;animation:network-bar-rise .72s cubic-bezier(.2,.8,.2,1) both}.network-bars>div:nth-child(2n) i{animation-delay:.05s}.network-bars>div:nth-child(3n) i{animation-delay:.1s}.network-map-core{animation:network-core-pulse 3s ease-in-out infinite}.network-map-orbits{animation:network-orbit-breathe 5s ease-in-out infinite}.network-map-orbits>span:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(103,255,130,.12);border-radius:50%;animation:network-node-ring 2.6s ease-out infinite}
@keyframes network-logo-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes network-bar-rise{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:1}}
@keyframes network-core-pulse{0%,100%{box-shadow:0 0 25px rgba(67,255,107,.12)}50%{box-shadow:0 0 48px rgba(67,255,107,.28)}}
@keyframes network-orbit-breathe{0%,100%{scale:1}50%{scale:1.025}}
@keyframes network-node-ring{0%{scale:.8;opacity:.8}100%{scale:1.35;opacity:0}}
@media(max-width:760px){
  .network-shell{display:flex;flex-direction:column;overflow:hidden}
  .network-page-head{order:1;margin-bottom:14px}.network-title-lockup{gap:9px}.network-title-lockup>img{width:52px;height:52px}.network-page-head h1{font-size:1.42rem;margin:0 0 2px}.network-page-head .network-eyebrow{display:none}.network-page-head p{max-width:280px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .network-primary-grid{display:contents}.network-link-card{order:2;margin-top:0}.network-growth-card{order:4;margin-top:12px}
  .network-summary-grid{order:3;margin:12px -1px 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;overflow:visible;padding:0}.network-summary-grid article{min-width:0;min-height:72px;display:flex;gap:8px;padding:10px;border-radius:12px}.network-summary-grid article:nth-child(1),.network-summary-grid article:nth-child(2){grid-column:span 3}.network-summary-grid article:nth-child(n+3){grid-column:span 2}.network-stat-icon{flex:0 0 31px;width:31px;height:31px;border-radius:9px}.network-stat-icon svg,.network-stat-icon img{width:18px;height:18px}.network-summary-grid small{font-size:.55rem}.network-summary-grid strong{font-size:.82rem}.network-summary-grid em{display:none}
  .network-detail-grid{order:5;margin-top:12px}.network-lower-grid{order:6;margin-top:12px}
  .network-link-card .p-panel-head{min-height:52px}.network-link-wallet{display:none}.network-link-box{flex-wrap:nowrap}.network-link-box code{flex-basis:auto;padding:11px;font-size:.61rem}.network-link-box .copy-btn{flex:0 0 86px}.network-share-actions{grid-template-columns:1fr}.network-share-actions button:not([data-share-kind="x"]){display:none}.network-share-actions button[data-share-kind="x"]{font-size:0}.network-share-actions button[data-share-kind="x"]:after{content:"Share";font-size:.72rem}
  .network-level-table{overflow:hidden}.network-level-head,.network-level-row{min-width:0;grid-template-columns:1fr .62fr .72fr;padding-left:12px;padding-right:12px;gap:7px}.network-level-head span:nth-child(4),.network-level-row em{display:none}.network-level-row>span{gap:6px}.network-level-row i{width:24px;height:24px}.network-level-row{min-height:40px}
  .network-map{min-height:350px}.network-map-core{width:82px;height:82px}.network-map-orbits>span{width:41px;height:41px;margin:-20px;transform:rotate(var(--angle)) translateX(calc(var(--radius) * .68)) rotate(calc(-1 * var(--angle)))}
}
@media(max-width:390px){.network-shell{width:calc(100% - 16px)}.network-summary-grid{gap:5px}.network-summary-grid article{padding:8px 7px}.network-stat-icon{display:none}.network-page .p-panel-head{padding:12px}.network-bars small{font-size:.48rem}}
@media(prefers-reduced-motion:reduce){.network-title-lockup>img,.network-bars i,.network-map-core,.network-map-orbits,.network-map-orbits>span:after{animation:none!important}}

/* Premium Staking page */
.premium-staking-page{background:radial-gradient(circle at 18% 8%,rgba(68,255,105,.07),transparent 31%),linear-gradient(180deg,rgba(3,17,11,.25),rgba(2,9,6,.78));min-height:calc(100vh - 70px)}
.staking-shell{width:min(1700px,calc(100% - 44px));margin:0 auto;padding:24px 0 110px}.staking-shell,.staking-shell *{min-width:0}
.premium-staking-page .staking-hero{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,2.1fr);align-items:center;gap:14px;margin:0 0 14px;padding:12px 15px;border:1px solid rgba(80,255,119,.24);border-radius:15px;background:linear-gradient(120deg,rgba(8,34,21,.96),rgba(3,18,11,.88));box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)}
.premium-staking-page .staking-hero-copy{display:flex;align-items:center;gap:13px}.premium-staking-page .staking-hero-copy>img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(82,255,91,.3));animation:staking-mascot-float 4s ease-in-out infinite}.premium-staking-page .staking-hero h1{margin:2px 0 3px;color:#f1fff3;background:none;-webkit-text-fill-color:currentColor;font-size:2rem;letter-spacing:-.04em}.premium-staking-page .staking-hero p{margin:0;color:#789083;font-size:.72rem}.premium-staking-page .staking-eyebrow{min-height:0;padding:0;border:0;background:none;color:#66ff82;font-size:.59rem;letter-spacing:.13em}
.premium-staking-page .staking-hero-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.premium-staking-page .staking-hero-stat{display:flex;align-items:center;gap:10px;min-height:72px;padding:11px;border-color:rgba(82,255,119,.15);background:linear-gradient(145deg,rgba(9,42,25,.88),rgba(3,24,14,.8));border-radius:11px}.premium-staking-page .staking-hero-stat:before{display:none}.premium-staking-page .staking-hero-stat div{display:grid;gap:4px}.premium-staking-page .staking-hero-stat span{font-size:.57rem;white-space:nowrap}.premium-staking-page .staking-hero-stat strong{margin:0;color:#f2fff4;font-size:.91rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staking-stat-symbol{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border:1px solid rgba(91,255,126,.2);border-radius:10px;background:rgba(64,255,105,.08);color:#61ff82;font-size:1.15rem;font-style:normal}.staking-stat-total .staking-stat-symbol{color:#50ff7a}.staking-stat-rewards .staking-stat-symbol{color:#dfff37}.staking-stat-apy .staking-stat-symbol{color:#5fff89}
.premium-staking-page .staking-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:stretch}.premium-staking-page .staking-pool-section,.premium-staking-page .staking-positions-section,.staking-info-grid article{border:1px solid rgba(84,255,123,.2);border-radius:14px;background:linear-gradient(145deg,rgba(7,29,18,.95),rgba(3,16,10,.9));box-shadow:0 16px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)}.premium-staking-page .staking-pool-section{padding:0;overflow:hidden}.staking-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:68px;padding:14px 17px;border-bottom:1px solid rgba(91,255,126,.13)}.staking-section-head h2{margin:0;color:#f1fff3;font-size:1rem}.staking-section-head p{margin:4px 0 0;color:#71887b;font-size:.65rem}.staking-section-head>span{padding:5px 9px;border:1px solid rgba(82,255,119,.19);border-radius:999px;background:rgba(82,255,119,.06);color:#62ff83;font-size:.61rem}.premium-staking-page .staking-pools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:10px}
.premium-staking-page .staking-card{min-height:292px;padding:13px;border-color:var(--stake-accent-border,rgba(76,255,112,.2));background:radial-gradient(circle at 20% 8%,var(--stake-accent-shadow,rgba(69,255,111,.1)),transparent 35%),rgba(3,21,12,.88);border-radius:12px}.premium-staking-page .staking-card:before{opacity:.52}.staking-card-identity{display:flex;align-items:center;gap:9px}.staking-card-identity>div{display:grid;gap:3px}.staking-card-identity small{color:#668073;font-size:.57rem}.staking-pool-orb{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;border-radius:12px;background:radial-gradient(circle,var(--stake-accent-shadow),rgba(0,0,0,.1));border:1px solid var(--stake-accent-border)}.staking-pool-orb img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 0 8px var(--stake-accent-shadow));animation:staking-pool-breathe 3.2s ease-in-out infinite}.premium-staking-page .staking-card-title{font-size:.83rem}.premium-staking-page .staking-card-row{margin-top:12px;padding:8px 0;border-top:1px solid rgba(95,151,108,.1)}.premium-staking-page .staking-meta span{font-size:.55rem}.premium-staking-page .staking-card-value{font-size:.73rem}.premium-staking-page .staking-card-action{min-height:41px;margin-top:10px;border:0;background:linear-gradient(135deg,#dfff35,#59ff6f);color:#061008;box-shadow:0 6px 19px rgba(112,255,68,.18)}
.premium-staking-page .staking-positions-section{margin-top:12px;overflow:hidden}.premium-staking-page .staking-positions{display:grid;gap:8px;padding:10px}.premium-staking-page .staking-position{border-color:rgba(80,255,119,.15);background:rgba(3,20,12,.78)}.premium-staking-page .staking-position-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.premium-staking-page .staking-action-button{background:linear-gradient(135deg,#dfff35,#59ff6f);color:#051008}.staking-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.staking-info-grid article{display:flex;align-items:flex-start;gap:11px;padding:15px}.staking-info-grid article>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:rgba(75,255,113,.08);color:#62ff83}.staking-info-grid div{display:grid;gap:4px}.staking-info-grid strong{color:#e9fced;font-size:.75rem}.staking-info-grid small{color:#668074;font-size:.61rem;line-height:1.5}
@keyframes staking-mascot-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes staking-pool-breathe{0%,100%{transform:scale(.96);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.22)}}
@media(max-width:1180px){.premium-staking-page .staking-hero{grid-template-columns:1fr}.premium-staking-page .staking-layout{grid-template-columns:1fr}.premium-staking-page .staking-pools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.staking-shell{width:calc(100% - 20px);padding:12px 0 100px}.premium-staking-page .staking-hero{display:flex;flex-direction:column;align-items:stretch;padding:11px;margin-bottom:9px}.premium-staking-page .staking-hero-copy>img{width:52px;height:52px}.premium-staking-page .staking-hero h1{font-size:1.5rem}.premium-staking-page .staking-hero-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-staking-page .staking-hero-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.premium-staking-page .staking-hero-stat{grid-column:span 2;min-height:65px;padding:8px;gap:7px}.premium-staking-page .staking-hero-stat:nth-child(1),.premium-staking-page .staking-hero-stat:nth-child(3){grid-column:span 3}.staking-stat-symbol{flex-basis:29px;width:29px;height:29px;font-size:.9rem}.premium-staking-page .staking-hero-stat strong{font-size:.75rem}.premium-staking-page .staking-pools{grid-template-columns:1fr;padding:8px}.premium-staking-page .staking-card{min-height:0}.premium-staking-page .staking-layout{gap:9px}.premium-staking-page .staking-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-staking-page .staking-position-actions{display:grid;grid-template-columns:1fr 1fr}.premium-staking-page .staking-position-actions .staking-action-button{min-width:0}.staking-info-grid{grid-template-columns:1fr}.staking-section-head{min-height:59px;padding:12px}.staking-section-head p{max-width:250px}.staking-info-grid article{padding:12px}}
@media(max-width:390px){.staking-shell{width:calc(100% - 14px)}.premium-staking-page .staking-hero-stat{grid-column:span 3!important}.premium-staking-page .staking-hero-stat:last-child{grid-column:1/-1!important}.premium-staking-page .staking-position-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.premium-staking-page .staking-hero-copy>img,.staking-pool-orb img{animation:none!important}}

/* Staking reference artwork and live insights */
.staking-pool-orb{width:64px;height:58px;flex-basis:64px;border:0;background:radial-gradient(circle,var(--stake-accent-shadow),transparent 70%);overflow:visible}.staking-pool-art{width:64px;height:56px;overflow:visible;filter:drop-shadow(0 0 8px var(--stake-accent-shadow));transform-origin:50% 70%;animation:staking-art-float 3.4s ease-in-out infinite}.staking-pool-art.jelly{animation-name:staking-jelly-swim}.staking-pool-art.crystal{animation-name:staking-crystal-glow}.premium-staking-page .staking-card:nth-child(2) .staking-pool-art{animation-delay:-1.1s}.premium-staking-page .staking-card:nth-child(3) .staking-pool-art{animation-delay:-2.2s}
.staking-insights-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:10px;margin-top:12px}.staking-distribution-panel,.staking-fee-panel{border:1px solid rgba(84,255,123,.2);border-radius:14px;background:linear-gradient(145deg,rgba(7,29,18,.95),rgba(3,16,10,.9));box-shadow:0 16px 42px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025);overflow:hidden}.staking-distribution-body{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:20px;padding:18px}.staking-donut{display:grid;place-items:center;width:155px;height:155px;margin:auto;border-radius:50%;background:conic-gradient(var(--pool-stops));box-shadow:0 0 25px rgba(58,255,104,.12);animation:staking-donut-arrive .8s cubic-bezier(.2,.8,.2,1) both}.staking-donut:before{content:"";grid-area:1/1;width:105px;height:105px;border-radius:50%;background:#06150d;box-shadow:inset 0 0 20px rgba(0,0,0,.45)}.staking-donut span{grid-area:1/1;z-index:1;display:grid;gap:4px;text-align:center}.staking-donut strong{max-width:90px;color:#eaffed;font-size:.72rem;overflow-wrap:anywhere}.staking-donut small{color:#6f887a;font-size:.57rem}.staking-distribution-list{display:grid;gap:11px}.staking-distribution-list>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px}.staking-distribution-list i{width:8px;height:8px;border-radius:50%;background:var(--pool-color);box-shadow:0 0 9px var(--pool-color)}.staking-distribution-list span{color:#91a89a;font-size:.68rem}.staking-distribution-list b{color:#effff2;font-size:.7rem}.staking-fee-panel{display:flex;align-items:flex-start;gap:14px;padding:20px}.staking-shield{display:grid;place-items:center;flex:0 0 62px;height:68px;border:3px solid #dfff35;border-radius:28px 28px 34px 34px;color:#dfff35;font-size:1.6rem;filter:drop-shadow(0 0 11px rgba(207,255,47,.28));animation:staking-shield-pulse 3s ease-in-out infinite}.staking-fee-panel div{display:grid;gap:8px}.staking-fee-panel h2{color:#f0fff2;font-size:1rem}.staking-fee-panel strong{color:#dfff35;font-size:1.25rem}.staking-fee-panel p{color:#71887b;font-size:.68rem;line-height:1.55}
@keyframes staking-art-float{0%,100%{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes staking-jelly-swim{0%,100%{transform:translateY(3px) scaleY(.95)}50%{transform:translateY(-5px) scaleY(1.04)}}@keyframes staking-crystal-glow{0%,100%{transform:translateY(2px);filter:drop-shadow(0 0 6px rgba(75,255,211,.3)) brightness(1)}50%{transform:translateY(-3px);filter:drop-shadow(0 0 14px rgba(75,255,211,.65)) brightness(1.25)}}@keyframes staking-donut-arrive{from{transform:rotate(-90deg) scale(.65);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes staking-shield-pulse{0%,100%{filter:drop-shadow(0 0 8px rgba(207,255,47,.2))}50%{filter:drop-shadow(0 0 17px rgba(207,255,47,.48))}}
@media(max-width:760px){.staking-pool-orb{width:58px;height:54px;flex-basis:58px}.staking-pool-art{width:58px;height:52px}.staking-insights-grid{grid-template-columns:1fr}.staking-distribution-body{grid-template-columns:130px 1fr;gap:10px;padding:13px}.staking-donut{width:118px;height:118px}.staking-donut:before{width:79px;height:79px}.staking-fee-panel{padding:15px}.staking-shield{flex-basis:50px;height:56px}}
@media(max-width:390px){.staking-distribution-body{grid-template-columns:1fr}.staking-distribution-list{width:100%}}
@media(prefers-reduced-motion:reduce){.staking-pool-art,.staking-donut,.staking-shield{animation:none!important}}

/* Premium staking transaction dialog */
.staking-modal{z-index:2400;background:rgba(0,8,4,.78);backdrop-filter:blur(7px)}.staking-modal-panel{position:relative;width:min(520px,calc(100% - 28px));max-height:min(820px,calc(100dvh - 30px));padding:0;border:1px solid rgba(106,255,123,.42);border-radius:22px;background:radial-gradient(circle at 18% 0,rgba(95,255,111,.14),transparent 34%),linear-gradient(155deg,#092418 0%,#04130c 58%,#020b07 100%);box-shadow:0 28px 90px rgba(0,0,0,.7),0 0 45px rgba(70,255,104,.12);overflow-y:auto}.staking-modal-panel:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#dfff37,#51ff73,transparent);animation:staking-modal-edge 4s linear infinite;background-size:200% 100%}.staking-modal-hero{display:flex;align-items:center;gap:13px;padding:20px 20px 14px;border-bottom:1px solid rgba(91,255,121,.12)}.staking-modal-hero img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(99,255,83,.3));animation:staking-mascot-float 4s ease-in-out infinite}.staking-modal-hero div{display:grid;gap:3px}.staking-modal-hero span{color:#dfff37;font-size:.57rem;font-weight:900;letter-spacing:.15em}.staking-modal-hero strong{color:#f0fff3;font-size:1.05rem}.staking-modal-hero small{color:#70897a;font-size:.64rem}.staking-modal-panel .staking-panel-head{margin:0;padding:14px 20px;border-bottom:1px solid rgba(91,255,121,.11)}.staking-modal-panel .card-title{color:#63ff81;font-size:.58rem}.staking-modal-panel .staking-modal-close{border-color:rgba(91,255,121,.18);background:rgba(68,255,106,.06);color:#a7c9af}.staking-modal-panel .staking-form{gap:13px;padding:16px 20px 20px}.staking-modal-panel .staking-selected-pool-inner{border-color:rgba(91,255,121,.2);background:rgba(2,14,8,.58)}.staking-modal-panel .staking-selected-pool-inner>.badge{color:#65ff82;background:rgba(80,255,116,.08);border-color:rgba(80,255,116,.2)}.staking-modal-panel .staking-input-wrap{min-height:60px;border-color:rgba(91,255,121,.25);background:rgba(1,12,6,.7)}.staking-modal-panel .staking-input-wrap input{font-size:1.38rem}.staking-modal-panel .staking-input-wrap button{border-color:rgba(122,255,97,.28);background:rgba(99,255,77,.08);color:#dfff37}.staking-modal-percent{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.staking-modal-percent button{min-height:34px;border:1px solid rgba(91,255,121,.24);border-radius:8px;background:rgba(70,255,108,.055);color:#a9cbb1;font-size:.65rem;font-weight:800;cursor:pointer}.staking-modal-percent button:hover,.staking-modal-percent button:focus-visible{background:linear-gradient(135deg,#dfff35,#55ff70);color:#041008}.staking-modal-panel .staking-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.staking-modal-panel .staking-summary .staking-hero-stat{min-height:67px;border-color:rgba(91,255,121,.14);background:rgba(3,22,13,.72)}.staking-modal-panel .staking-summary .staking-hero-stat:last-child{grid-column:1/-1}.staking-modal-panel .staking-panel-value{color:#6cff86}.staking-modal-panel .staking-submit{min-height:51px;background:linear-gradient(135deg,#dfff35,#55ff70);color:#041008;box-shadow:0 8px 27px rgba(102,255,64,.23)}.staking-modal-panel .staking-submit:disabled{opacity:.5;box-shadow:none}.staking-modal-panel .staking-status{border-color:rgba(91,255,121,.14);background:rgba(45,255,91,.035)}
@keyframes staking-modal-edge{to{background-position:200% 0}}

/* Rendering performance: retain visible glow without repainting the full page */
.premium-staking-page .staking-pool-section,.premium-staking-page .staking-positions-section,.staking-distribution-panel,.staking-fee-panel,.staking-info-grid article{backdrop-filter:none;contain:layout paint}.premium-staking-page .staking-card,.premium-staking-page .staking-position{backdrop-filter:none}.premium-staking-page .staking-card:before{animation-duration:14s}.premium-staking-page .staking-hero-stat:before{animation:none}.premium-staking-page .staking-pool-art,.premium-staking-page .staking-hero-copy>img{will-change:transform}.premium-staking-page .staking-donut{will-change:auto}
@media(max-width:760px){.staking-modal{align-items:flex-end;padding:0;background:rgba(0,8,4,.72);backdrop-filter:blur(4px)}.staking-modal-panel{width:100%;max-height:92dvh;border-width:1px 0 0;border-radius:22px 22px 0 0}.staking-modal-hero{padding:14px 16px 10px}.staking-modal-hero img{width:48px;height:48px}.staking-modal-panel .staking-panel-head{padding:12px 16px}.staking-modal-panel .staking-form{padding:13px 16px max(18px,env(safe-area-inset-bottom))}.staking-modal-panel .staking-input-wrap{grid-template-columns:minmax(0,1fr) 62px}.staking-modal-panel .staking-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-staking-page~.particle,.premium-staking-page .particle{display:none}.premium-trade-ui .bio-particles{display:none}.bg-canvas,.grid-lines{position:absolute}.premium-staking-page .staking-card:before{animation:none}.premium-staking-page .staking-pool-art{animation-duration:5s}}
@media(max-width:390px){.staking-modal-hero small{display:none}.staking-modal-panel .staking-summary{grid-template-columns:1fr}.staking-modal-panel .staking-summary .staking-hero-stat:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.staking-modal-panel:before,.staking-modal-hero img{animation:none!important}}

/* Staking: restrained finish without luminous glow effects */
.premium-staking-page .staking-hero,
.premium-staking-page .staking-pool-section,
.premium-staking-page .staking-positions-section,
.premium-staking-page .staking-card,
.premium-staking-page .staking-position,
.staking-distribution-panel,
.staking-fee-panel,
.staking-info-grid article,
.staking-modal-panel {
  box-shadow: 0 14px 34px rgba(0,0,0,.28) !important;
}
.premium-staking-page .staking-hero-copy>img,
.staking-modal-hero img,
.staking-pool-art,
.staking-pool-orb img,
.staking-shield {
  filter: none !important;
}
.premium-staking-page .staking-card:hover,
.premium-staking-page .staking-card.is-selected,
.premium-staking-page .staking-card-action,
.staking-modal-panel .staking-submit,
.staking-modal-percent button,
.staking-donut,
.staking-distribution-list i {
  box-shadow: none !important;
}
.staking-modal-panel:before { display:none; animation:none !important; }
.staking-pool-art.crystal { animation-name:staking-art-float; }
@keyframes staking-crystal-glow {
  0%,100% { transform:translateY(2px); filter:none; }
  50% { transform:translateY(-3px); filter:none; }
}
@keyframes staking-shield-pulse {
  0%,100% { filter:none; }
  50% { filter:none; }
}

/* Scroll performance: avoid full-viewport repaints and continuous off-screen motion. */
.premium-trade-ui .particle,
.premium-trade-ui .bio-particles {
  display: none !important;
}

.premium-trade-ui .bg-canvas,
.premium-trade-ui .grid-lines {
  position: absolute;
  inset: 0 0 auto;
  height: 100vh;
  contain: layout paint;
}

.premium-trade-ui .navbar,
.premium-trade-ui .mobile-bottom-nav {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.premium-trade-ui .trade-column,
.premium-trade-ui .market-column,
.premium-trade-ui .metrics-column,
.premium-staking-page .staking-hero,
.premium-staking-page .staking-pool-section,
.premium-staking-page .staking-positions-section,
.premium-staking-page .staking-insights-grid,
.premium-staking-page .staking-info-grid {
  contain: layout paint;
}

.premium-staking-page .staking-hero::before,
.premium-staking-page .staking-pool-section::before,
.premium-staking-page .staking-card::before,
.premium-staking-page .staking-hero-stat::before {
  animation: none !important;
}

.premium-staking-page .staking-card::before,
.premium-staking-page .staking-pool-section::before {
  opacity: .34;
}

@media (max-width: 900px) {
  .premium-trade-ui .navbar,
  .premium-trade-ui .mobile-bottom-nav,
  .staking-modal {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .premium-staking-page .staking-pool-art,
  .premium-staking-page .staking-hero-copy > img,
  .staking-modal-hero img {
    animation: none !important;
    will-change: auto;
  }
}

/* Fast stake-dialog scrolling: isolate the sheet and stop painting the page below it. */
body.staking-modal-open > .page,
body.staking-modal-open > .navbar,
body.staking-modal-open > .ticker-bar,
body.staking-modal-open > .bg-canvas,
body.staking-modal-open > .grid-lines,
body.staking-modal-open > .mobile-bottom-nav {
  visibility: hidden;
}

.staking-modal {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(0, 8, 4, .94);
  contain: strict;
}

.staking-modal-panel {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  contain: layout paint;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .58) !important;
}

.staking-modal .staking-hero-stat,
.staking-modal .staking-selected-pool-inner,
.staking-modal .staking-input-wrap,
.staking-modal .staking-status {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

.staking-modal .staking-hero-stat::before,
.staking-modal .staking-modal-panel::before {
  display: none !important;
  animation: none !important;
}

.staking-modal .staking-modal-hero img {
  animation: none !important;
  filter: none !important;
  will-change: auto;
}

/* Mobile header: wallet access above, persistent page navigation below. */
@media (max-width: 900px) {
  .premium-trade-ui .navbar .hamburger,
  .premium-trade-ui .navbar .nav-tabs {
    display: none !important;
  }

  .premium-trade-ui .navbar .wallet-btn {
    display: inline-flex !important;
    width: auto;
    min-width: 0;
    min-height: 38px;
    padding: 0 12px;
    white-space: nowrap;
  }

  .premium-trade-ui .navbar .wallet-btn .addr {
    display: inline !important;
    overflow: hidden;
    max-width: 112px;
    text-overflow: ellipsis;
  }

  .premium-trade-ui .navbar .logo {
    flex: 1 1 auto;
    min-width: 0;
  }

  .premium-trade-ui .mobile-bottom-nav {
    display: grid !important;
  }
}

@media (max-width: 380px) {
  .premium-trade-ui .navbar .logo-text { font-size: 1rem; }
  .premium-trade-ui .navbar .network-chip { display: none !important; }
  .premium-trade-ui .navbar .wallet-btn { padding-inline: 9px; font-size: .68rem; }
}

@media (max-width: 600px) {
  .premium-trade-ui .navbar .network-chip { display: none !important; }
}

/* Wallet chooser */
.premium-trade-ui .wallet-launcher {
  z-index: 2400;
  padding: 20px;
  background: rgba(0, 9, 6, .88);
  backdrop-filter: blur(5px);
}
.premium-trade-ui .wallet-launcher[hidden] { display: none; }
.premium-trade-ui .wallet-launcher-panel {
  width: min(560px, 100%);
  max-height: min(760px, calc(100dvh - 40px));
  padding: 0;
  overflow-y: auto;
  border: 1px solid rgba(100, 255, 144, .36);
  border-radius: 18px;
  background: linear-gradient(155deg, #09281b, #03130d 55%, #020b07);
  box-shadow: 0 28px 70px rgba(0, 0, 0, .6);
}
.premium-trade-ui .wallet-launcher-head {
  align-items: center;
  margin: 0;
  padding: 20px 22px 12px;
}
.premium-trade-ui .wallet-launcher-head .eyebrow {
  color: var(--p-lime);
  font-family: Inter, sans-serif;
  font-weight: 800;
  letter-spacing: .12em;
}
.premium-trade-ui .wallet-launcher-head h2 { color: #f2fff4; font-size: 1.3rem; }
.premium-trade-ui .wallet-launcher-close {
  width: 36px;
  height: 36px;
  border-color: rgba(100, 255, 144, .25);
  border-radius: 9px;
  background: #0b2c1d;
  color: #e3f5e8;
  font-size: 1rem;
}
.premium-trade-ui .wallet-launcher-copy {
  margin: 0;
  padding: 0 22px 16px;
  color: #a8c0af;
  font-family: Inter, sans-serif;
  font-size: .75rem;
  line-height: 1.5;
}
.premium-trade-ui .wallet-launcher-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 4px 22px 22px;
}
.premium-trade-ui .wallet-launcher-button {
  min-width: 0;
  min-height: 60px;
  padding: 9px 11px;
  border: 1px solid rgba(96, 184, 119, .23);
  border-radius: 11px;
  background: rgba(2, 25, 15, .72);
  color: #f0fff3;
  box-shadow: none;
}
.premium-trade-ui .wallet-launcher-button:hover,
.premium-trade-ui .wallet-launcher-button:focus-visible {
  border-color: var(--p-green);
  background: rgba(53, 146, 73, .16);
  box-shadow: none;
}
.premium-trade-ui .wallet-launcher-main { min-width: 0; gap: 9px; }
.premium-trade-ui .wallet-launcher-icon {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  box-shadow: none;
}
.premium-trade-ui .wallet-launcher-label {
  color: #f0fff3;
  font-size: .76rem;
  font-weight: 700;
}
.premium-trade-ui .wallet-launcher-status {
  flex: 0 0 auto;
  color: var(--p-lime);
  font-family: Inter, sans-serif;
  font-size: .61rem;
  font-weight: 800;
  text-align: right;
}
.premium-trade-ui .wallet-launcher-button.is-connected { border-color: var(--p-lime); }
.premium-trade-ui .wallet-launcher-button:disabled { opacity: .52; cursor: not-allowed; }
.premium-trade-ui .wallet-launcher-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 22px 18px;
  border-top: 1px solid rgba(100, 255, 144, .13);
  color: #9bb9a3;
  font-size: .68rem;
  line-height: 1.4;
}
.premium-trade-ui .wallet-launcher-help button {
  flex: 0 0 auto;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--p-line);
  border-radius: 7px;
  background: #0b2c1d;
  color: var(--p-lime);
  font-size: .65rem;
  font-weight: 700;
  cursor: pointer;
}
/* Real observation chart: no decorative path animation or fabricated history overlay. */
.premium-trade-ui .chart-area[data-chart-ready="false"] .chart-svg-wrap::after { content: none; }
.premium-trade-ui [data-chart-line],
.premium-trade-ui [data-chart-area] {
  animation: none;
  stroke-dasharray: none;
  stroke-dashoffset: 0;
  opacity: 1;
}
.premium-trade-ui .chart-status {
  min-height: 30px;
  padding: 3px 14px 10px;
  color: var(--p-muted);
  font-size: .68rem;
  line-height: 1.4;
}
.premium-trade-ui .premium-chart .chart-svg-wrap {
  margin: 8px 12px 0;
  padding: 0;
  overflow: hidden;
  border-radius: 7px;
  background:
    linear-gradient(rgba(66,255,120,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(66,255,120,.045) 1px, transparent 1px);
  background-size: 42px 42px;
}
.premium-trade-ui .premium-chart .chart-svg-wrap svg {
  display: block;
  width: 100%;
  height: 280px;
}
.premium-trade-ui .premium-chart [data-chart-label] {
  fill: #9bb0a7;
  font-size: 10px;
}
@media (max-width: 600px) {
  .premium-trade-ui .premium-chart {
    display: block;
    height: auto;
    min-height: 0;
  }
  .premium-trade-ui .chart-header { gap: 8px; }
  .premium-trade-ui .timeframe-tabs { flex-wrap: wrap; }
  .premium-trade-ui .premium-chart .chart-svg-wrap svg { height: 210px; }
}
@media (max-width: 600px) {
  .premium-trade-ui .wallet-launcher { align-items: flex-end; padding: 0; }
  .premium-trade-ui .wallet-launcher-panel {
    width: 100%;
    max-height: 88dvh;
    border-radius: 18px 18px 0 0;
    border-width: 1px 0 0;
    padding-bottom: env(safe-area-inset-bottom);
  }
  .premium-trade-ui .wallet-launcher-head { padding: 17px 16px 9px; }
  .premium-trade-ui .wallet-launcher-copy { padding: 0 16px 13px; }
  .premium-trade-ui .wallet-launcher-actions { grid-template-columns: 1fr; gap: 7px; padding: 3px 12px 18px; }
  .premium-trade-ui .wallet-launcher-button { min-height: 54px; }
  .premium-trade-ui .wallet-launcher-help { padding: 11px 15px 17px; }
}

/* Incentive prize request */
.premium-trade-ui .award-modal {
  padding: 20px;
  background: radial-gradient(circle at 50% 20%, rgba(174, 214, 71, .13), transparent 42%), rgba(1, 8, 9, .84);
  backdrop-filter: blur(14px);
}
.premium-trade-ui .award-modal-panel {
  position: relative;
  width: min(560px, 100%);
  max-height: min(820px, calc(100dvh - 40px));
  padding: 0;
  overflow-y: auto;
  border: 1px solid rgba(188, 242, 116, .32);
  border-radius: 24px;
  background: linear-gradient(155deg, #102322 0%, #071716 45%, #061110 100%);
  box-shadow: 0 32px 90px rgba(0, 0, 0, .68), 0 0 55px rgba(175, 232, 74, .1), inset 0 1px rgba(255, 255, 255, .08);
}
.premium-trade-ui .award-modal-panel::before {
  content: '';
  position: absolute;
  top: 0;
  left: 24px;
  right: 24px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #c9ff70, #52e7c1, transparent);
  box-shadow: 0 0 20px rgba(201, 255, 112, .48);
}
.premium-trade-ui .award-modal-head {
  align-items: center;
  margin: 0;
  padding: 22px 26px 0;
}
.premium-trade-ui .award-brand { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
.premium-trade-ui .award-brand-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(201, 255, 112, .35);
  border-radius: 11px;
  background: rgba(201, 255, 112, .1);
  color: #c9ff70;
  font-size: 1.15rem;
}
.premium-trade-ui .award-eyebrow { margin: 0; color: #d9f8c1; font-size: .68rem; font-weight: 700; letter-spacing: .14em; }
.premium-trade-ui .award-eyebrow b { color: #8caf75; font-weight: 400; }
.premium-trade-ui .award-close {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(185, 224, 199, .2);
  border-radius: 11px;
  background: rgba(255, 255, 255, .045);
  color: #d6e9dd;
  font-size: 1.4rem;
  line-height: 1;
}
.premium-trade-ui .award-close:hover { border-color: #c9ff70; color: #c9ff70; }
.premium-trade-ui .award-modal-hero { padding: 26px 26px 20px; }
.premium-trade-ui .award-hero-kicker { color: #bfff6d; font-family: var(--font-mono); font-size: .68rem; font-weight: 700; letter-spacing: .16em; }
.premium-trade-ui .award-modal-title { margin: 10px 0 9px; color: #f3fff3; font-size: clamp(1.45rem, 5vw, 2rem); line-height: 1.15; letter-spacing: -.035em; }
.premium-trade-ui .award-modal-copy { max-width: 48ch; color: #a9c5b7; font-family: var(--font-body); font-size: .84rem; line-height: 1.65; }
.premium-trade-ui .award-review-note {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0 26px;
  padding: 13px 14px;
  border: 1px solid rgba(201, 255, 112, .22);
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(201, 255, 112, .09), rgba(82, 231, 193, .035));
}
.premium-trade-ui .award-review-note > span { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; background: #bfff6d; color: #0c1c11; font-weight: 800; }
.premium-trade-ui .award-review-note strong { display: block; color: #e6f9df; font-size: .78rem; }
.premium-trade-ui .award-review-note small { display: block; margin-top: 3px; color: #9fbbad; font-size: .72rem; line-height: 1.45; }
.premium-trade-ui .award-form { gap: 15px; margin: 0; padding: 23px 26px 26px; }
.premium-trade-ui .award-form-intro { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.premium-trade-ui .award-form-intro strong { color: #f1fff1; font-family: var(--font-display); font-size: .94rem; }
.premium-trade-ui .award-form-intro span { color: #829d90; font-size: .68rem; }
.premium-trade-ui .award-form label { gap: 8px; }
.premium-trade-ui .award-label { color: #ccdfd2; font-family: var(--font-body); font-size: .76rem; font-weight: 600; letter-spacing: 0; text-transform: none; }
.premium-trade-ui .award-label em { color: #c9ff70; font-style: normal; }
.premium-trade-ui .award-label small { margin-left: 5px; color: #849f91; font-size: .68rem; font-weight: 400; }
.premium-trade-ui .award-input,
.premium-trade-ui .award-textarea { min-height: 48px; border-color: rgba(185, 224, 199, .18); border-radius: 11px; background: rgba(1, 11, 12, .55); color: #f3fff3; font-size: .82rem; }
.premium-trade-ui .award-input::placeholder,
.premium-trade-ui .award-textarea::placeholder { color: #6f897c; }
.premium-trade-ui .award-input:focus,
.premium-trade-ui .award-textarea:focus { border-color: #bfff6d; box-shadow: 0 0 0 3px rgba(191, 255, 109, .12); }
.premium-trade-ui .award-textarea { min-height: 88px; }
.premium-trade-ui .award-modal-actions { margin-top: 5px; }
.premium-trade-ui .award-submit { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; border-radius: 11px; background: linear-gradient(110deg, #d7ff82, #a8ee73 58%, #6be5b5); color: #0b2013; font-size: .85rem; box-shadow: 0 8px 25px rgba(156, 237, 101, .18); transition: transform .2s ease, box-shadow .2s ease; }
.premium-trade-ui .award-submit:not(:disabled)::after { content: '↗'; font-size: 1rem; }
.premium-trade-ui .award-submit:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(156, 237, 101, .28); }
.premium-trade-ui .award-submit:disabled { opacity: .6; cursor: wait; }
.premium-trade-ui .award-close:focus-visible,
.premium-trade-ui .award-submit:focus-visible { outline: 2px solid #c9ff70; outline-offset: 3px; }
@media (max-width: 600px) {
  .premium-trade-ui .award-modal { align-items: flex-end; padding: 0; }
  .premium-trade-ui .award-modal-panel { width: 100%; max-height: 92dvh; border-radius: 22px 22px 0 0; border-bottom: 0; }
  .premium-trade-ui .award-modal-head { padding: 18px 18px 0; }
  .premium-trade-ui .award-modal-hero { padding: 22px 18px 18px; }
  .premium-trade-ui .award-review-note { margin: 0 18px; }
  .premium-trade-ui .award-form { padding: 21px 18px max(24px, env(safe-area-inset-bottom)); }
}

/* Keep action feedback visible above the persistent mobile navigation. */
@media (max-width: 900px) {
  .premium-trade-ui .toast {
    position: fixed;
    z-index: 2147483100;
    top: calc(82px + env(safe-area-inset-top, 0px));
    right: 12px;
    bottom: auto;
    left: 12px;
    width: auto;
    max-width: 520px;
    margin-inline: auto;
    padding: 12px 14px;
    border-color: rgba(185, 255, 54, .5);
    background: #0b281b;
    color: #f2fff4;
    line-height: 1.45;
    overflow-wrap: anywhere;
    transform: translateY(-16px);
    pointer-events: none;
  }
  .premium-trade-ui .toast.show { transform: translateY(0); }
  .premium-trade-ui .toast-icon { flex: 0 0 auto; }
  .premium-trade-ui #toastMsg { min-width: 0; }
}