@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap');

:root {
  --background: 240 6% 1%;
  --foreground: 240 5% 90%;
  --card: 240 6% 5%;
  --card-foreground: 240 5% 90%;
  --primary: 72 100% 50%;
  --primary-foreground: 240 6% 1%;
  --secondary: 240 6% 8%;
  --secondary-foreground: 240 5% 90%;
  --muted: 240 4% 10%;
  --muted-foreground: 240 5% 40%;
  --accent: 186 100% 50%;
  --accent-foreground: 240 6% 1%;
  --destructive: 345 100% 50%;
  --border: 240 4% 15%;
  --ring: 72 100% 50%;
  --acid: 72 100% 50%;
  --cyan: 186 100% 50%;
  --crimson: 345 100% 50%;
  --panel: 240 6% 5%;
  --panel-light: 240 4% 8%;
  --void: 240 6% 1%;
  --gold: 45 100% 60%;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: hsl(var(--background));
  color: hsl(var(--foreground));
  font-family: 'Space Grotesk', sans-serif;
  min-height: 100vh;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button { cursor: pointer; }

::selection {
  background-color: hsl(var(--acid));
  color: hsl(var(--void));
}

.container {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding-inline: clamp(1rem, 2.4vw, 2.75rem);
}

@media (min-width: 1400px) {
  .container { padding-inline: clamp(1.5rem, 3vw, 3.5rem); }
}

.font-display { font-family: 'Rajdhani', sans-serif; }
.hide-mobile { display: none !important; }
@media (min-width: 900px) { .hide-mobile { display: flex !important; } }
.show-mobile { display: flex; }
@media (min-width: 900px) { .show-mobile { display: none !important; } }

.grid-overlay {
  background-image:
    linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size: 32px 32px;
}
.bg-overlay {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.2;
  mix-blend-mode: screen;
  z-index: 0;
}
.bg-radial {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, hsl(var(--panel-light)), transparent 70%);
}

.glow-acid { box-shadow: 0 0 14px hsl(var(--acid)); }
.glow-cyan { box-shadow: 0 0 16px hsla(var(--cyan) / 0.35); }
.glow-acid-soft { box-shadow: 0 0 20px hsla(var(--acid) / 0.12); }
.text-gradient-acid {
  background-image: linear-gradient(to right, hsl(var(--acid)), hsl(var(--cyan)));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.text-acid { color: hsl(var(--acid)); }
.text-cyan { color: hsl(var(--cyan)); }
.text-muted { color: hsl(var(--muted-foreground)); }
.text-danger { color: hsl(var(--destructive)); }
.text-gold { color: hsl(var(--gold)); }

@keyframes pulse-glow { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
@keyframes fade-in { 0% { opacity: 0; transform: translateY(12px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes blink-balance { 0%,100% { opacity: 1; } 50% { opacity: 0.6; } }
.animate-pulse-glow { animation: pulse-glow 2s ease-in-out infinite; }
.animate-fade-in { animation: fade-in 0.45s ease-out forwards; }
.blink { animation: blink-balance 1.2s ease-in-out infinite; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  border-bottom: 1px solid hsl(var(--border));
  background: hsla(var(--background) / 0.82);
  backdrop-filter: blur(12px);
}
.header-inner {
  min-height: 4.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.logo { display: flex; align-items: center; gap: 0.9rem; }
.logo-dot {
  width: 12px;
  height: 12px;
  background: hsl(var(--acid));
  border-radius: 2px;
}
.logo-text {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.logo-text span { color: hsl(var(--acid)); }
.main-nav {
  display: none;
  gap: 1.25rem;
  align-items: center;
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
@media (min-width: 900px) { .main-nav { display: flex; } }
.main-nav a {
  color: hsl(var(--muted-foreground));
  transition: color 0.2s;
}
.main-nav a:hover,
.main-nav a.active { color: hsl(var(--foreground)); }
.header-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.status-pill, .mini-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.8rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.8);
  font-size: 0.74rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.status-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: hsl(var(--acid));
  box-shadow: 0 0 8px hsl(var(--acid));
}
.mobile-menu-btn {
  width: 42px;
  height: 42px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--foreground));
}
.mobile-menu {
  display: none;
  border-top: 1px solid hsl(var(--border));
  background: hsla(var(--background) / 0.96);
}
.mobile-menu.open { display: block; }
.mobile-menu .container {
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: grid;
  gap: 0.9rem;
}
.mobile-menu a {
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.8rem;
}
.mobile-menu a.active,
.mobile-menu a:hover { color: hsl(var(--foreground)); }

.btn, .btn-outline, .btn-soft {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 44px;
  padding: 0.7rem 1rem;
  border: 1px solid transparent;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.78rem;
  transition: 0.2s ease;
}
.btn {
  background: hsl(var(--acid));
  color: hsl(var(--background));
  border-color: hsl(var(--acid));
  box-shadow: 0 0 16px hsla(var(--acid) / 0.18);
}
.btn:hover { filter: brightness(1.05); transform: translateY(-1px); }
.btn-outline {
  background: hsla(var(--acid) / 0.08);
  color: hsl(var(--acid));
  border-color: hsla(var(--acid) / 0.35);
}
.btn-outline:hover { background: hsla(var(--acid) / 0.18); }
.btn-soft {
  background: hsl(var(--secondary));
  color: hsl(var(--foreground));
  border-color: hsl(var(--border));
}
.btn-soft:hover { border-color: hsla(var(--acid) / 0.35); }
.btn.block, .btn-outline.block, .btn-soft.block { width: 100%; }

.page-main {
  position: relative;
  z-index: 10;
  padding: 2rem 0 5rem;
}
.hero {
  display: grid;
  gap: 1.5rem;
  align-items: end;
  margin-bottom: 2rem;
}
@media (min-width: 980px) {
  .hero { grid-template-columns: 1.4fr 0.9fr; gap: 2rem; margin-bottom: 3rem; }
}
.hero-card, .card, .panel {
  background: hsl(var(--panel));
  border: 1px solid hsl(var(--border));
  position: relative;
  overflow: hidden;
}
.hero-card { padding: 1.6rem; }
@media (min-width: 900px) { .hero-card { padding: 2rem; } }
.card, .panel { padding: 1.25rem; }
.glow-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 6rem;
  background: hsla(var(--acid) / 0.06);
  filter: blur(18px);
  pointer-events: none;
}
.hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.76rem;
  color: hsl(var(--crimson));
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 0.9rem;
}
.hero-tag-line { width: 46px; height: 1px; background: hsl(var(--crimson)); }
.hero h1, .hero h2 {
  font-family: 'Rajdhani', sans-serif;
  line-height: 0.92;
  text-transform: uppercase;
  letter-spacing: -0.03em;
}
.hero h1 { font-size: clamp(2.8rem, 7vw, 5.8rem); }
.hero h2 { font-size: clamp(2rem, 5vw, 3.5rem); }
.hero p {
  max-width: 62ch;
  color: hsl(var(--muted-foreground));
  line-height: 1.7;
  margin-top: 1rem;
}
.hero-stats {
  display: grid;
  gap: 1rem;
}
.stat-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (min-width: 900px) { .stat-grid.cols-4 { grid-template-columns: repeat(4, 1fr); } }
.metric {
  padding: 1rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.7);
}
.metric-label {
  font-size: 0.68rem;
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.5rem;
}
.metric-value {
  font-size: 1.45rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.metric-sub {
  margin-top: 0.3rem;
  color: hsl(var(--muted-foreground));
  font-size: 0.82rem;
}
.section { margin-top: 2rem; }
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid hsl(var(--border));
  padding-bottom: 0.65rem;
  margin-bottom: 1rem;
}
.section-title {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}
.section-badge {
  padding: 0.35rem 0.55rem;
  border: 1px solid hsla(var(--acid) / 0.2);
  background: hsla(var(--acid) / 0.12);
  color: hsl(var(--acid));
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.grid-2, .grid-3, .grid-4 {
  display: grid;
  gap: 1rem;
}
@media (min-width: 760px) { .grid-2 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .grid-3 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .grid-4 { grid-template-columns: repeat(4, 1fr); } }

.exchange-card, .step-card, .feature-card, .wallet-card, .info-card, .trader-mini {
  background: hsl(var(--panel));
  border: 1px solid hsl(var(--border));
  padding: 1.2rem;
  position: relative;
  overflow: hidden;
}
.exchange-card:hover, .step-card:hover, .feature-card:hover, .wallet-card:hover, .info-card:hover, .trader-mini:hover {
  border-color: hsla(var(--acid) / 0.35);
}
.exchange-top, .wallet-top, .line-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.muted-chip, .risk-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.35rem 0.55rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.7);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.risk-chip.low { color: hsl(var(--cyan)); }
.risk-chip.medium { color: hsl(var(--gold)); }
.risk-chip.high { color: hsl(var(--crimson)); }

.kpi-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.85rem;
  margin-top: 1rem;
}
.kpi {
  padding: 0.9rem;
  background: hsla(var(--secondary) / 0.7);
  border: 1px solid hsl(var(--border));
}
.kpi small {
  display: block;
  margin-bottom: 0.35rem;
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.kpi strong {
  display: block;
  font-size: 1.1rem;
  font-variant-numeric: tabular-nums;
}

.leaderboard-wrap {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--panel));
}
.leaderboard-header,
.table-row {
  display: grid;
  grid-template-columns: 0.55fr 1.8fr 0.9fr 0.95fr 0.95fr 1fr;
  gap: 0.75rem;
  align-items: center;
}
.leaderboard-header {
  padding: 0.9rem 1rem;
  border-bottom: 1px solid hsl(var(--border));
  color: hsl(var(--muted-foreground));
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.table-row {
  padding: 1rem;
  border-bottom: 1px solid hsla(var(--border) / 0.65);
}
.table-row:last-child { border-bottom: none; }
.table-row:hover { background: hsl(var(--panel-light)); }
.rank {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.45rem;
  color: hsl(var(--muted-foreground));
  font-weight: 700;
}
.trader-info {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}
.avatar {
  width: 44px;
  height: 44px;
  border: 1px solid hsl(var(--border));
  display: flex;
  align-items: center;
  justify-content: center;
  background: hsl(var(--secondary));
  color: hsl(var(--foreground));
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}
.trader-name { font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; }
.trader-meta { font-size: 0.78rem; color: hsl(var(--muted-foreground)); margin-top: 0.18rem; }
.value-pos { color: hsl(var(--acid)); font-weight: 700; }
.value-cyan { color: hsl(var(--cyan)); font-weight: 700; }
.value-danger { color: hsl(var(--destructive)); font-weight: 700; }

.progress {
  width: 100%;
  height: 8px;
  background: hsl(var(--secondary));
  border: 1px solid hsl(var(--border));
  overflow: hidden;
  margin-top: 0.45rem;
}
.progress > span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, hsl(var(--acid)), hsl(var(--cyan)));
}

.dashboard {
  display: grid;
  gap: 1rem;
}
@media (min-width: 980px) { .dashboard { grid-template-columns: 1.5fr 0.85fr; } }
.sidebar-stack, .content-stack { display: grid; gap: 1rem; }
.balance-hero {
  padding: 1.5rem;
  display: grid;
  gap: 1rem;
}
.balance-value {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
}
.action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.quick-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
}
.feed-list, .activity-list, .wallet-list, .settings-list { display: grid; gap: 0.8rem; }
.feed-item, .activity-item, .wallet-item, .settings-item {
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.65);
  padding: 0.95rem;
}
.feed-item strong, .activity-item strong, .wallet-item strong { display: block; margin-bottom: 0.28rem; }
.feed-item p, .activity-item p, .wallet-item p { color: hsl(var(--muted-foreground)); font-size: 0.9rem; line-height: 1.55; }
.time { color: hsl(var(--muted-foreground)); font-size: 0.75rem; margin-top: 0.35rem; display: block; }

.form-grid { display: grid; gap: 1rem; }
@media (min-width: 760px) { .form-grid.cols-2 { grid-template-columns: repeat(2, 1fr); } }
.field { display: grid; gap: 0.5rem; }
.label {
  color: hsl(var(--muted-foreground));
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.input, .select {
  width: 100%;
  min-height: 48px;
  padding: 0.9rem 1rem;
  background: hsl(var(--secondary));
  border: 1px solid hsl(var(--border));
  color: hsl(var(--foreground));
  outline: none;
}
.input:focus, .select:focus {
  border-color: hsla(var(--acid) / 0.5);
  box-shadow: 0 0 0 3px hsla(var(--acid) / 0.08);
}
.helper { color: hsl(var(--muted-foreground)); font-size: 0.82rem; line-height: 1.5; }
.divider {
  height: 1px;
  background: hsl(var(--border));
  margin: 0.2rem 0;
}
.table-simple {
  width: 100%;
  border-collapse: collapse;
}
.table-simple th, .table-simple td {
  padding: 0.95rem 0.7rem;
  border-bottom: 1px solid hsla(var(--border) / 0.6);
  text-align: left;
  font-size: 0.9rem;
}
.table-simple th {
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
}
.table-simple tr:hover td { background: hsla(var(--secondary) / 0.5); }

.footer {
  position: relative;
  z-index: 10;
  border-top: 1px solid hsl(var(--border));
  padding: 1.8rem 0;
  margin-top: 2rem;
}
.footer-inner {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  align-items: center;
  color: hsl(var(--muted-foreground));
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media (min-width: 900px) {
  .footer-inner { flex-direction: row; justify-content: space-between; }
}

@media (max-width: 899px) {
  .leaderboard-header { display: none; }
  .table-row {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
  .table-row > div:last-child { justify-self: start; }
}


.metric.compact { padding: 0.85rem 1rem; min-width: 150px; }
.trade-title { font-family: 'Rajdhani', sans-serif; font-size: clamp(2.3rem, 4vw, 3.8rem); text-transform: uppercase; line-height: 0.95; }
.trade-topbar { display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem; }
@media (min-width: 980px) { .trade-topbar { flex-direction: row; align-items: end; justify-content: space-between; } }
.trade-pair-box { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0.8rem; }
@media (min-width: 760px) { .trade-pair-box { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.trade-layout { display: grid; gap: 1rem; }
@media (min-width: 1180px) { .trade-layout { grid-template-columns: minmax(0, 1.55fr) minmax(340px, 0.85fr); align-items: start; } }
.trade-main-stack, .trade-sidebar-stack { display: grid; gap: 1rem; }
.chart-panel { padding-bottom: 1rem; }
.trade-mini-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.chip-btn { min-height: 36px; padding: 0.45rem 0.7rem; border: 1px solid hsl(var(--border)); background: hsl(var(--secondary)); color: hsl(var(--muted-foreground)); text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.72rem; }
.chip-btn.active, .chip-btn:hover { color: hsl(var(--foreground)); border-color: hsla(var(--acid) / 0.4); }
.chart-summary-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.8rem; margin-bottom: 1rem; }
@media (min-width: 900px) { .chart-summary-row { grid-template-columns: repeat(4, 1fr); } }
.summary-item { padding: 0.8rem 0.9rem; border: 1px solid hsl(var(--border)); background: hsla(var(--secondary) / 0.65); }
.summary-item span { display: block; color: hsl(var(--muted-foreground)); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.35rem; }
.summary-item strong { font-size: 1rem; font-variant-numeric: tabular-nums; }
.summary-input-item { display:block; }
.summary-input-item .helper { display:block; margin-top:0.45rem; }
.summary-input { width:100%; margin-top:0.1rem; font-weight:600; }
.star-btn { cursor:pointer; transition:color .18s ease, transform .18s ease; }
.star-btn:hover { color:hsl(var(--gold)); transform:scale(1.06); }
.chart-canvas-wrap { border: 1px solid hsl(var(--border)); background: linear-gradient(180deg, hsla(var(--secondary) / 0.86), hsla(var(--background) / 0.9)); padding: 0.75rem; min-height: 360px; }
.chart-canvas-wrap canvas { width: 100%; display: block; }
.trade-lower-grid { align-items: start; }
.order-toggle-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; margin-bottom: 1rem; }
.order-toggle { min-height: 44px; border: 1px solid hsl(var(--border)); background: hsl(var(--secondary)); color: hsl(var(--foreground)); text-transform: uppercase; letter-spacing: 0.1em; }
.order-toggle.buy.active { background: hsla(var(--acid) / 0.14); border-color: hsla(var(--acid) / 0.45); color: hsl(var(--acid)); }
.order-toggle.sell { color: hsl(var(--destructive)); }
.order-toggle.sell.active { background: hsla(var(--destructive) / 0.12); border-color: hsla(var(--destructive) / 0.38); }
.orderbook-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
.orderbook-title { font-size: 0.74rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.7rem; }
.orderbook-row { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; padding: 0.5rem 0.6rem; border: 1px solid hsl(var(--border)); background: hsla(var(--secondary) / 0.55); margin-bottom: 0.45rem; font-size: 0.82rem; font-variant-numeric: tabular-nums; position: relative; overflow: hidden; }
.orderbook-row::after { content: ''; position: absolute; inset: 0; width: var(--depth, 50%); opacity: 0.08; pointer-events: none; }
.orderbook-row.ask::after { background: hsl(var(--destructive)); }
.orderbook-row.bid::after { background: hsl(var(--acid)); }
.orderbook-row span:last-child { color: hsl(var(--muted-foreground)); }
.execution-list { display: grid; gap: 0.65rem; }
.execution-item { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; border: 1px solid hsl(var(--border)); background: hsla(var(--secondary) / 0.62); padding: 0.85rem; }
.execution-item strong { display: block; margin-bottom: 0.22rem; }
.execution-item span { color: hsl(var(--muted-foreground)); font-size: 0.82rem; }
.trader-station-card { border: 1px solid hsl(var(--border)); background: hsla(var(--secondary) / 0.42); padding: 1rem; }
.table-responsive { overflow-x: auto; }
.compact-table td, .compact-table th { white-space: nowrap; }

.auth-main {
  position: relative;
  z-index: 10;
}

.auth-shell {
  display: grid;
  gap: 1rem;
  align-items: start;
}

@media (min-width: 1024px) {
  .auth-shell {
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  }
}

.auth-panel,
.auth-card {
  position: relative;
  overflow: hidden;
}

.auth-panel {
  border: 1px solid hsl(var(--border));
  background: linear-gradient(180deg, hsla(var(--panel) / 0.96), hsla(var(--background) / 0.98));
  padding: 1.5rem;
}

@media (min-width: 900px) {
  .auth-panel {
    padding: 2rem;
  }
}

.auth-side {
  display: grid;
  gap: 1rem;
}

.auth-title {
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(2.3rem, 5vw, 3.6rem);
  text-transform: uppercase;
  line-height: 0.95;
  margin-top: 0.8rem;
}

.auth-copy {
  color: hsl(var(--muted-foreground));
  line-height: 1.7;
  margin-top: 0.8rem;
  max-width: 56ch;
}

.auth-form {
  display: grid;
  gap: 1rem;
  margin-top: 1.5rem;
}

.auth-inline-label {
  gap: 0.8rem;
}

.password-wrap {
  position: relative;
}

.password-wrap .input {
  padding-right: 6.5rem;
}

.password-toggle {
  position: absolute;
  right: 0.65rem;
  top: 50%;
  transform: translateY(-50%);
  min-width: 78px;
  min-height: 34px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--panel-light));
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.7rem;
}

.password-toggle:hover {
  color: hsl(var(--foreground));
  border-color: hsla(var(--acid) / 0.35);
}

.auth-options {
  gap: 1rem;
  flex-wrap: wrap;
}

.checkbox-line {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: hsl(var(--muted-foreground));
  font-size: 0.9rem;
}

.checkbox-line input {
  accent-color: hsl(var(--acid));
}

.auth-agreement {
  margin-top: -0.2rem;
}

.helper-link {
  color: hsl(var(--cyan));
  font-size: 0.82rem;
}

.helper-link:hover {
  color: hsl(var(--foreground));
}

.auth-submit {
  width: 100%;
  justify-content: center;
}

.auth-message {
  min-height: 22px;
  font-size: 0.9rem;
}

.auth-message.success {
  color: hsl(var(--acid));
}

.auth-message.error {
  color: hsl(var(--destructive));
}

.auth-benefits,
.auth-steps {
  display: grid;
  gap: 0.8rem;
}

.benefit-item {
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.62);
  padding: 1rem;
}

.benefit-item strong {
  display: block;
  margin-bottom: 0.35rem;
}

.benefit-item p {
  color: hsl(var(--muted-foreground));
  line-height: 1.6;
  font-size: 0.9rem;
}

.auth-step-card {
  background: hsla(var(--secondary) / 0.45);
}

.auth-highlight {
  background: radial-gradient(circle at top right, hsla(var(--cyan) / 0.08), transparent 42%), linear-gradient(180deg, hsla(var(--panel) / 0.96), hsla(var(--background) / 0.98));
}


body.modal-open { overflow: hidden; }
.wallet-actions-row { margin-bottom: 1rem; }
.wallet-warning-box,
.wallet-alert-note {
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.8);
  padding: 1rem;
  border-radius: 18px;
}
.wallet-warning-box strong,
.wallet-alert-note strong { display:block; margin-bottom:0.45rem; color:hsl(var(--foreground)); }
.wallet-warning-box p,
.wallet-alert-note p { color:hsl(var(--muted-foreground)); line-height:1.6; }
.wallet-alert-note.compact { margin-bottom: 1rem; }
.wallet-alert-note.danger { border-color: hsla(var(--destructive) / 0.35); background: hsla(var(--destructive) / 0.08); }
.wallet-info-stack { display:grid; gap:0.9rem; }
.wallet-step-card {
  display:flex;
  gap:0.9rem;
  align-items:flex-start;
  border:1px solid hsl(var(--border));
  background:hsla(var(--secondary) / 0.72);
  border-radius:18px;
  padding:1rem;
}
.wallet-step-card span {
  width:34px; height:34px; min-width:34px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%; background:hsl(var(--acid)); color:hsl(var(--background)); font-weight:700;
}
.wallet-step-card strong { display:block; margin-bottom:0.35rem; }
.wallet-step-card p { color:hsl(var(--muted-foreground)); line-height:1.6; }
.wallet-modal {
  position:fixed; inset:0; z-index:60; display:none; align-items:center; justify-content:center;
  padding:1.25rem; background:rgba(3,6,10,0.72); backdrop-filter: blur(12px);
}
.wallet-modal.open { display:flex; }
.wallet-modal-card {
  width:min(100%, 620px);
  border:1px solid hsl(var(--border));
  border-radius:24px;
  background:linear-gradient(180deg, hsla(var(--panel-light) / 0.98), hsla(var(--panel) / 0.98));
  box-shadow:0 30px 90px rgba(0,0,0,0.4);
  padding:1.2rem;
}
.wallet-payment-card { width:min(100%, 760px); }
.wallet-modal-header {
  display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem;
}
.wallet-modal-header h3 { font-family:'Rajdhani', sans-serif; font-size:1.5rem; letter-spacing:0.06em; text-transform:uppercase; }
.wallet-close-btn {
  width:40px; height:40px; border-radius:12px; border:1px solid hsl(var(--border));
  background:hsl(var(--secondary)); color:hsl(var(--foreground)); font-size:1.5rem; line-height:1;
}
.wallet-modal-form { display:grid; gap:0.95rem; }
.wallet-qr-layout { display:grid; gap:1rem; }
@media (min-width: 860px) { .wallet-qr-layout { grid-template-columns: 260px 1fr; align-items:start; } }
.wallet-qr-image {
  width:260px; height:260px; border-radius:22px; background:#fff; padding:12px; object-fit:contain; max-width:100%;
}
.wallet-copy-text {
  width:100%; min-height:130px; resize:none; border-radius:18px; border:1px solid hsl(var(--border));
  background:hsla(var(--secondary) / 0.9); color:hsl(var(--foreground)); padding:0.95rem;
}
.wallet-address-box {
  word-break:break-all; border:1px solid hsla(var(--acid) / 0.35); background:hsla(var(--acid) / 0.08);
  color:hsl(var(--foreground)); padding:1rem; border-radius:18px; margin-bottom:1rem;
}



.hero-top-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  margin-bottom:0.9rem;
}
.btn-top-copy { white-space:nowrap; }
.search-panel { min-width:0; }
.search-result-card-lg { min-height:100%; display:flex; align-items:center; }
.search-result-card-lg > * { width:100%; }
.copy-search-row .input { min-width:0; width:100%; }
.copy-search-row .btn { min-width:140px; }
.copied-trades-grid {
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
}
.copied-trade-card {
  border:1px solid hsl(var(--border));
  background:hsla(var(--secondary) / 0.65);
  padding:1rem;
}
.copied-trade-card .progress { margin-top:0.65rem; }
.copied-trade-meta {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0.75rem;
  margin:0.9rem 0;
}
.copied-trade-meta .metric-mini { padding:0.75rem; }
.copy-page-grid { display:grid; gap:1.25rem; }
@media (min-width: 980px) { .copy-page-grid { grid-template-columns: minmax(360px, 0.92fr) minmax(0, 1.18fr); align-items:stretch; } }
.search-result-card, .copy-modal-panel {
  border:1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.65);
  padding:1rem;
}
.copy-result-grid, .modal-metrics {
  display:grid;
  gap:0.75rem;
  grid-template-columns: repeat(3, minmax(0,1fr));
  margin:1rem 0;
}
.metric-mini {
  border:1px solid hsl(var(--border));
  background:hsl(var(--panel));
  padding:0.85rem;
}
.metric-mini small {
  display:block;
  color:hsl(var(--muted-foreground));
  text-transform:uppercase;
  letter-spacing:0.1em;
  font-size:0.68rem;
  margin-bottom:0.3rem;
}
.metric-mini strong { font-size:1rem; }
.trader-name-row {
  display:flex;
  align-items:center;
  gap:0.55rem;
  flex-wrap:wrap;
}
.top-badge {
  display:inline-flex;
  align-items:center;
  padding:0.25rem 0.5rem;
  border:1px solid hsla(var(--gold) / 0.35);
  background:hsla(var(--gold) / 0.12);
  color:hsl(var(--gold));
  font-size:0.66rem;
  text-transform:uppercase;
  letter-spacing:0.1em;
}
.progress-strong { height:10px; }
.copy-action-col {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0.5rem;
}
.mini-rating { color:hsl(var(--muted-foreground)); font-size:0.74rem; }
.btn-sm { min-height:38px; padding:0.55rem 0.75rem; font-size:0.72rem; }
.copy-modal {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.72);
  display:none;
  align-items:center;
  justify-content:center;
  padding:1rem;
  z-index:60;
}
.copy-modal.open { display:flex; }
.copy-modal-dialog {
  width:min(760px, 100%);
  background:hsl(var(--panel));
  border:1px solid hsl(var(--border));
  padding:1.2rem;
  max-height:90vh;
  overflow:auto;
}
.modal-topbar {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}
.modal-close {
  background:transparent;
  border:1px solid hsl(var(--border));
  color:hsl(var(--foreground));
  width:38px;
  height:38px;
}
.star-row { display:flex; align-items:center; gap:0.35rem; flex-wrap:wrap; }
.star-btn {
  background:transparent;
  border:none;
  color:hsl(var(--muted-foreground));
  font-size:1.5rem;
  line-height:1;
}
.star-btn.active { color:hsl(var(--gold)); }
.modal-note { color:hsl(var(--muted-foreground)); font-size:0.84rem; margin-top:0.35rem; }
.copy-projection {
  border:1px solid hsl(var(--border));
  background:hsla(var(--secondary) / 0.65);
  padding:1rem;
  margin-top:1rem;
}
.copy-projection-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0.75rem;
  margin-top:0.75rem;
}
.copy-cta-row { display:flex; gap:0.75rem; flex-wrap:wrap; margin-top:1rem; }
.copy-search-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) 144px;
  gap:0.75rem;
  align-items:stretch;
}
.copy-empty-state { color:hsl(var(--muted-foreground)); line-height:1.7; }
@media (max-width: 899px) {
  .leaderboard-header, .table-row { grid-template-columns: 1fr; }
  .copy-result-grid, .modal-metrics, .copy-projection-grid, .copied-trade-meta { grid-template-columns:1fr; }
  .copy-search-row { grid-template-columns:1fr; }
}


.leaderboard-header-copy,
#copyRows .table-row {
  grid-template-columns: 0.55fr 1.75fr 0.95fr 0.95fr 0.95fr 1fr;
}

#copyRows .table-row .progress {
  max-width: 240px;
}

#copyRows .copy-action-col .btn {
  width: 100%;
}

#searchTraderResult .avatar {
  width: 56px;
  height: 56px;
  font-size: 0.9rem;
}

@media (max-width: 899px) {
  .leaderboard-header-copy { display: none; }
  #copyRows .table-row {
    grid-template-columns: 1fr;
  }
}

.search-empty-wrap {
  min-height: 210px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.45rem;
  padding: 1.2rem;
}

.search-empty-wrap strong {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: hsl(var(--foreground));
}

.search-result-shell {
  display: grid;
  gap: 1rem;
  width: 100%;
}

.search-result-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

.search-result-title {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  min-width: 0;
}

.avatar-xl {
  width: 68px;
  height: 68px;
  min-width: 68px;
  font-size: 1rem;
}

.search-result-side {
  display: grid;
  gap: 0.35rem;
  justify-items: end;
}

.search-highlight {
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1;
}

.search-result-grid-strong {
  margin: 0;
}

.metric-mini-strong {
  border-radius: 16px;
  background: linear-gradient(180deg, hsla(var(--panel-light) / 0.95), hsla(var(--panel) / 0.98));
}

.search-result-footer {
  display: grid;
  gap: 0.9rem;
}

.search-result-actions {
  justify-content: flex-end;
}

.copied-trades-dialog {
  width: min(1080px, 100%);
}

.copied-trades-grid-modal {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.copied-trade-card-modal {
  border-radius: 18px;
  background: linear-gradient(180deg, hsla(var(--secondary) / 0.9), hsla(var(--panel) / 0.95));
}

.copied-trade-header-row {
  justify-content: space-between;
  align-items: center;
}

.copied-trade-meta-modal {
  margin: 1rem 0;
}

.copied-trade-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 100px;
  gap: 0.75rem;
}

.copied-actions-row {
  justify-content: space-between;
}

body.modal-open {
  overflow: hidden;
}

@media (max-width: 899px) {
  .search-result-side {
    justify-items: start;
  }

  .search-result-actions {
    justify-content: stretch;
  }

  .search-result-actions .btn {
    width: 100%;
  }

  .copied-trade-controls {
    grid-template-columns: 1fr;
  }

  .copied-actions-row .btn-soft {
    width: 100%;
  }
}


.search-result-card {
  border-radius: 20px;
}

.search-result-title-copy {
  min-width: 0;
  display: grid;
  gap: 0.35rem;
}

.search-inline-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.15rem;
}

.search-rating-pill {
  color: hsl(var(--foreground));
  border-color: hsla(var(--border) / 0.9);
  background: hsla(var(--panel-light) / 0.75);
  text-transform: none;
  letter-spacing: 0.02em;
}

.search-side-label {
  margin: 0;
}

.search-result-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(240px, 0.95fr);
  gap: 1rem;
  align-items: stretch;
}

.search-result-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.search-result-sidecard {
  border: 1px solid hsl(var(--border));
  background: linear-gradient(180deg, hsla(var(--secondary) / 0.82), hsla(var(--panel) / 0.96));
  border-radius: 18px;
  padding: 1rem;
  display: grid;
  gap: 0.85rem;
  align-content: space-between;
}

.search-sidecard-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}

.search-sidecard-text {
  color: hsl(var(--muted-foreground));
  line-height: 1.6;
  font-size: 0.92rem;
}

@media (max-width: 899px) {
  .search-result-main-grid,
  .search-result-metrics {
    grid-template-columns: 1fr;
  }

  .search-result-title {
    align-items: flex-start;
  }

  .avatar-xl {
    width: 56px;
    height: 56px;
    min-width: 56px;
  }

  .search-result-sidecard {
    padding: 0.9rem;
  }
}

.live-flash-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  margin: 1.2rem 0 1rem;
}
.live-flash-strip.compact-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 0;
}
.live-flash-item {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.9rem 1rem;
  border: 1px solid hsla(var(--acid) / 0.2);
  background: linear-gradient(180deg, hsla(var(--secondary) / 0.95), hsla(var(--panel-light) / 0.95));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 10px 24px rgba(0,0,0,0.18);
}
.live-flash-item span {
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: hsla(var(--acid) / 0.12);
  font-size: 1rem;
}
.live-flash-item strong {
  font-size: 0.92rem;
  line-height: 1.4;
}
.live-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.15rem;
}
.live-kpi-card,
.hero-live-pill {
  padding: 1rem;
  border: 1px solid hsl(var(--border));
  background: linear-gradient(180deg, hsla(var(--secondary) / 0.95), hsla(var(--panel-light) / 0.92));
  min-height: 112px;
}
.live-kpi-card span,
.hero-live-pill small {
  display: block;
  color: hsl(var(--muted-foreground));
  font-size: 0.78rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.live-kpi-card strong,
.hero-live-pill strong {
  display: block;
  margin: 0.45rem 0 0.25rem;
  font-family: 'Rajdhani', sans-serif;
  font-size: 2rem;
  line-height: 1;
}
.live-kpi-card small,
.hero-live-pill span {
  color: hsl(var(--foreground));
  opacity: 0.76;
}
.live-balance-flash.blink-live,
.live-kpi-card strong.blink-live,
.hero-live-pill strong.blink-live {
  animation: blink-balance 0.9s ease-in-out 3;
}
.live-feed-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 1rem;
}
.live-feed-list,
.live-recent-list {
  display: grid;
  gap: 0.8rem;
}
.live-pulse-item,
.recent-op-item {
  padding: 1rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.82);
}
.live-pulse-top,
.recent-op-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 0.45rem;
}
.live-pulse-user,
.recent-op-symbol {
  font-weight: 700;
}
.live-pulse-meta,
.recent-op-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.7rem;
}
.live-meta-chip {
  padding: 0.38rem 0.55rem;
  border: 1px solid hsla(var(--cyan) / 0.16);
  background: hsla(var(--cyan) / 0.08);
  font-size: 0.75rem;
  color: hsl(var(--foreground));
}
.referral-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.hero-live-stats,
.trader-live-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 1.15rem;
}
.hero-live-pill {
  position: relative;
  overflow: hidden;
}
.hero-live-pill span {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: hsla(var(--acid) / 0.12);
  margin-bottom: 0.7rem;
  font-size: 1rem;
}
.recent-op-badge {
  padding: 0.35rem 0.55rem;
  border: 1px solid hsla(var(--acid) / 0.24);
  background: hsla(var(--acid) / 0.08);
  color: hsl(var(--acid));
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
@media (max-width: 1100px) {
  .live-kpi-grid,
  .hero-live-stats,
  .trader-live-band,
  .live-flash-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .live-feed-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 720px) {
  .live-flash-strip,
  .live-kpi-grid,
  .hero-live-stats,
  .trader-live-band,
  .live-flash-strip.compact-strip {
    grid-template-columns: 1fr;
  }
  .referral-card {
    flex-direction: column;
    align-items: flex-start;
  }
}



.profile-layout {
  display: grid;
  gap: 1rem;
  align-items: start;
}
@media (min-width: 1080px) {
  .profile-layout {
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr);
  }
}
.profile-main-stack,
.profile-sidebar-stack,
.profile-hero-side,
.profile-side-links,
.security-grid,
.kyc-checklist {
  display: grid;
  gap: 1rem;
}
.profile-hero {
  display: grid;
  gap: 1.2rem;
  align-items: end;
}
@media (min-width: 900px) {
  .profile-hero {
    grid-template-columns: minmax(0, 1.3fr) auto;
  }
}
.profile-summary-grid {
  display: grid;
  gap: 0.85rem;
}
@media (min-width: 760px) {
  .profile-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.summary-soft-card,
.security-card,
.shortcut-card,
.profile-support-banner {
  border: 1px solid hsl(var(--border));
  background: linear-gradient(180deg, hsla(var(--secondary) / 0.82), hsla(var(--background) / 0.9));
}
.summary-soft-card {
  padding: 1rem;
}
.summary-soft-card span,
.shortcut-card span {
  display: block;
  color: hsl(var(--muted-foreground));
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.35rem;
}
.summary-soft-card strong,
.shortcut-card strong {
  display: block;
  font-size: 1rem;
}
.profile-support-banner {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  gap: 1rem;
  padding: 1rem;
  margin-top: 1.25rem;
}
.profile-support-banner strong {
  display: block;
  margin-bottom: 0.35rem;
}
.profile-support-banner p {
  color: hsl(var(--muted-foreground));
  line-height: 1.6;
  font-size: 0.92rem;
}
.profile-support-banner span {
  color: hsl(var(--acid));
  font-weight: 700;
}
.profile-support-icon {
  width: 48px;
  height: 48px;
  border: 1px solid hsla(var(--acid) / 0.35);
  background: hsla(var(--acid) / 0.12);
  color: hsl(var(--acid));
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}
.profile-locked-input {
  color: hsl(var(--foreground));
  background: linear-gradient(180deg, hsla(var(--secondary) / 0.96), hsla(var(--panel) / 0.92));
  border-color: hsla(var(--border) / 0.9);
  cursor: not-allowed;
  opacity: 1;
}
.profile-locked-input:disabled,
.profile-locked-input[readonly] {
  color: hsl(var(--foreground));
  -webkit-text-fill-color: hsl(var(--foreground));
}
.profile-locked-input::placeholder {
  color: hsl(var(--muted-foreground));
}
.security-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 900px) {
  .security-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.security-card {
  padding: 1rem;
}
.security-card-kyc {
  grid-column: 1 / -1;
}
.kyc-checklist {
  margin-top: 1rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 760px) {
  .kyc-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.kyc-item {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr);
  gap: 0.85rem;
  align-items: center;
  padding: 0.85rem;
  border: 1px solid hsla(var(--border) / 0.75);
  background: hsla(var(--secondary) / 0.62);
}
.kyc-item span {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid hsla(var(--acid) / 0.35);
  background: hsla(var(--acid) / 0.12);
  color: hsl(var(--acid));
  font-family: 'Rajdhani', sans-serif;
  font-size: 1rem;
  font-weight: 700;
}
.kyc-item p {
  color: hsl(var(--foreground));
  line-height: 1.45;
  font-size: 0.95rem;
}
.shortcut-card {
  padding: 1rem;
  transition: 0.2s ease;
}
.shortcut-card:hover {
  border-color: hsla(var(--acid) / 0.35);
  transform: translateY(-1px);
}
.shortcut-card.big strong {
  font-size: 1.02rem;
}


.deposit-conversion-panel { overflow: visible; }
.deposit-conversion-grid { display:grid; gap:1rem; }
@media (min-width: 980px) { .deposit-conversion-grid { grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.8fr); } }
.deposit-highlight-card { border:1px solid hsla(var(--acid) / 0.24); background: linear-gradient(135deg, hsla(var(--acid) / 0.08), hsla(var(--cyan) / 0.04)); padding:1.15rem; margin-bottom:1rem; }
.deposit-highlight-kicker { display:inline-flex; padding:0.35rem 0.6rem; border:1px solid hsla(var(--acid) / 0.28); background:hsla(var(--acid) / 0.1); color:hsl(var(--acid)); font-size:0.72rem; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:0.8rem; }
.deposit-highlight-card h3 { font-family:'Rajdhani', sans-serif; text-transform:uppercase; font-size:1.8rem; line-height:0.95; margin-bottom:0.6rem; }
.deposit-highlight-card p { color:hsl(var(--muted-foreground)); line-height:1.65; }
.deposit-potential-line { display:flex; flex-wrap:wrap; align-items:end; gap:0.55rem; margin-top:1rem; }
.deposit-potential-line strong { font-size:1.55rem; color:hsl(var(--acid)); }
.deposit-potential-line span { color:hsl(var(--muted-foreground)); font-size:0.82rem; }
.deposit-suggestion-row, .deposit-quick-picks { display:flex; flex-wrap:wrap; gap:0.75rem; margin-bottom:1rem; }
.deposit-suggestion-chip { min-height:42px; padding:0.7rem 0.95rem; border:1px solid hsl(var(--border)); background:hsl(var(--secondary)); color:hsl(var(--foreground)); text-transform:uppercase; letter-spacing:0.08em; font-size:0.76rem; }
.deposit-suggestion-chip.active, .deposit-suggestion-chip:hover { border-color:hsla(var(--acid) / 0.42); background:hsla(var(--acid) / 0.12); color:hsl(var(--acid)); }
.deposit-projection-grid, .deposit-modal-stats { display:grid; gap:0.8rem; grid-template-columns:repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .deposit-projection-grid, .deposit-modal-stats { grid-template-columns:repeat(4, minmax(0, 1fr)); } }
.deposit-main-cta { min-width:280px; }
.deposit-proof-inline { display:flex; flex-wrap:wrap; gap:0.7rem; margin-top:0.9rem; }
.deposit-proof-inline.strong { margin:0.2rem 0 0.4rem; }
.proof-pill { display:inline-flex; align-items:center; gap:0.45rem; padding:0.45rem 0.75rem; border:1px solid hsl(var(--border)); background:hsla(var(--secondary) / 0.75); color:hsl(var(--foreground)); font-size:0.74rem; }
.deposit-proof-card { border:1px solid hsl(var(--border)); background:hsla(var(--secondary) / 0.48); padding:1rem; }
.deposit-proof-list { display:grid; gap:0.8rem; margin-top:1rem; }
.deposit-proof-item { display:grid; gap:0.18rem; border:1px solid hsla(var(--border) / 0.65); background:hsl(var(--panel)); padding:0.8rem; }
.deposit-proof-item strong { font-size:0.94rem; }
.deposit-proof-item span { color:hsl(var(--acid)); font-weight:700; }
.deposit-proof-item small { color:hsl(var(--muted-foreground)); }
.wallet-modal-card-conversion { max-width: 760px; }
.deposit-modal-form { gap:1rem; }
.deposit-note-success { border-color:hsla(var(--acid) / 0.24); background:hsla(var(--acid) / 0.08); }
@media (max-width: 899px) { .deposit-main-cta { width:100%; min-width:0; } }


.support-float-btn {
  position: fixed;
  left: clamp(0.9rem, 2vw, 1.7rem);
  bottom: clamp(0.9rem, 2vw, 1.5rem);
  z-index: 60;
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  min-height: 62px;
  padding: 0.85rem 1.05rem;
  border-radius: 999px;
  border: 1px solid hsla(var(--cyan) / 0.28);
  background:
    linear-gradient(135deg, hsla(var(--panel-light) / 0.98), hsla(var(--secondary) / 0.95));
  color: hsl(var(--foreground));
  box-shadow: 0 18px 45px rgba(0,0,0,0.38), 0 0 0 1px hsla(var(--acid) / 0.08) inset;
  backdrop-filter: blur(18px);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.support-float-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, hsla(var(--acid) / 0.12), hsla(var(--cyan) / 0.06));
  opacity: 1;
  pointer-events: none;
}
.support-float-btn:hover {
  transform: translateY(-2px) scale(1.01);
  border-color: hsla(var(--acid) / 0.45);
  box-shadow: 0 22px 55px rgba(0,0,0,0.42), 0 0 24px hsla(var(--acid) / 0.12);
}
.support-float-btn:active { transform: translateY(0); }
.support-float-icon,
.support-float-copy {
  position: relative;
  z-index: 1;
}
.support-float-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, hsl(var(--acid)), hsl(var(--cyan)));
  color: hsl(var(--void));
  box-shadow: 0 0 20px hsla(var(--acid) / 0.28);
  font-size: 1rem;
}
.support-float-copy {
  display: grid;
  gap: 0.1rem;
  text-align: left;
}
.support-float-copy strong {
  font-size: 0.84rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.support-float-copy small {
  color: hsl(var(--muted-foreground));
  font-size: 0.76rem;
  line-height: 1.15;
}

@media (max-width: 899px) {
  .support-float-btn {
    left: 0.85rem;
    right: auto;
    bottom: 0.9rem;
    min-height: 56px;
    padding: 0.8rem 0.95rem;
    gap: 0.7rem;
  }
  .support-float-icon {
    width: 38px;
    height: 38px;
  }
  .support-float-copy strong {
    font-size: 0.76rem;
  }
  .support-float-copy small {
    font-size: 0.7rem;
  }
}

/* BOTÃO SUPORTE FLUTUANTE */
.support-float {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
    z-index: 9999;
    transition: 0.3s;
    font-size: 22px;
}

.support-float:hover {
    transform: scale(1.1);
}


.account-tier-area { display:flex; align-items:center; }
.account-tier-area-mobile { display:none; margin-bottom:1rem; }
.account-tier-chip-wrap { position:relative; display:flex; align-items:center; }
.account-tier-chip { min-height:46px; padding:0.7rem 1rem; border-radius:999px; border:1px solid hsl(var(--border)); display:inline-flex; align-items:center; gap:0.55rem; background:hsl(var(--secondary)); color:hsl(var(--foreground)); text-transform:uppercase; letter-spacing:0.08em; font-size:0.76rem; box-shadow:0 8px 24px rgba(0,0,0,0.18); }
.account-tier-chip .tier-icon { font-size:1rem; }
.account-tier-chip.tier-basic { background:linear-gradient(135deg, rgba(71,85,105,.92), rgba(30,41,59,.96)); border-color:rgba(148,163,184,.25); }
.account-tier-chip.tier-premium { background:linear-gradient(135deg, rgba(250,204,21,.22), rgba(161,98,7,.92)); border-color:rgba(250,204,21,.34); box-shadow:0 0 22px rgba(250,204,21,.14); }
.account-tier-chip.tier-black { background:linear-gradient(135deg, rgba(248,250,252,.18), rgba(75,85,99,.96), rgba(17,24,39,1)); border-color:rgba(226,232,240,.34); box-shadow:0 0 26px rgba(148,163,184,.14); }
.account-tier-chip.tier-vip { background:linear-gradient(135deg, rgba(251,191,36,.24), rgba(245,158,11,.9), rgba(120,53,15,.98)); border-color:rgba(251,191,36,.42); box-shadow:0 0 30px rgba(251,191,36,.22); }
.account-tier-chip.is-upgraded { animation: accountTierPulse 1.5s ease; }
.account-tier-tooltip { position:absolute; left:0; top:calc(100% + 0.65rem); width:min(320px, 86vw); padding:0.95rem 1rem; border-radius:16px; border:1px solid rgba(255,255,255,0.08); background:rgba(10,14,22,0.95); box-shadow:0 22px 46px rgba(0,0,0,0.34); backdrop-filter:blur(16px); opacity:0; transform:translateY(8px); pointer-events:none; transition:0.22s ease; z-index:50; }
.account-tier-chip-wrap:hover .account-tier-tooltip, .account-tier-chip-wrap.is-open .account-tier-tooltip { opacity:1; transform:translateY(0); pointer-events:auto; }
.account-tier-tooltip strong { display:block; margin-bottom:0.22rem; }
.account-tier-tooltip span { display:block; color:hsl(var(--muted-foreground)); font-size:0.82rem; line-height:1.45; }
.account-tier-tooltip .tier-progress-mini { margin-top:0.7rem; }
.account-tier-progress-card { margin-top:1rem; padding:1rem 1.05rem; border:1px solid hsl(var(--border)); background:hsla(var(--secondary) / .7); border-radius:18px; }
.account-tier-progress-card .progress-copy { display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; margin-bottom:0.7rem; }
.account-tier-progress-card .progress-copy strong { display:block; font-size:1rem; }
.account-tier-progress-card .progress-copy span { color:hsl(var(--muted-foreground)); font-size:0.84rem; line-height:1.5; max-width:50ch; }
.account-tier-bar { height:12px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.07); }
.account-tier-bar > span { display:block; height:100%; background:linear-gradient(90deg, hsl(var(--acid)), hsl(var(--cyan))); }
.account-tier-scale { display:flex; justify-content:space-between; gap:.5rem; margin-top:.65rem; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:hsl(var(--muted-foreground)); }
.deposit-suggestion-chip[data-tier-key="vip"] { box-shadow:0 0 22px rgba(251,191,36,.15); }
@keyframes accountTierPulse { 0% { transform:scale(1); } 40% { transform:scale(1.05); box-shadow:0 0 0 10px rgba(183,255,0,.08); } 100% { transform:scale(1); } }
@media (max-width: 899px) {
  .account-tier-area { display:none; }
  .account-tier-area-mobile { display:flex; }
  .account-tier-chip { width:100%; justify-content:center; }
  .account-tier-tooltip { left:50%; transform:translate(-50%, 8px); width:min(92vw, 280px); }
  .account-tier-chip-wrap:hover .account-tier-tooltip, .account-tier-chip-wrap.is-open .account-tier-tooltip { transform:translate(-50%, 0); }
  .account-tier-progress-card .progress-copy { flex-direction:column; }
}


.header-user-meta, .header-user-meta-mobile { display:flex; align-items:center; }
.header-user-card { display:flex; flex-direction:column; gap:0.12rem; padding:0.55rem 0.85rem; border:1px solid hsl(var(--border)); background:hsla(var(--secondary) / 0.78); border-radius:16px; min-width:150px; }
.header-user-card small { color:hsl(var(--muted-foreground)); font-size:0.68rem; text-transform:uppercase; letter-spacing:0.12em; }
.header-user-card strong { font-size:0.95rem; line-height:1.1; max-width:170px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.header-user-card span { color:hsl(var(--acid)); font-size:0.72rem; text-transform:uppercase; letter-spacing:0.08em; }
.header-progress-strip { border-top:1px solid hsla(var(--border) / 0.7); background:hsla(var(--background) / 0.76); backdrop-filter:blur(10px); }
.header-progress-card { display:flex; flex-direction:column; gap:0.5rem; padding:0.65rem 0; }
.header-progress-copy { display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.header-progress-copy strong { font-size:0.84rem; text-transform:uppercase; letter-spacing:0.08em; }
.header-progress-copy span { color:hsl(var(--muted-foreground)); font-size:0.78rem; }
@media (max-width: 899px) { .header-user-meta { display:none; } .header-user-meta-mobile { display:flex; margin-bottom:1rem; } .header-user-card { width:100%; } .header-progress-copy { flex-direction:column; align-items:flex-start; } }
@media (min-width: 900px) { .header-actions { gap:0.85rem; } }


.support-popup {
  display:none;
  position:fixed;
  left:clamp(0.9rem, 2vw, 1.7rem);
  bottom:calc(clamp(0.9rem, 2vw, 1.5rem) + 5.6rem);
  z-index:61;
  min-width:220px;
  padding:0.95rem 1rem;
  border-radius:18px;
  border:1px solid hsla(var(--acid) / 0.2);
  background:rgba(10,14,22,0.96);
  box-shadow:0 18px 42px rgba(0,0,0,0.36);
  backdrop-filter:blur(18px);
}
.support-popup.show { display:grid; gap:0.22rem; }
.support-popup strong { font-size:0.86rem; text-transform:uppercase; letter-spacing:0.08em; }
.support-popup span { color:hsl(var(--acid)); font-weight:700; font-size:0.95rem; }
@media (max-width: 899px) {
  .support-popup { bottom:calc(0.9rem + 5rem); left:0.85rem; min-width:200px; }
}

/* Trades Globais */
.global-trader-grid {
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
}
.global-trader-card {
  position:relative;
  overflow:hidden;
}
.global-trader-card.is-locked {
  cursor:pointer;
}
.global-trader-card.is-locked > * {
  filter:blur(2.2px);
  opacity:.72;
}
.global-trader-card.is-locked::after {
  content:'Área exclusiva para assinantes';
  position:absolute;
  inset:auto 1rem 1rem 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:16px;
  border:1px solid hsla(var(--acid) / .28);
  background:rgba(5,9,15,.88);
  color:hsl(var(--acid));
  font-weight:800;
  letter-spacing:.02em;
  backdrop-filter:blur(10px);
  z-index:2;
}
.global-access-dialog {
  width:min(780px, 100%);
  border-radius:24px;
}
.global-benefit-list {
  display:grid;
  gap:.55rem;
  padding-left:1.1rem;
  margin-top:.75rem;
  color:hsl(var(--foreground));
  line-height:1.5;
}
.global-plan-card {
  background:linear-gradient(180deg, hsla(var(--acid) / .08), hsla(var(--panel) / .96));
}

/* Admin */
.admin-body{background:#050606;color:#f5f7f2;min-height:100vh}.admin-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 5vw;background:rgba(5,6,6,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.admin-logo{text-decoration:none}.admin-nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.admin-nav a{color:rgba(255,255,255,.72);text-decoration:none;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.65rem .9rem;font-size:.9rem;background:rgba(255,255,255,.03)}.admin-nav a.active,.admin-nav a:hover{color:#050606;background:#ccff00;border-color:#ccff00}.admin-main{width:min(1180px,90vw);margin:0 auto;padding:2rem 0 4rem}.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem;border:1px solid rgba(204,255,0,.16);border-radius:28px;background:linear-gradient(135deg,rgba(204,255,0,.12),rgba(255,255,255,.03));margin-bottom:1.4rem}.admin-hero.compact{align-items:flex-end}.admin-hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1;margin:.75rem 0 .5rem}.admin-hero p{color:rgba(255,255,255,.7);max-width:680px}.admin-search{max-width:380px}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.4rem}.admin-stat,.admin-panel,.admin-lock{border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(255,255,255,.04);box-shadow:0 24px 80px rgba(0,0,0,.26)}.admin-stat{padding:1.2rem}.admin-stat small{display:block;color:#ccff00;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.admin-stat strong{display:block;font-size:clamp(1.5rem,3vw,2.25rem);margin:.4rem 0}.admin-stat span{color:rgba(255,255,255,.6);font-size:.9rem}.admin-panel{padding:1.2rem}.admin-table-wrap{overflow:auto}.admin-table{min-width:840px}.admin-table td small{color:rgba(255,255,255,.55)}.admin-status{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:700;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75)}.admin-status.approved,.admin-status.paid{background:rgba(204,255,0,.14);color:#ccff00}.admin-status.pending,.admin-status.processing{background:rgba(255,193,7,.12);color:#ffd86b}.admin-status.rejected{background:rgba(255,83,83,.13);color:#ff7777}.admin-row-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-mini-btn{border:0;border-radius:999px;background:#ccff00;color:#050606;font-weight:800;padding:.55rem .75rem;cursor:pointer;white-space:nowrap}.admin-mini-btn.danger{background:rgba(255,83,83,.16);color:#ff7b7b;border:1px solid rgba(255,83,83,.25)}.admin-toast{position:fixed;right:1rem;bottom:1rem;background:#ccff00;color:#050606;border-radius:16px;padding:.9rem 1rem;font-weight:800;transform:translateY(150%);transition:.25s;z-index:100}.admin-toast.show{transform:translateY(0)}.admin-toast.error{background:#ff6868}.admin-lock{margin:3rem auto;padding:2rem;max-width:560px;text-align:center}.admin-lock h1{font-size:2.5rem;margin-bottom:.8rem}.admin-lock p{color:rgba(255,255,255,.72);margin-bottom:1.2rem}@media(max-width:900px){.admin-topbar{align-items:flex-start;flex-direction:column}.admin-nav{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:.25rem}.admin-hero{align-items:flex-start;flex-direction:column}.admin-search{max-width:none;width:100%}.admin-stats-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.admin-stats-grid{grid-template-columns:1fr}.admin-main{width:min(94vw,1180px);padding-top:1rem}.admin-hero{border-radius:20px;padding:1rem}}

/* Login Admin */
.admin-login-body{display:grid;place-items:center;padding:1.2rem}.admin-login-page{width:min(94vw,520px)}.admin-login-card{border:1px solid rgba(204,255,0,.16);border-radius:30px;background:linear-gradient(145deg,rgba(204,255,0,.1),rgba(255,255,255,.04));box-shadow:0 30px 90px rgba(0,0,0,.36);padding:1.4rem}.admin-login-logo{text-decoration:none;margin-bottom:1.4rem;display:inline-flex}.admin-login-copy h1{font-size:clamp(2.1rem,7vw,3.4rem);line-height:1;margin:.8rem 0 .55rem}.admin-login-copy p{color:rgba(255,255,255,.7);line-height:1.5}.admin-login-form{display:grid;gap:1rem;margin-top:1.25rem}.admin-login-form label{display:grid;gap:.45rem}.admin-login-form label span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.72)}.admin-login-error{min-height:1.2rem;color:#ff7777;font-weight:700}.admin-login-help{display:block;margin-top:1rem;color:rgba(255,255,255,.55);line-height:1.45}.admin-nav-logout{color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.65rem .9rem;font-size:.9rem;background:rgba(255,255,255,.03);cursor:pointer}.admin-nav-logout:hover{color:#050606;background:#ccff00;border-color:#ccff00}

/* Ranking dinâmico de traders */
.trader-name-row .muted-chip,
.trader-name-row .top-badge {
  margin-left: .25rem;
}
.modal-metrics {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

/* Ajuste visual do ranking de traders */
.leaderboard-wrap {
  overflow-x: auto;
}

.leaderboard-row {
  grid-template-columns: 64px minmax(280px, 2.25fr) minmax(105px, .9fr) minmax(110px, .95fr) minmax(116px, .95fr) minmax(150px, 1fr);
  gap: 1.05rem;
  align-items: center;
}

#copyRows .leaderboard-row {
  grid-template-columns: 52px minmax(210px, 2fr) minmax(84px, .82fr) minmax(92px, .86fr) minmax(98px, .9fr) minmax(124px, .95fr);
  gap: .9rem;
  padding-block: 1.05rem;
}

.trader-info {
  min-width: 0;
  align-items: center;
}

.trader-info-main {
  min-width: 0;
  width: 100%;
}

.trader-name-row {
  align-items: center;
  gap: .45rem;
  margin-bottom: .4rem;
}

.trader-name {
  line-height: 1.05;
  word-break: normal;
}

.trader-meta-list {
  display: grid;
  gap: .18rem;
  color: hsl(var(--muted-foreground));
  font-size: .78rem;
  line-height: 1.32;
}

.trader-meta-item {
  display: block;
  white-space: nowrap;
}

.trader-progress {
  width: min(260px, 100%);
  margin-top: .62rem;
}

.trader-stat {
  min-width: 0;
}

.trader-stat-value {
  font-size: clamp(1rem, 1.6vw, 1.18rem);
  line-height: 1.1;
  white-space: nowrap;
}

.trader-stat .trader-meta {
  margin-top: .25rem;
  line-height: 1.25;
}

.trader-stat-win .risk-chip {
  margin-top: .55rem;
  white-space: nowrap;
}

.copy-action-col {
  width: 100%;
  min-width: 0;
  align-items: stretch;
  justify-content: center;
}

.copy-action-col .btn {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding-inline: .75rem;
  text-align: center;
  white-space: normal;
  line-height: 1.15;
}

.mini-rating {
  margin-top: .6rem;
  line-height: 1.2;
}

@media (max-width: 760px) {
  #copyRows .leaderboard-row,
  .leaderboard-row {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: .85rem;
    padding: 1rem .9rem;
  }

  .leaderboard-row .rank {
    grid-row: span 4;
    align-self: start;
    padding-top: .35rem;
  }

  .leaderboard-row .trader-info,
  .leaderboard-row .trader-stat,
  .leaderboard-row .copy-action-col {
    grid-column: 2;
  }

  .leaderboard-row .trader-info {
    align-items: flex-start;
  }

  .leaderboard-row .avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }

  .trader-meta-item {
    white-space: normal;
  }

  .leaderboard-row .trader-stat {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .55rem;
    padding: .7rem .75rem;
    border: 1px solid hsl(var(--border));
    background: hsla(var(--secondary) / .55);
  }

  .leaderboard-row .trader-stat .trader-meta {
    margin-top: 0;
    text-align: right;
  }

  .leaderboard-row .trader-stat-win {
    grid-template-columns: 1fr auto;
  }

  .leaderboard-row .trader-stat-win .risk-chip {
    grid-column: 1 / -1;
    justify-self: start;
    margin-top: .15rem;
  }
}


/* Correção do modal de depósito no mobile */
.wallet-modal {
  overflow-y: auto;
  overflow-x: hidden;
  align-items: flex-start;
  -webkit-overflow-scrolling: touch;
}
.wallet-modal.open {
  display: flex;
}
.wallet-modal-card {
  margin: auto 0;
  max-height: calc(100dvh - 2.5rem);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ranking-risk-note {
  margin-top: 1rem;
  padding: .9rem 1rem;
  border: 1px solid hsla(var(--acid) / .18);
  background: linear-gradient(135deg, hsla(var(--acid) / .08), hsla(var(--secondary) / .55));
  color: hsl(var(--muted-foreground));
  font-size: .82rem;
  line-height: 1.55;
}
.ranking-risk-note::before {
  content: '⚠️ ';
  color: hsl(var(--gold));
}
@media (max-width: 760px) {
  .wallet-modal {
    align-items: flex-start;
    justify-content: center;
    padding: .75rem;
  }
  .wallet-modal-card,
  .wallet-modal-card-conversion,
  .wallet-payment-card {
    width: 100%;
    max-width: 100%;
    max-height: none;
    margin: 0 0 calc(1rem + env(safe-area-inset-bottom));
    border-radius: 18px;
    padding: 1rem;
    overflow: visible;
  }
  .wallet-modal-header {
    align-items: flex-start;
  }
  .wallet-modal-header h3 {
    font-size: 1.25rem;
  }
  .deposit-quick-picks,
  .deposit-modal-stats,
  .deposit-proof-inline {
    grid-template-columns: 1fr;
  }
  .deposit-suggestion-chip,
  .proof-pill {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}

/* MODAL DE DEPÓSITO PRO */
.header-user-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}
.header-deposit-btn {
  min-height: 38px;
  padding: 0.55rem 0.85rem;
  border: 1px solid hsla(var(--acid) / 0.45);
  background: linear-gradient(135deg, hsl(var(--acid)), hsl(var(--cyan)));
  color: hsl(var(--void));
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  box-shadow: 0 0 18px hsla(var(--acid) / 0.18);
}
.header-deposit-btn:hover { transform: translateY(-1px); filter: brightness(1.04); }

.deposit-modal-pro {
  align-items: flex-start;
  overflow-y: auto;
  padding: clamp(0.8rem, 2vw, 1.6rem);
}
.deposit-modal-card-pro {
  width: min(100%, 820px);
  margin: auto;
  max-height: none;
  overflow: visible;
  border-radius: 28px;
  border-color: hsla(var(--acid) / 0.18);
  background:
    radial-gradient(circle at top left, hsla(var(--acid) / 0.13), transparent 34%),
    radial-gradient(circle at top right, hsla(var(--cyan) / 0.12), transparent 36%),
    linear-gradient(180deg, hsla(var(--panel-light) / 0.98), hsla(var(--panel) / 0.99));
}
.deposit-modal-header-pro {
  align-items: flex-start;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid hsl(var(--border));
}
.deposit-modal-kicker {
  display: inline-flex;
  margin-bottom: 0.45rem;
  padding: 0.35rem 0.55rem;
  border: 1px solid hsla(var(--acid) / 0.3);
  background: hsla(var(--acid) / 0.1);
  color: hsl(var(--acid));
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.deposit-modal-header-pro h3 {
  font-size: clamp(1.9rem, 4vw, 3rem);
  line-height: 0.9;
}
.deposit-modal-form-pro { gap: 1rem; }
.deposit-hero-pro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: stretch;
  padding: 1rem;
  border: 1px solid hsla(var(--acid) / 0.25);
  background: linear-gradient(135deg, hsla(var(--acid) / 0.11), hsla(var(--cyan) / 0.05));
  border-radius: 22px;
  overflow: hidden;
  position: relative;
}
.deposit-hero-pro::after {
  content: '';
  position: absolute;
  inset: auto -3rem -4rem auto;
  width: 12rem;
  height: 12rem;
  background: hsla(var(--acid) / 0.11);
  filter: blur(24px);
  pointer-events: none;
}
.deposit-hero-copy { position: relative; z-index: 1; }
.deposit-hero-copy span,
.deposit-hero-copy small {
  display: block;
  color: hsl(var(--muted-foreground));
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.deposit-hero-copy strong {
  display: block;
  margin: 0.25rem 0;
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(3rem, 8vw, 5.2rem);
  line-height: 0.9;
  color: hsl(var(--acid));
  text-shadow: 0 0 22px hsla(var(--acid) / 0.2);
}
.deposit-hero-side {
  position: relative;
  z-index: 1;
  display: grid;
  align-content: center;
  gap: 0.55rem;
  min-width: 150px;
}
.deposit-hero-pill {
  padding: 0.65rem 0.85rem;
  border: 1px solid hsla(var(--acid) / 0.28);
  background: hsla(var(--acid) / 0.12);
  color: hsl(var(--acid));
  font-size: 0.74rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-align: center;
}
.deposit-hero-pill.ghost {
  border-color: hsla(var(--cyan) / 0.22);
  background: hsla(var(--cyan) / 0.08);
  color: hsl(var(--cyan));
}
.deposit-modal-stats-pro .summary-item {
  border-radius: 18px;
  background: linear-gradient(180deg, hsla(var(--secondary) / 0.92), hsla(var(--panel) / 0.98));
}
.deposit-projection-callout {
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
.deposit-quick-picks-pro {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 0;
}
.deposit-quick-picks-pro .deposit-suggestion-chip {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 0.2rem;
  border-radius: 18px;
  text-align: left;
  font-size: 0.9rem;
  font-weight: 700;
}
.deposit-quick-picks-pro .deposit-suggestion-chip small {
  display: block;
  color: hsl(var(--muted-foreground));
  font-size: 0.66rem;
  font-weight: 500;
  letter-spacing: 0.08em;
}
.deposit-quick-picks-pro .deposit-suggestion-chip.active small,
.deposit-quick-picks-pro .deposit-suggestion-chip:hover small { color: hsl(var(--foreground)); }
.deposit-method-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 1rem;
}
.deposit-proof-inline-pro { margin-top: 0; }
.deposit-submit-pro {
  min-height: 54px;
  border-radius: 18px;
  font-weight: 800;
  font-size: 0.82rem;
}

@media (max-width: 899px) {
  .header-user-actions {
    width: 100%;
    justify-content: space-between;
    align-items: stretch;
  }
  .header-user-actions .header-user-card { flex: 1; }
  .header-deposit-btn { min-width: 118px; }
  .deposit-modal-pro {
    display: none;
    align-items: flex-start;
    justify-content: stretch;
    padding: 0.75rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .deposit-modal-pro.open { display: block; }
  .deposit-modal-card-pro {
    width: 100%;
    margin: 0 auto 1.2rem;
    border-radius: 22px;
    padding: 1rem;
  }
  .deposit-modal-header-pro {
    position: sticky;
    top: -1rem;
    z-index: 3;
    background: linear-gradient(180deg, hsla(var(--panel-light) / 0.98), hsla(var(--panel) / 0.94));
    backdrop-filter: blur(14px);
  }
  .deposit-hero-pro,
  .deposit-method-grid,
  .deposit-modal-stats-pro,
  .deposit-quick-picks-pro {
    grid-template-columns: 1fr;
  }
  .deposit-hero-side { min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .deposit-quick-picks-pro .deposit-suggestion-chip { min-height: 58px; }
}

/* Upgrade de conversão do modal de depósito */
.deposit-tier-unlock {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: .2rem 0 1rem;
}
.unlock-step {
  position: relative;
  min-height: 92px;
  padding: .9rem;
  border: 1px solid hsl(var(--border));
  background: linear-gradient(180deg, hsla(var(--secondary) / .82), hsla(var(--panel) / .96));
  overflow: hidden;
}
.unlock-step::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, hsla(var(--acid) / .12), transparent 48%);
  opacity: 0;
  transition: .2s ease;
}
.unlock-step span,
.unlock-step strong,
.unlock-step small {
  position: relative;
  z-index: 1;
  display: block;
}
.unlock-step span {
  color: hsl(var(--muted-foreground));
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: .45rem;
}
.unlock-step strong {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.35rem;
  text-transform: uppercase;
  line-height: 1;
}
.unlock-step small {
  color: hsl(var(--muted-foreground));
  margin-top: .35rem;
  font-size: .78rem;
}
.unlock-step.active {
  border-color: hsla(var(--acid) / .42);
  box-shadow: 0 0 24px hsla(var(--acid) / .08);
}
.unlock-step.active::before { opacity: 1; }
.unlock-step.active strong { color: hsl(var(--acid)); }
.unlock-step.next {
  border-color: hsla(var(--cyan) / .34);
}
.unlock-step.next strong { color: hsl(var(--cyan)); }
.deposit-suggestion-chip.hot {
  border-color: hsla(var(--crimson) / .34);
  box-shadow: 0 0 24px hsla(var(--crimson) / .08);
}
.deposit-suggestion-chip.vip {
  border-color: hsla(var(--gold) / .36);
  box-shadow: 0 0 28px hsla(var(--gold) / .12);
}
.deposit-modal-pro.tier-bump .deposit-modal-card-pro,
.wallet-modal.tier-bump .wallet-modal-card {
  animation: tierBump .42s ease;
}
@keyframes tierBump {
  0% { transform: scale(.985); box-shadow: 0 24px 90px rgba(0,0,0,.36); }
  55% { transform: scale(1.01); box-shadow: 0 30px 100px rgba(0,0,0,.42), 0 0 26px hsla(var(--acid) / .16); }
  100% { transform: scale(1); }
}
@media (max-width: 899px) {
  .deposit-tier-unlock { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .deposit-tier-unlock { grid-template-columns: 1fr; }
  .unlock-step { min-height: 78px; }
}


/* Referral premium dashboard card */
.referral-pro-card {
  position: relative;
  overflow: hidden;
  border: 1px solid hsla(var(--acid) / 0.22);
  background:
    radial-gradient(circle at top right, hsla(var(--acid) / 0.16), transparent 34%),
    radial-gradient(circle at bottom left, hsla(var(--cyan) / 0.09), transparent 32%),
    linear-gradient(180deg, hsla(var(--panel-light) / 0.96), hsla(var(--panel) / 0.98));
  padding: 1.25rem;
  box-shadow: 0 22px 60px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.03);
}

.referral-pro-content {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.42fr);
  gap: 1rem;
  align-items: stretch;
}

.referral-pro-title {
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 0.95;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-top: 0.85rem;
}

.referral-pro-text {
  max-width: 62ch;
  margin-top: 0.75rem;
}

.referral-pro-highlight {
  border: 1px solid hsla(var(--acid) / 0.28);
  background: hsla(var(--acid) / 0.08);
  padding: 1rem;
  display: grid;
  align-content: center;
  gap: 0.35rem;
  min-height: 132px;
}

.referral-pro-highlight small,
.referral-pro-metric small {
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.7rem;
}

.referral-pro-highlight strong {
  font-family: 'Rajdhani', sans-serif;
  font-size: 2rem;
  line-height: 1;
  color: hsl(var(--acid));
}

.referral-pro-highlight span {
  color: hsl(var(--foreground));
  opacity: 0.88;
}

.referral-pro-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin-top: 1rem;
}

.referral-pro-metric {
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.72);
  padding: 0.95rem;
}

.referral-pro-metric strong {
  display: block;
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.65rem;
  line-height: 1;
  margin: 0.45rem 0 0.25rem;
  color: hsl(var(--foreground));
}

.referral-pro-metric span {
  color: hsl(var(--muted-foreground));
  font-size: 0.82rem;
}

.referral-pro-actions {
  position: relative;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}

@media (max-width: 899px) {
  .referral-pro-content,
  .referral-pro-grid {
    grid-template-columns: 1fr;
  }
  .referral-pro-actions .btn,
  .referral-pro-actions .btn-outline {
    width: 100%;
  }
}


/* Bloqueio real de quantidade de traders por plano */
.copy-limit-status {
  margin-top: 1rem;
}
.copy-limit-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid hsl(var(--border));
  background: linear-gradient(135deg, hsla(var(--secondary) / 0.92), hsla(var(--panel) / 0.96));
}
.copy-limit-card span {
  display: block;
  color: hsl(var(--muted-foreground));
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 0.28rem;
}
.copy-limit-card strong {
  display: block;
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.copy-limit-card small {
  display: block;
  color: hsl(var(--muted-foreground));
  margin-top: 0.28rem;
}
.copy-limit-card p {
  grid-column: 1 / -1;
  color: hsl(var(--muted-foreground));
  line-height: 1.5;
  padding-top: 0.35rem;
}
.copy-limit-card.is-ok {
  border-color: hsla(var(--acid) / 0.28);
  box-shadow: 0 0 22px hsla(var(--acid) / 0.08);
}
.copy-limit-card.is-locked {
  border-color: hsla(var(--gold) / 0.35);
  background: linear-gradient(135deg, hsla(var(--gold) / 0.08), hsla(var(--panel) / 0.96));
}
.copy-limit-action {
  min-width: 105px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 0.75rem;
  border: 1px solid hsla(var(--acid) / 0.32);
  background: hsla(var(--acid) / 0.1);
  color: hsl(var(--acid));
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
}
#confirmCopyTraderBtn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  filter: grayscale(0.25);
}
@media (max-width: 720px) {
  .copy-limit-card { grid-template-columns: 1fr; }
  .copy-limit-action { width: 100%; }
}

/* Copy trading premium subscription card */
.copy-subscription-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .65fr);
  gap: 1.25rem;
  align-items: stretch;
  border-color: hsla(var(--acid) / .2);
  background:
    radial-gradient(circle at top right, hsla(var(--acid) / .12), transparent 42%),
    linear-gradient(180deg, hsla(var(--panel-light) / .96), hsla(var(--panel) / .98));
}
.copy-subscription-glow {
  position: absolute;
  right: -90px;
  top: -90px;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: hsla(var(--acid) / .14);
  filter: blur(34px);
  pointer-events: none;
}
.copy-subscription-content,
.copy-subscription-side {
  position: relative;
  z-index: 1;
}
.copy-subscription-title {
  margin-top: .85rem;
  font-size: clamp(1.65rem, 3vw, 2.25rem);
}
.copy-subscription-text {
  margin-top: .75rem;
  max-width: 66ch;
}
.copy-subscription-exchanges {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin-top: 1.15rem;
}
.copy-subscription-exchanges span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: .45rem .7rem;
  border: 1px solid hsla(var(--cyan) / .18);
  background: hsla(var(--cyan) / .07);
  color: hsl(var(--foreground));
  font-size: .74rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.copy-subscription-side {
  display: grid;
  gap: 1rem;
  align-content: space-between;
  border: 1px solid hsla(var(--acid) / .18);
  background: linear-gradient(180deg, hsla(var(--acid) / .08), hsla(var(--secondary) / .78));
  padding: 1rem;
}
.copy-subscription-price small,
.copy-subscription-price span {
  display: block;
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: .72rem;
}
.copy-subscription-price strong {
  display: block;
  margin: .25rem 0 .15rem;
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1;
  color: hsl(var(--acid));
}
.copy-subscription-actions {
  display: grid;
  gap: .7rem;
}
.copy-subscription-dialog {
  width: min(860px, 100%);
  border-radius: 24px;
  border-color: hsla(var(--acid) / .22);
  background:
    radial-gradient(circle at 90% 0%, hsla(var(--acid) / .12), transparent 38%),
    linear-gradient(180deg, hsla(var(--panel-light) / .98), hsla(var(--panel) / .99));
}
.copy-subscription-modal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(210px, .85fr);
  gap: 1rem;
  margin-top: 1rem;
}
.copy-subscription-modal-main,
.copy-subscription-modal-side {
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / .62);
  padding: 1rem;
}
.copy-subscription-modal-side {
  display: grid;
  gap: .75rem;
}
.copy-subscription-price.modal-price strong {
  font-size: clamp(2.3rem, 6vw, 3.6rem);
}
.modal-exchanges {
  margin-top: 1rem;
}
.copy-subscription-checkbox {
  margin-top: 1rem;
  padding: .85rem 1rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / .5);
}
@media (max-width: 899px) {
  .copy-subscription-card,
  .copy-subscription-modal-grid {
    grid-template-columns: 1fr;
  }
  .copy-subscription-side {
    padding: .9rem;
  }
  .copy-subscription-actions .btn,
  .copy-subscription-actions .btn-outline,
  .copy-subscription-dialog .copy-cta-row .btn,
  .copy-subscription-dialog .copy-cta-row .btn-outline,
  .copy-subscription-dialog .copy-cta-row .btn-soft {
    width: 100%;
  }
}

/* Upgrade pesado da página de Copy Trading */
.copy-live-proof-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, .72fr) minmax(280px, .86fr);
  gap: 1rem;
  align-items: stretch;
}
.copy-live-card,
.copy-plan-card,
.copy-live-feed-card {
  position: relative;
  overflow: hidden;
  border: 1px solid hsl(var(--border));
  background:
    radial-gradient(circle at top right, hsla(var(--acid) / .08), transparent 38%),
    linear-gradient(180deg, hsla(var(--panel-light) / .95), hsla(var(--panel) / .98));
  padding: 1.15rem;
  border-radius: 22px;
}
.copy-live-card-main::after {
  content: '';
  position: absolute;
  right: -3rem;
  bottom: -4rem;
  width: 13rem;
  height: 13rem;
  background: hsla(var(--cyan) / .09);
  filter: blur(28px);
  pointer-events: none;
}
.copy-live-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .8rem;
  margin-top: 1rem;
  position: relative;
  z-index: 1;
}
.copy-live-kpis div {
  border: 1px solid hsla(var(--border) / .82);
  background: hsla(var(--secondary) / .72);
  padding: .9rem;
}
.copy-live-kpis small,
.copy-plan-card .helper,
.copy-live-feed-item small {
  color: hsl(var(--muted-foreground));
}
.copy-live-kpis small {
  display: block;
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: .35rem;
}
.copy-live-kpis strong,
.copy-plan-card > strong {
  display: block;
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(1.45rem, 3vw, 2.15rem);
  line-height: 1;
  color: hsl(var(--acid));
  font-variant-numeric: tabular-nums;
}
.copy-plan-card {
  display: grid;
  gap: .75rem;
  align-content: start;
}
.copy-plan-card .progress {
  margin-top: .1rem;
}
.copy-plan-card .btn-outline {
  width: 100%;
  margin-top: .2rem;
}
.copy-live-feed-list {
  display: grid;
  gap: .65rem;
  margin-top: .9rem;
}
.copy-live-feed-item {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  align-items: start;
  gap: .72rem;
  border: 1px solid hsla(var(--border) / .68);
  background: hsla(var(--secondary) / .58);
  padding: .78rem;
}
.copy-live-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: hsl(var(--acid));
  box-shadow: 0 0 12px hsl(var(--acid));
  margin-top: .34rem;
}
.copy-live-feed-item strong {
  display: block;
  font-size: .86rem;
  line-height: 1.35;
}
.copy-live-feed-item small {
  display: block;
  margin-top: .18rem;
  font-size: .73rem;
}
.copy-ranking-header {
  align-items: flex-end;
}
.copy-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: -0.15rem 0 1rem;
}
.copy-heavy-leaderboard {
  border-radius: 22px;
}
.trader-live-status {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  margin-top: .55rem;
  padding: .34rem .55rem;
  border: 1px solid hsla(var(--cyan) / .18);
  background: hsla(var(--cyan) / .07);
  color: hsl(var(--foreground));
  font-size: .72rem;
  line-height: 1;
  width: fit-content;
}
.trader-live-status span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: hsl(var(--acid));
  box-shadow: 0 0 9px hsl(var(--acid));
}
.trader-sparkline-wrap {
  width: min(150px, 100%);
  height: 42px;
  margin-top: .55rem;
  border: 1px solid hsla(var(--border) / .66);
  background: linear-gradient(180deg, hsla(var(--secondary) / .6), hsla(var(--background) / .5));
  padding: .35rem;
}
.mini-sparkline {
  width: 100%;
  height: 100%;
  display: block;
}
.mini-sparkline polyline {
  fill: none;
  stroke: hsl(var(--acid));
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 5px hsla(var(--acid) / .32));
}
.blink-live {
  animation: blink-balance .9s ease-in-out 2;
}
@media (max-width: 1180px) {
  .copy-live-proof-grid {
    grid-template-columns: 1fr 1fr;
  }
  .copy-live-feed-card {
    grid-column: 1 / -1;
  }
}
@media (max-width: 760px) {
  .copy-live-proof-grid,
  .copy-live-kpis {
    grid-template-columns: 1fr;
  }
  .copy-live-card,
  .copy-plan-card,
  .copy-live-feed-card {
    border-radius: 18px;
    padding: 1rem;
  }
  .copy-ranking-header {
    align-items: flex-start;
  }
  .trader-sparkline-wrap {
    width: 100%;
  }
}

/* === Dashboard Binance layout refinado === */
.dashboard.dashboard-binance {
  gap: 1rem;
  align-items: start;
}
@media (min-width: 1180px) {
  .dashboard.dashboard-binance {
    grid-template-columns: minmax(0, 1.72fr) minmax(430px, .9fr);
  }
}
.dashboard-binance .content-stack,
.dashboard-binance .sidebar-stack {
  gap: 1rem;
  align-content: start;
}
.dashboard-balance-card {
  padding: 1.25rem;
  min-height: auto;
  background:
    radial-gradient(circle at 0% 0%, hsla(var(--acid) / .055), transparent 34%),
    linear-gradient(180deg, hsla(var(--panel-light) / .54), hsla(var(--panel) / .98));
}
.dashboard-balance-card .line-between {
  align-items: flex-start;
  margin-bottom: .95rem;
}
.dashboard-balance-card .balance-value {
  font-size: clamp(2.15rem, 3.8vw, 3.2rem);
  line-height: .95;
  margin: .3rem 0 .45rem;
}
.dashboard-balance-card .helper {
  max-width: 760px;
}
.dashboard-balance-card .quick-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .9rem;
}
.dashboard-balance-card .metric,
.dashboard-balance-card .live-kpi-card {
  min-height: 104px;
  padding: .95rem;
  background: linear-gradient(180deg, hsla(var(--secondary) / .94), hsla(var(--panel) / .88));
  border-color: hsla(var(--border) / .86);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dashboard-balance-card .metric-value {
  font-size: clamp(1.15rem, 1.7vw, 1.45rem);
}
.dashboard-balance-card .live-kpi-grid {
  grid-template-columns: 1fr !important;
  margin-top: 0;
}
.dashboard-balance-card .live-kpi-card {
  min-height: 104px;
}
.dashboard-balance-card .live-kpi-card strong {
  font-size: 1.65rem;
}
.dashboard-balance-card .dashboard-metrics-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .95rem;
}
.dashboard-balance-card .action-row {
  margin-top: .95rem;
  padding-top: .95rem;
  border-top: 1px solid hsla(var(--border) / .7);
}
.dashboard-balance-card .btn,
.dashboard-balance-card .btn-outline,
.dashboard-balance-card .btn-soft {
  min-height: 42px;
  padding-inline: .95rem;
}
.dashboard-binance .panel,
.dashboard-binance .referral-pro-card,
.dashboard-binance .exchange-card,
.dashboard-binance .info-card {
  border-radius: 0;
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
}
.dashboard-binance .section-header {
  margin-bottom: .9rem;
}
.dashboard-binance aside .panel {
  padding: 1rem;
  position: sticky;
  top: 5.15rem;
  max-height: calc(100vh - 6.25rem);
  overflow: auto;
  scrollbar-width: thin;
}
.dashboard-binance aside .field {
  margin-bottom: .8rem !important;
}
.dashboard-binance aside .input {
  min-height: 42px;
  padding: .75rem .9rem;
}
.dashboard-binance aside .leaderboard-row-compact {
  display: grid;
  grid-template-columns: 44px minmax(0, 1.25fr) 82px 82px 82px 112px;
  gap: .7rem;
  align-items: center;
  padding: .9rem 0;
  border-bottom: 1px solid hsla(var(--border) / .72);
}
.dashboard-binance aside .leaderboard-row-compact:last-child {
  border-bottom: 0;
}
.dashboard-binance aside .leaderboard-row-compact .rank {
  font-size: 1.25rem;
  color: hsla(var(--foreground) / .62);
}
.dashboard-binance aside .leaderboard-row-compact .trader-info {
  gap: .7rem;
  min-width: 0;
}
.dashboard-binance aside .leaderboard-row-compact .avatar {
  width: 36px;
  height: 36px;
  min-width: 36px;
  font-size: .68rem;
}
.dashboard-binance aside .leaderboard-row-compact .trader-name {
  font-size: .92rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 178px;
}
.dashboard-binance aside .leaderboard-row-compact .trader-name-row {
  gap: .35rem;
}
.dashboard-binance aside .leaderboard-row-compact .top-badge,
.dashboard-binance aside .leaderboard-row-compact .muted-chip {
  padding: .22rem .42rem;
  font-size: .58rem;
}
.dashboard-binance aside .leaderboard-row-compact .trader-meta-list {
  display: grid;
  gap: .18rem;
  margin-top: .3rem;
}
.dashboard-binance aside .leaderboard-row-compact .trader-meta-item {
  font-size: .72rem;
  color: hsl(var(--muted-foreground));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-binance aside .leaderboard-row-compact .trader-live-status {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: .4rem;
  margin-top: .4rem;
  padding: .25rem .45rem;
  border: 1px solid hsla(var(--cyan) / .24);
  background: hsla(var(--cyan) / .08);
  font-size: .66rem;
  line-height: 1.2;
}
.dashboard-binance aside .leaderboard-row-compact .trader-live-status span {
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 50%;
  background: hsl(var(--acid));
  box-shadow: 0 0 8px hsl(var(--acid));
}
.dashboard-binance aside .leaderboard-row-compact .trader-sparkline-wrap {
  width: 116px;
  margin-top: .45rem;
}
.dashboard-binance aside .leaderboard-row-compact .trader-sparkline-wrap svg,
.dashboard-binance aside .leaderboard-row-compact .trader-sparkline-wrap canvas {
  width: 116px !important;
  height: 36px !important;
  display: block;
}
.dashboard-binance aside .leaderboard-row-compact .trader-progress {
  max-width: 118px !important;
  height: 6px;
  margin-top: .42rem;
}
.dashboard-binance aside .leaderboard-row-compact .trader-stat {
  min-width: 0;
}
.dashboard-binance aside .leaderboard-row-compact .trader-stat-value {
  font-size: .98rem;
  line-height: 1;
  font-weight: 800;
}
.dashboard-binance aside .leaderboard-row-compact .trader-stat .trader-meta {
  font-size: .66rem;
  line-height: 1.25;
}
.dashboard-binance aside .leaderboard-row-compact .trader-stat-win {
  display: grid;
  justify-items: start;
  gap: .28rem;
}
.dashboard-binance aside .leaderboard-row-compact .risk-chip {
  min-height: 0;
  padding: .32rem .45rem;
  font-size: .58rem;
}
.dashboard-binance aside .leaderboard-row-compact .copy-action-col {
  align-items: stretch;
  min-width: 0;
}
.dashboard-binance aside .leaderboard-row-compact .copy-action-col .btn {
  width: 100%;
  min-height: 38px;
  padding: .55rem .55rem;
  font-size: .62rem;
  box-shadow: 0 0 18px hsla(var(--acid) / .12);
}
.dashboard-binance aside .leaderboard-row-compact .mini-rating {
  margin-top: .45rem;
  font-size: .7rem;
  text-align: left;
}
.dashboard-binance aside .ranking-risk-note {
  margin-top: .85rem;
  padding: .8rem .9rem;
  border: 1px solid hsla(var(--border) / .82);
  background: hsla(var(--secondary) / .55);
  color: hsl(var(--muted-foreground));
  font-size: .78rem;
  line-height: 1.55;
}
.dashboard-binance .table-simple td,
.dashboard-binance .table-simple th {
  padding: .8rem .65rem;
}
@media (max-width: 1320px) and (min-width: 980px) {
  .dashboard-binance aside .leaderboard-row-compact {
    grid-template-columns: 36px minmax(0, 1.2fr) 72px 72px 72px 98px;
    gap: .55rem;
  }
  .dashboard-binance aside .leaderboard-row-compact .trader-sparkline-wrap,
  .dashboard-binance aside .leaderboard-row-compact .trader-sparkline-wrap svg,
  .dashboard-binance aside .leaderboard-row-compact .trader-sparkline-wrap canvas {
    width: 96px !important;
  }
  .dashboard-binance aside .leaderboard-row-compact .trader-stat-value {
    font-size: .9rem;
  }
}
@media (max-width: 1179px) {
  .dashboard.dashboard-binance {
    grid-template-columns: 1fr;
  }
  .dashboard-binance aside .panel {
    position: relative;
    top: auto;
    max-height: none;
  }
}
@media (max-width: 760px) {
  .dashboard-balance-card {
    padding: 1rem;
  }
  .dashboard-balance-card .line-between {
    display: grid;
    gap: .8rem;
  }
  .dashboard-balance-card .dashboard-metrics-grid,
  .dashboard-balance-card .quick-grid {
    grid-template-columns: 1fr 1fr;
  }
  .dashboard-binance aside .leaderboard-row-compact {
    grid-template-columns: 1fr;
    padding: 1rem 0;
  }
  .dashboard-binance aside .leaderboard-row-compact .trader-name {
    max-width: 100%;
  }
  .dashboard-binance aside .leaderboard-row-compact .trader-stat,
  .dashboard-binance aside .leaderboard-row-compact .trader-stat-win,
  .dashboard-binance aside .leaderboard-row-compact .copy-action-col {
    width: 100%;
  }
  .dashboard-binance aside .leaderboard-row-compact .copy-action-col .btn {
    max-width: none;
  }
}
@media (max-width: 520px) {
  .dashboard-balance-card .dashboard-metrics-grid,
  .dashboard-balance-card .quick-grid {
    grid-template-columns: 1fr;
  }
}

/* TRADE ROOM PRO BINANCE STYLE */
.traderoom-page .container.traderoom-container {
  padding-inline: clamp(0.8rem, 1.6vw, 1.8rem);
}
.trade-room-shell {
  display: grid;
  gap: 1rem;
}
.trade-room-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(520px, 0.85fr);
  gap: 1rem;
  align-items: end;
  padding: 1.25rem;
  border: 1px solid hsl(var(--border));
  background: linear-gradient(180deg, hsla(var(--panel) / 0.96), hsla(var(--background) / 0.98));
}
.trade-room-market-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
.market-tile {
  min-height: 78px;
  padding: 0.9rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.72);
}
.market-tile span {
  display: block;
  margin-bottom: 0.4rem;
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.68rem;
}
.market-tile strong {
  display: block;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
}
.trade-room-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(360px, 0.58fr);
  gap: 1rem;
  align-items: start;
}
.trade-chart-column,
.trade-order-column,
.trade-data-grid {
  display: grid;
  gap: 1rem;
}
.tradeview-panel,
.pro-order-panel {
  border-color: hsla(var(--acid) / 0.14);
}
.trade-section-header {
  margin-bottom: 0.9rem;
}
.tradingview-frame-wrap {
  width: 100%;
  height: clamp(460px, 58vh, 690px);
  border: 1px solid hsl(var(--border));
  background: #050608;
  overflow: hidden;
}
.tradingview-frame-wrap iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.pro-toggle-row {
  gap: 0.6rem;
}
.pro-toggle-row .order-toggle {
  border-radius: 0;
  min-height: 48px;
  font-weight: 700;
}
.margin-mode-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
  margin-bottom: 1rem;
}
.margin-mode-btn {
  min-height: 42px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.72rem;
}
.margin-mode-btn.active,
.margin-mode-btn:hover {
  border-color: hsla(var(--acid) / 0.45);
  color: hsl(var(--acid));
  background: hsla(var(--acid) / 0.09);
}
.leverage-options {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}
.leverage-options button {
  min-height: 38px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
  font-weight: 700;
  transition: 0.18s ease;
}
.leverage-options button.active,
.leverage-options button:hover {
  border-color: hsl(var(--acid));
  color: hsl(var(--acid));
  box-shadow: 0 0 18px hsla(var(--acid) / 0.12);
}
.risk-meter {
  width: 100%;
  height: 7px;
  margin: 0.7rem 0 0.35rem;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  overflow: hidden;
}
.risk-meter span {
  display: block;
  width: 18%;
  height: 100%;
  background: linear-gradient(90deg, hsl(var(--acid)), hsl(var(--cyan)));
  transition: width 0.22s ease;
}
.risk-meter span.medium { background: linear-gradient(90deg, hsl(var(--gold)), hsl(var(--acid))); }
.risk-meter span.high { background: linear-gradient(90deg, hsl(var(--gold)), hsl(var(--destructive))); }
.risk-meter span.extreme { background: hsl(var(--destructive)); }
.trade-form-grid {
  margin-top: 1rem;
}
.trade-preview-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}
.trade-preview-card > div {
  padding: 0.85rem;
  border: 1px solid hsl(var(--border));
  background: linear-gradient(180deg, hsla(var(--secondary) / 0.88), hsla(var(--panel) / 0.98));
}
.trade-preview-card span {
  display: block;
  margin-bottom: 0.34rem;
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.66rem;
}
.trade-preview-card strong {
  font-size: 0.92rem;
  font-variant-numeric: tabular-nums;
}
.trade-warning-box {
  margin-top: 1rem;
  padding: 0.9rem;
  border: 1px solid hsla(var(--gold) / 0.25);
  background: hsla(var(--gold) / 0.07);
  color: hsl(var(--muted-foreground));
  line-height: 1.55;
  font-size: 0.86rem;
}
.trade-submit-row {
  margin-top: 1rem;
}
.trade-table-pro th,
.trade-table-pro td {
  white-space: nowrap;
  vertical-align: middle;
}
.trade-table-pro small {
  color: hsl(var(--muted-foreground));
  font-size: 0.72rem;
}
.side-pill {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0.28rem 0.52rem;
  border: 1px solid hsl(var(--border));
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.7rem;
  font-weight: 700;
}
.side-pill.buy {
  color: hsl(var(--acid));
  border-color: hsla(var(--acid) / 0.28);
  background: hsla(var(--acid) / 0.08);
}
.side-pill.sell {
  color: hsl(var(--destructive));
  border-color: hsla(var(--destructive) / 0.3);
  background: hsla(var(--destructive) / 0.08);
}
.trade-empty-row {
  color: hsl(var(--muted-foreground));
  text-align: center !important;
  padding: 1.4rem !important;
}
.compact-actions {
  gap: 0.5rem;
  align-items: center;
}
.pro-orderbook-grid {
  gap: 0.65rem;
}
@media (max-width: 1240px) {
  .trade-room-topbar,
  .trade-room-grid {
    grid-template-columns: 1fr;
  }
  .trade-room-market-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .trade-room-market-strip,
  .trade-preview-card,
  .leverage-options {
    grid-template-columns: 1fr 1fr;
  }
  .tradingview-frame-wrap {
    height: 430px;
  }
  .trade-room-topbar {
    padding: 1rem;
  }
}

/* TRADE ROOM CLEAN BINANCE LAYOUT */
.market-strip-clean {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.trade-balance-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.95rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid hsla(var(--acid) / 0.22);
  background: linear-gradient(135deg, hsla(var(--acid) / 0.08), hsla(var(--cyan) / 0.035));
}
.trade-balance-strip span {
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.7rem;
}
.trade-balance-strip strong {
  color: hsl(var(--acid));
  font-size: 1.25rem;
  font-variant-numeric: tabular-nums;
}
.leverage-compact-field {
  position: relative;
}
.leverage-select-button {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--foreground));
}
.leverage-select-button span {
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
}
.leverage-select-button strong {
  color: hsl(var(--acid));
  font-size: 1.1rem;
}
.leverage-dropdown {
  display: none;
  position: absolute;
  top: calc(100% - 1.55rem);
  left: 0;
  right: 0;
  z-index: 40;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 0.75rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--panel) / 0.98);
  box-shadow: 0 18px 48px rgba(0,0,0,0.36);
  backdrop-filter: blur(14px);
}
.leverage-dropdown.open {
  display: grid;
}
.trade-preview-clean {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.advanced-risk-toggle {
  margin-top: 1rem;
}
.advanced-risk-panel {
  padding: 0.95rem;
  margin-top: 0.75rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.45);
}
.trade-direct-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}
.trade-sell-btn {
  background: hsl(var(--destructive));
  border-color: hsl(var(--destructive));
  color: #fff;
  box-shadow: 0 0 16px hsla(var(--destructive) / 0.16);
}
.trade-buy-btn {
  background: hsl(var(--acid));
  border-color: hsl(var(--acid));
  color: hsl(var(--background));
}
.trade-history-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.45rem;
  padding-top: 0.9rem;
}
.history-page-btn {
  min-width: 34px;
  min-height: 34px;
  padding: 0.35rem 0.65rem;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.history-page-btn.active,
.history-page-btn:hover {
  border-color: hsla(var(--acid) / 0.42);
  color: hsl(var(--acid));
  background: hsla(var(--acid) / 0.09);
}
@media (max-width: 720px) {
  .market-strip-clean,
  .trade-preview-clean,
  .trade-direct-actions {
    grid-template-columns: 1fr;
  }
  .leverage-dropdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .trade-balance-strip {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* TRADE ROOM CLEAN ORDER V2 */
.trade-room-topbar-minimal {
  grid-template-columns: 1fr;
  padding: 1rem 1.15rem;
}
.trade-room-topbar-minimal .trade-title {
  font-size: clamp(2rem, 3.8vw, 3.4rem);
}
.order-type-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
  margin-bottom: 0.75rem;
}
.order-type-btn {
  min-height: 44px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.72rem;
  font-weight: 700;
  transition: 0.18s ease;
}
.order-type-btn.active,
.order-type-btn:hover {
  border-color: hsla(var(--acid) / 0.48);
  color: hsl(var(--acid));
  background: hsla(var(--acid) / 0.09);
  box-shadow: 0 0 18px hsla(var(--acid) / 0.1);
}
.advanced-risk-panel[hidden] {
  display: none !important;
}
.trade-table-pro td:nth-child(1),
.trade-table-pro td:nth-child(2) {
  font-size: 0.78rem;
  color: hsl(var(--muted-foreground));
}

/* TRADE ROOM BINANCE REAL ENGINE V3 */
.traderoom-pro-page {
  padding: 0 !important;
  background: hsl(var(--background));
}
.traderoom-pro-page .footer { display: none; }
.traderoom-app-shell {
  width: 100%;
  max-width: none;
  padding: 0.55rem;
  display: grid;
  gap: 0.55rem;
}
.traderoom-market-header {
  min-height: 58px;
  display: grid;
  grid-template-columns: 180px 140px repeat(5, minmax(115px, 1fr));
  gap: 0.8rem;
  align-items: center;
  padding: 0.65rem 0.85rem;
  border: 1px solid hsl(var(--border));
  background: linear-gradient(180deg, hsla(var(--panel-light) / 0.88), hsla(var(--panel) / 0.98));
  overflow-x: auto;
}
.tr-market-pair {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-width: 170px;
}
.pair-icon {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, hsl(var(--gold)), hsl(var(--acid)));
  color: hsl(var(--void));
  font-weight: 800;
}
.tr-market-pair strong,
.tr-market-ticker strong,
.tr-market-meta strong {
  display: block;
  font-variant-numeric: tabular-nums;
}
.tr-market-pair strong {
  font-size: 1rem;
  letter-spacing: 0.04em;
}
.tr-market-pair span,
.tr-market-ticker span,
.tr-market-meta span {
  display: block;
  color: hsl(var(--muted-foreground));
  font-size: 0.72rem;
  line-height: 1.3;
}
.tr-market-ticker strong {
  font-size: 1.12rem;
}
.tr-market-meta strong {
  margin-top: 0.2rem;
  font-size: 0.86rem;
}
.traderoom-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.62fr) minmax(280px, 0.48fr) minmax(300px, 0.45fr);
  gap: 0.55rem;
  align-items: stretch;
  min-height: calc(100vh - 290px);
}
.traderoom-chart-area,
.traderoom-book-area,
.traderoom-order-area,
.tr-bottom-table,
.tr-panel {
  min-width: 0;
}
.traderoom-chart-area,
.traderoom-book-area,
.traderoom-order-area {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--panel));
}
.tr-chart-tabs {
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0 0.75rem;
  border-bottom: 1px solid hsl(var(--border));
  overflow-x: auto;
}
.tr-chart-tabs > button {
  border: 0;
  background: transparent;
  color: hsl(var(--muted-foreground));
  font-weight: 700;
  min-height: 46px;
  white-space: nowrap;
}
.tr-chart-tabs > button.active,
.tr-chart-tabs > button:hover {
  color: hsl(var(--acid));
}
.tr-chart-actions {
  margin-left: auto;
  display: flex;
  gap: 0.35rem;
  align-items: center;
}
.tr-chart-actions .chip-btn {
  min-height: 30px;
  padding: 0.3rem 0.55rem;
}
.tr-binance-chart {
  height: clamp(460px, 64vh, 760px);
  border: 0;
}
.tr-binance-chart iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.tr-panel {
  height: 100%;
  background: hsl(var(--panel));
}
.tr-panel-tabs {
  height: 44px;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 0.7rem;
  border-bottom: 1px solid hsl(var(--border));
}
.tr-panel-tabs button {
  border: 0;
  background: transparent;
  color: hsl(var(--muted-foreground));
  font-weight: 700;
  height: 44px;
}
.tr-panel-tabs button.active {
  color: hsl(var(--foreground));
  border-bottom: 2px solid hsl(var(--acid));
}
.tr-orderbook-head,
.tr-book-row {
  display: grid;
  grid-template-columns: 1fr 0.8fr 0.8fr;
  gap: 0.45rem;
  align-items: center;
  padding: 0.22rem 0.65rem;
  font-size: 0.74rem;
  font-variant-numeric: tabular-nums;
  position: relative;
  overflow: hidden;
}
.tr-orderbook-head {
  color: hsl(var(--muted-foreground));
  padding-top: 0.65rem;
  padding-bottom: 0.45rem;
}
.tr-book-row::after {
  content: '';
  position: absolute;
  right: 0;
  top: 1px;
  bottom: 1px;
  width: var(--depth, 40%);
  opacity: 0.16;
  pointer-events: none;
}
.tr-book-row.ask::after { background: hsl(var(--destructive)); }
.tr-book-row.bid::after { background: hsl(var(--acid)); }
.tr-book-row.ask span:first-child { color: #ff4d6d; }
.tr-book-row.bid span:first-child { color: hsl(var(--cyan)); }
.tr-book-row span:nth-child(2),
.tr-book-row span:nth-child(3) {
  text-align: right;
  color: hsl(var(--foreground));
}
.tr-last-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 0.65rem;
  border-top: 1px solid hsl(var(--border));
  border-bottom: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.55);
}
.tr-last-price strong {
  color: hsl(var(--acid));
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
}
.tr-last-price span {
  color: hsl(var(--muted-foreground));
  font-size: 0.72rem;
}
.tr-order-panel {
  position: relative;
  padding: 0.72rem;
  display: grid;
  gap: 0.78rem;
  align-content: start;
}
.tr-order-top-selects {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
}
.tr-mini-select {
  min-height: 42px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--foreground));
  padding: 0.45rem 0.55rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
}
.tr-mini-select span,
.tr-mini-select small {
  font-size: 0.76rem;
  font-weight: 700;
}
.tr-mini-select button {
  width: 28px;
  height: 28px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--panel));
  color: hsl(var(--muted-foreground));
}
.tr-mini-select button.active {
  border-color: hsl(var(--acid));
  color: hsl(var(--acid));
}
.leverage-button {
  width: 100%;
  cursor: pointer;
}
.leverage-button span {
  color: hsl(var(--acid));
}
.traderoom-order-area .leverage-dropdown {
  position: absolute;
  z-index: 40;
  top: 54px;
  left: 0.72rem;
  right: 0.72rem;
  max-width: calc(100% - 1.44rem);
  width: auto;
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.45rem;
  padding: 0.6rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--panel-light) / 0.98);
  box-shadow: 0 24px 45px rgba(0,0,0,0.42);
}
.traderoom-order-area .leverage-dropdown.open {
  display: grid;
}
.traderoom-order-area .leverage-dropdown button {
  min-height: 36px;
}
.tr-order-type-row {
  grid-template-columns: repeat(2, 1fr);
  margin: 0;
}
.tr-order-type-row .order-type-btn {
  min-height: 38px;
}
.tr-limit-field[hidden],
.advanced-risk-panel[hidden] {
  display: none !important;
}
.tr-percent-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.35rem;
}
.tr-percent-bar button {
  min-height: 30px;
  border: 1px solid hsl(var(--border));
  background: hsl(var(--secondary));
  color: hsl(var(--muted-foreground));
  font-size: 0.72rem;
}
.tr-percent-bar button:hover {
  border-color: hsla(var(--acid) / 0.42);
  color: hsl(var(--acid));
}
.tr-preview-box {
  grid-template-columns: repeat(2, 1fr);
  gap: 0.45rem;
  margin: 0;
}
.tr-preview-box > div {
  padding: 0.65rem;
}
.tr-preview-box span { font-size: 0.62rem; }
.tr-preview-box strong { font-size: 0.78rem; }
.tr-checkbox-line {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: hsl(var(--foreground));
  font-weight: 700;
  font-size: 0.84rem;
}
.tr-checkbox-line input {
  accent-color: hsl(var(--acid));
}
.tr-risk-meter {
  margin: 0;
}
.tr-long-short-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}
.tr-long-short-row .btn {
  min-height: 48px;
  box-shadow: none;
  border-radius: 999px;
  letter-spacing: 0.02em;
  text-transform: none;
  font-size: 0.95rem;
  font-weight: 800;
}
.tr-long-short-row .trade-buy-btn {
  background: #22b86f;
  border-color: #22b86f;
  color: #fff;
}
.tr-long-short-row .trade-sell-btn {
  background: #f34555;
  border-color: #f34555;
  color: #fff;
}
.tr-account-box {
  border-top: 1px solid hsl(var(--border));
  padding-top: 0.75rem;
  display: grid;
  gap: 0.45rem;
}
.tr-account-box div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.78rem;
}
.tr-account-box span {
  color: hsl(var(--muted-foreground));
}
.tr-account-box strong {
  font-variant-numeric: tabular-nums;
}
.traderoom-bottom-panel {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--panel));
}
.tr-bottom-tabs {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 0 0.75rem;
  border-bottom: 1px solid hsl(var(--border));
  overflow-x: auto;
}
.tr-bottom-tabs button {
  border: 0;
  background: transparent;
  color: hsl(var(--muted-foreground));
  min-height: 44px;
  white-space: nowrap;
}
.tr-bottom-tabs button.active,
.tr-bottom-tabs button:hover {
  color: hsl(var(--foreground));
}
.tr-bottom-tabs span {
  color: hsl(var(--acid));
}
.tr-bottom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 0.55rem;
  padding: 0.55rem;
}
.tr-bottom-table {
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.35);
  padding: 0.75rem;
}
.tr-bottom-table .section-header {
  margin-bottom: 0.55rem;
}
.tr-bottom-table .table-responsive {
  max-height: 245px;
  overflow: auto;
}
.tr-bottom-table table th,
.tr-bottom-table table td {
  font-size: 0.78rem;
  padding: 0.62rem 0.45rem;
}
@media (max-width: 1380px) {
  .traderoom-main-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 0.42fr);
  }
  .traderoom-book-area {
    display: none;
  }
  .hide-md { display: none; }
}
@media (max-width: 980px) {
  .traderoom-app-shell {
    padding: 0.45rem;
  }
  .traderoom-market-header {
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
  }
  .hide-sm { display: none; }
  .traderoom-main-grid,
  .tr-bottom-grid {
    grid-template-columns: 1fr;
  }
  .traderoom-order-area {
    order: -1;
  }
  .tr-binance-chart {
    height: 430px;
  }
  .traderoom-order-area .leverage-dropdown {
    position: static;
    margin-top: -0.45rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tr-bottom-table .table-responsive {
    max-height: none;
  }
}
@media (max-width: 560px) {
  .traderoom-market-header,
  .tr-order-top-selects,
  .tr-preview-box,
  .tr-long-short-row {
    grid-template-columns: 1fr;
  }
  .tr-chart-tabs {
    flex-wrap: nowrap;
  }
  .tr-chart-actions {
    margin-left: 0;
  }
  .tr-binance-chart {
    height: 360px;
  }
  .traderoom-order-area .leverage-dropdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tr-percent-bar {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* trade room requested cleanup */
.tr-chart-tabs { gap: 0.55rem; }
.tr-chart-tabs > button.active { cursor: default; }
.tr-panel-tabs { justify-content: flex-start; }
.tr-panel-tabs button { pointer-events: none; }
.traderoom-bottom-panel { margin-top: 0.55rem; }
.traderoom-order-area .leverage-dropdown button { border-radius: 8px; }
@media (max-width: 980px) {
  .traderoom-order-area .leverage-dropdown {
    position: absolute;
    top: 54px;
    left: 0.72rem;
    right: 0.72rem;
    margin-top: 0;
    max-height: 210px;
    overflow: auto;
  }
}
@media (max-width: 560px) {
  .traderoom-order-area .leverage-dropdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 240px;
  }
}

/* gráfico próprio nível exchange */
.exchange-chart-shell {
  display: grid;
  grid-template-rows: auto minmax(390px, 1fr) 92px;
  gap: 0;
  background: #050608;
  border-top: 1px solid hsl(var(--border));
  overflow: hidden;
}
.exchange-chart-head {
  min-height: 52px;
  padding: 0.7rem 0.85rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid hsla(var(--border) / 0.85);
  background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0));
}
.exchange-chart-title {
  display: grid;
  gap: 0.12rem;
}
.exchange-chart-title strong {
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.05rem;
  letter-spacing: 0.08em;
  color: hsl(var(--foreground));
}
.exchange-chart-title span {
  color: hsl(var(--muted-foreground));
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.exchange-chart-stats {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.exchange-chart-stats span {
  min-width: 76px;
  padding: 0.38rem 0.55rem;
  border: 1px solid hsla(var(--border) / 0.82);
  background: hsla(var(--secondary) / 0.56);
  display: grid;
  gap: 0.1rem;
}
.exchange-chart-stats small {
  color: hsl(var(--muted-foreground));
  font-size: 0.62rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.exchange-chart-stats strong {
  color: hsl(var(--foreground));
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
}
.exchange-chart,
.exchange-volume-chart {
  width: 100%;
  min-width: 0;
  background: #050608;
}
.exchange-chart {
  min-height: 300px;
}
.exchange-volume-chart {
  min-height: 78px;
  border-top: 1px solid hsla(var(--border) / 0.65);
}
.exchange-chart canvas,
.exchange-volume-chart canvas {
  display: block;
}
.tr-binance-chart iframe { display: none; }

@media (max-width: 980px) {
  .exchange-chart-shell {
    height: 520px;
    grid-template-rows: auto minmax(340px, 1fr) 76px;
  }
  .exchange-chart-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .exchange-chart-stats {
    width: 100%;
    justify-content: stretch;
  }
  .exchange-chart-stats span {
    flex: 1;
    min-width: 0;
  }
}
@media (max-width: 560px) {
  .exchange-chart-shell {
    height: 470px;
    grid-template-rows: auto minmax(300px, 1fr) 64px;
  }
  .exchange-chart-stats {
    gap: 0.4rem;
  }
  .exchange-chart-stats span {
    padding: 0.32rem 0.42rem;
  }
  .exchange-chart-title span {
    font-size: 0.66rem;
  }
}

/* correção do gráfico próprio sem dependência externa */
.exchange-chart-shell {
  min-height: 620px;
}
.exchange-chart,
.exchange-volume-chart {
  position: relative;
  overflow: hidden;
}
.exchange-chart-canvas,
.exchange-volume-canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
}
@media (max-width: 980px) {
  .exchange-chart-shell { min-height: 520px; }
}
@media (max-width: 560px) {
  .exchange-chart-shell { min-height: 470px; }
}


/* gráfico com entrada, liquidação e PnL ao vivo */
.exchange-chart-live-box {
  min-width: 190px;
  padding: 0.48rem 0.68rem;
  border: 1px solid hsla(var(--acid) / 0.22);
  background: linear-gradient(180deg, hsla(var(--secondary) / 0.76), hsla(var(--panel) / 0.96));
  display: grid;
  gap: 0.1rem;
  text-align: right;
}
.exchange-chart-live-box span,
.exchange-chart-live-box small {
  color: hsl(var(--muted-foreground));
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.exchange-chart-live-box strong {
  color: hsl(var(--acid));
  font-size: 0.88rem;
  font-variant-numeric: tabular-nums;
}
.exchange-chart-live-box small.value-danger { color: hsl(var(--destructive)); }
.exchange-chart-live-box small.value-pos { color: hsl(var(--acid)); }
@media (max-width: 560px) {
  .exchange-chart-live-box {
    width: 100%;
    text-align: left;
  }
}

/* Perfil no topo e dados de copy trading */
.header-profile-link {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: inherit;
  text-decoration: none;
}
.header-profile-link:hover .header-profile-avatar {
  border-color: hsla(var(--acid) / 0.75);
  box-shadow: 0 0 18px hsla(var(--acid) / 0.22);
}
.header-profile-avatar {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  border-radius: 999px;
  border: 1px solid hsla(var(--acid) / 0.38);
  background: radial-gradient(circle at 30% 20%, hsla(var(--acid) / 0.24), hsla(var(--secondary) / 0.95));
  color: hsl(var(--acid));
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.1rem;
  font-weight: 800;
  text-transform: uppercase;
}
.profile-investor-box {
  margin-top: 1.25rem;
  padding: 1rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.58);
  display: grid;
  gap: 0.65rem;
}
.real-trader-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.22rem 0.48rem;
  border-radius: 999px;
  border: 1px solid hsla(var(--acid) / 0.35);
  background: hsla(var(--acid) / 0.10);
  color: hsl(var(--acid));
  font-size: 0.62rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
@media (max-width: 899px) {
  .header-profile-link { width: 100%; }
  .header-profile-link .header-user-card { width: 100%; }
}

/* Fechamento de posição e risco de liquidação */
.liq-red {
  color: hsl(var(--destructive)) !important;
  font-variant-numeric: tabular-nums;
}
.position-risk-bar {
  width: 120px;
  max-width: 100%;
  height: 7px;
  margin-top: 0.38rem;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid hsla(var(--destructive) / 0.22);
  background: hsla(var(--secondary) / 0.9);
}
.position-risk-bar i {
  display: block;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, hsl(var(--acid)), hsl(var(--cyan)));
  transition: width 0.22s ease;
}
.position-risk-bar i.medium { background: linear-gradient(90deg, hsl(var(--gold)), hsl(var(--acid))); }
.position-risk-bar i.high { background: linear-gradient(90deg, hsl(var(--gold)), hsl(var(--destructive))); }
.position-risk-bar i.extreme { background: hsl(var(--destructive)); }
.close-position-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0,0,0,0.72);
  backdrop-filter: blur(10px);
}
.close-position-modal.open { display: flex; }
.close-position-card {
  width: min(680px, 100%);
  max-height: 92vh;
  overflow: auto;
  border: 1px solid hsl(var(--border));
  border-radius: 22px;
  background: linear-gradient(180deg, hsla(var(--panel) / 0.98), hsla(var(--background) / 0.98));
  box-shadow: 0 24px 70px rgba(0,0,0,0.48);
  padding: 1.1rem;
}
.close-position-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid hsl(var(--border));
}
.close-position-header span,
.close-position-body span,
.close-position-summary span,
.close-limit-field span {
  display: block;
  color: hsl(var(--muted-foreground));
  font-size: 0.68rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.close-position-header h3 {
  margin: 0.25rem 0 0;
  font-family: 'Rajdhani', sans-serif;
  font-size: 1.45rem;
  text-transform: uppercase;
}
.close-position-body,
.close-position-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}
.close-position-body > div,
.close-position-summary > div,
.close-limit-field {
  padding: 0.82rem;
  border: 1px solid hsl(var(--border));
  background: hsla(var(--secondary) / 0.62);
  border-radius: 14px;
}
.close-position-body strong,
.close-position-summary strong {
  display: block;
  margin-top: 0.28rem;
  font-variant-numeric: tabular-nums;
}
.close-risk-block { grid-column: 1 / -1; }
.close-risk-block .position-risk-bar { width: 100%; height: 9px; }
.close-position-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  margin-top: 1rem;
}
.close-position-tabs button {
  min-height: 48px;
  border: 1px solid hsl(var(--border));
  border-radius: 14px;
  background: hsl(var(--secondary));
  color: hsl(var(--foreground));
  font-weight: 800;
  cursor: pointer;
}
.close-position-tabs button small {
  display: block;
  margin-top: 0.12rem;
  color: hsl(var(--muted-foreground));
}
.close-position-tabs button.active {
  border-color: hsl(var(--acid));
  color: hsl(var(--acid));
  box-shadow: 0 0 22px hsla(var(--acid) / 0.12);
}
.close-limit-field {
  display: grid;
  gap: 0.42rem;
  margin-top: 0.75rem;
}
.close-position-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-top: 1rem;
}
@media (max-width: 640px) {
  .close-position-body,
  .close-position-summary,
  .close-position-actions { grid-template-columns: 1fr; }
  .position-risk-bar { width: 100%; }
}

.close-exit-price-row {
  align-items: center;
}

.close-exit-price-input {
  width: 150px;
  max-width: 100%;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 10px;
  color: #fff;
  padding: 10px 12px;
  text-align: right;
  font-weight: 800;
  outline: none;
}

.close-exit-price-input:focus {
  border-color: #ccff00;
  box-shadow: 0 0 0 3px rgba(204,255,0,.12);
}

/* Limit orders and bulk close controls */
.trade-section-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-wrap:wrap}
.limit-orders-table-wrap{grid-column:1 / -1}
#pendingLimitRows .trade-empty-row{color:hsl(var(--muted-foreground));text-align:center}
@media(max-width:980px){.trade-section-actions{justify-content:flex-start}.limit-orders-table-wrap{grid-column:auto}}

/* Trade room bottom tabs */
.tr-tab-panel[hidden]{display:none!important}
.tr-bottom-tabs button.active{border-bottom:2px solid #ccff00;color:hsl(var(--foreground));font-weight:700}
.tr-bottom-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:.35rem;border-radius:999px;background:rgba(204,255,0,.12);color:#ccff00;font-size:.75rem;padding:0 .35rem}
.tr-bottom-table.tr-tab-panel{grid-column:1 / -1}

/* Landing Bitmarine */
.landing-hero-pro {
  position:relative;
  padding: clamp(2.5rem, 6vw, 5rem) 0 2.5rem;
  overflow:hidden;
}
.landing-hero-pro:before {
  content:""; position:absolute; inset:-30% -10% auto auto; width:640px; height:640px;
  background:radial-gradient(circle, rgba(204,255,0,.18), transparent 62%); filter:blur(8px); pointer-events:none;
}
.landing-hero-grid { display:grid; gap:1.5rem; align-items:center; }
@media (min-width: 980px){ .landing-hero-grid{ grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:2.2rem; } }
.landing-copy-block h1 { font-size:clamp(2.6rem, 6vw, 5.6rem); line-height:.96; letter-spacing:-.07em; margin:.8rem 0 1rem; max-width:920px; }
.landing-subtitle { color:rgba(255,255,255,.72); font-size:clamp(1rem, 1.8vw, 1.22rem); line-height:1.65; max-width:760px; }
.landing-action-row { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.35rem; align-items:center; }
.landing-action-row.center { justify-content:center; }
.landing-main-cta { box-shadow:0 20px 60px rgba(204,255,0,.18); }
.landing-trust-row { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.2rem; color:rgba(255,255,255,.72); font-size:.92rem; }
.landing-trust-row span { padding:.5rem .7rem; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(255,255,255,.035); }
.landing-terminal-card { border:1px solid rgba(204,255,0,.16); background:linear-gradient(180deg, rgba(10,14,22,.96), rgba(5,7,12,.98)); border-radius:28px; padding:1rem; box-shadow:0 30px 80px rgba(0,0,0,.45); }
.terminal-top { display:flex; gap:.45rem; align-items:center; color:rgba(255,255,255,.62); font-size:.82rem; margin-bottom:1rem; }
.terminal-top span { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,.2); }
.terminal-top span:first-child { background:#ff5f57; } .terminal-top span:nth-child(2){ background:#ffbd2e; } .terminal-top span:nth-child(3){ background:#28c840; }
.terminal-top strong { margin-left:auto; font-size:.78rem; font-weight:700; }
.terminal-price-row { display:flex; align-items:end; justify-content:space-between; padding:.7rem; border-radius:18px; background:rgba(255,255,255,.035); }
.terminal-price-row small, .landing-position-box small { display:block; color:rgba(255,255,255,.52); margin-bottom:.3rem; }
.terminal-price-row strong { font-size:1.65rem; }
.fake-chart-bars { height:230px; display:flex; gap:.55rem; align-items:end; padding:1rem .35rem; }
.fake-chart-bars i { flex:1; min-width:8px; border-radius:999px 999px 2px 2px; background:linear-gradient(180deg, rgba(204,255,0,.95), rgba(204,255,0,.16)); box-shadow:0 0 24px rgba(204,255,0,.15); }
.landing-position-box { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; }
.landing-position-box > div { padding:.85rem; border-radius:16px; background:rgba(255,255,255,.045); }
.landing-kpi-grid { display:grid; gap:.9rem; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }
.landing-split-section { display:grid; gap:1rem; }
@media (min-width: 980px){ .landing-split-section{ grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); align-items:stretch; } }
.landing-benefit-list { display:grid; gap:.85rem; }
.landing-benefit-list > div { padding:1rem; border-radius:18px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.07); }
.landing-benefit-list strong { display:block; margin-bottom:.35rem; }
.landing-benefit-list p, .landing-dark-card p, .landing-cta-final p { color:rgba(255,255,255,.68); line-height:1.55; }
.landing-dark-card { background:linear-gradient(145deg, rgba(204,255,0,.10), rgba(255,255,255,.035)); }
.landing-dark-card h2, .landing-cta-final h2 { font-size:clamp(1.8rem,4vw,3rem); line-height:1.02; letter-spacing:-.04em; margin:.7rem 0; }
.landing-cta-final { text-align:center; }
.dashboard-pagination { display:flex; justify-content:flex-end; align-items:center; gap:.6rem; margin-top:.8rem; }
.dashboard-pagination button { border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.04); color:#fff; border-radius:12px; padding:.55rem .8rem; cursor:pointer; }
.dashboard-pagination button:disabled { opacity:.35; cursor:not-allowed; }

/* Header progress visibility controls */
.header-progress-inner { position:relative; display:flex; align-items:center; gap:0.85rem; }
.header-progress-mount { flex:1; min-width:0; }
.header-progress-toggle {
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.045);
  color:hsl(var(--muted-foreground));
  border-radius:999px;
  padding:.45rem .75rem;
  font-size:.76rem;
  cursor:pointer;
  white-space:nowrap;
}
.header-progress-toggle:hover { color:hsl(var(--foreground)); border-color:rgba(183,255,0,.28); }
.header-progress-strip.is-hidden { display:none; }
.header-progress-show-btn {
  display:none;
  position:fixed;
  right:18px;
  top:82px;
  z-index:80;
  border:1px solid rgba(183,255,0,.25);
  background:rgba(10,14,22,.92);
  color:hsl(var(--acid));
  border-radius:999px;
  padding:.55rem .85rem;
  font-size:.76rem;
  cursor:pointer;
  box-shadow:0 16px 34px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
}
.header-progress-show-btn.is-visible { display:inline-flex; }
.landing-bitmarine .header-progress-show-btn { display:none !important; }
@media (max-width: 899px) {
  .header-progress-inner { align-items:flex-start; flex-direction:column; }
  .header-progress-toggle { width:100%; }
  .header-progress-show-btn { top:74px; right:12px; }
}

/* Persistência global da barra de progresso */
html.header-progress-hidden .header-progress-strip { display:none !important; }
html.header-progress-hidden .header-progress-show-btn { display:inline-flex !important; }
.landing-bitmarine .header-progress-strip,
.landing-bitmarine .header-progress-show-btn { display:none !important; }

/* Tabela profissional do Indique e Ganhe */
.referral-page-hero { overflow:hidden; }
.referral-page-grid { align-items:stretch; }
.referral-page-grid .panel,
.referral-page-hero,
.referral-page-grid + .section .panel { border-color:rgba(204,255,0,.12); }
.table-responsive.referral-table-shell,
.referral-page-grid + .section .table-responsive { 
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  overflow:auto;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
}
.data-table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:680px;
}
.data-table th,
.data-table td {
  padding:1rem 1.1rem;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-align:left;
  vertical-align:middle;
}
.data-table th {
  background:rgba(204,255,0,.055);
  color:rgba(255,255,255,.76);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}
.data-table td {
  color:rgba(255,255,255,.84);
  font-size:.9rem;
}
.data-table tbody tr:last-child td { border-bottom:0; }
.data-table tbody tr:hover td { background:rgba(204,255,0,.035); }
.data-table td:last-child { color:#ccff00; font-weight:800; font-variant-numeric:tabular-nums; }
.referral-rule-list { display:grid; gap:.75rem; }
.referral-page-stats { display:grid; gap:.75rem; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }

/* Landing ampliada */
.landing-market-section { position:relative; }
.landing-feature-grid { display:grid; gap:.9rem; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.landing-feature-card { 
  min-height:190px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(150deg, rgba(255,255,255,.05), rgba(255,255,255,.018));
  border-radius:24px;
  padding:1.15rem;
  position:relative;
  overflow:hidden;
}
.landing-feature-card:before { content:""; position:absolute; width:160px; height:160px; right:-70px; top:-70px; border-radius:50%; background:rgba(204,255,0,.08); filter:blur(2px); }
.landing-feature-card strong { display:block; font-size:1.08rem; margin:.65rem 0 .45rem; }
.landing-feature-card p { color:rgba(255,255,255,.66); line-height:1.55; margin:0; }
.landing-feature-icon { width:42px; height:42px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:rgba(204,255,0,.12); color:#ccff00; font-weight:900; }
.landing-proof-strip { display:grid; gap:.8rem; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); margin-top:1rem; }
.landing-proof-item { padding:1rem; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); }
.landing-proof-item span { display:block; color:rgba(255,255,255,.55); font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; margin-bottom:.3rem; }
.landing-proof-item strong { font-size:1.45rem; }
.landing-footer-nav { border-top:1px solid rgba(255,255,255,.08); margin-top:2rem; padding:2.5rem 0; background:linear-gradient(180deg, rgba(204,255,0,.035), transparent); }
.landing-footer-grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }
.landing-footer-block { padding:1rem; border-radius:20px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.025); }
.landing-footer-block h3 { margin:0 0 .55rem; font-size:1rem; }
.landing-footer-block a,
.landing-footer-block span { display:block; color:rgba(255,255,255,.62); text-decoration:none; font-size:.88rem; line-height:1.75; }
.landing-footer-block a:hover { color:#ccff00; }
.landing-final-disclaimer { color:rgba(255,255,255,.48); font-size:.82rem; line-height:1.55; margin-top:1rem; }
@media(max-width:760px){ .landing-copy-block h1{font-size:clamp(2.2rem,12vw,3.4rem)} .landing-terminal-card{border-radius:22px} .landing-position-box{grid-template-columns:1fr} }