/* =========================================================================
   Pro-Grade Movers UI — Significant Movers, Biggest % Moves, Full Table
   Dark terminal aesthetic, #22FF88 accent, market-cap-aware filtering.
   ========================================================================= */

.mv-wrap{
  display:flex;flex-direction:column;gap:18px;
  font-family:var(--v2-font-mono, ui-monospace, 'JetBrains Mono', monospace);
}

/* Section header */
.mv-sec-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap;margin:0 0 10px 0;
}
.mv-sec-title{
  font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:#e6f9ee;margin:0;
  display:flex;align-items:center;gap:8px;
}
.mv-sec-title .mv-dot{
  width:6px;height:6px;border-radius:50%;background:#22FF88;box-shadow:0 0 8px #22FF88;
}
.mv-sec-sub{
  font-size:10px;color:#7a8a82;letter-spacing:.06em;font-weight:600;
}
.mv-badge{
  display:inline-block;padding:2px 7px;border-radius:3px;font-size:9px;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;
}
.mv-badge-sig{background:rgba(34,255,136,.12);color:#22FF88;border:1px solid rgba(34,255,136,.3)}
.mv-badge-raw{background:rgba(255,160,0,.12);color:#ffb842;border:1px solid rgba(255,160,0,.3)}

/* Two-column gainers/losers panels */
.mv-pair{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
@media (max-width:760px){ .mv-pair{ grid-template-columns:1fr; } }

.mv-panel{
  background:linear-gradient(180deg,#0c1410 0%,#0a100c 100%);
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;padding:14px 14px 10px;
  position:relative;
}
.mv-panel.up{ border-color:rgba(34,255,136,.18); }
.mv-panel.dn{ border-color:rgba(255,92,92,.18); }

.mv-panel-head{
  display:flex;align-items:center;justify-content:space-between;
  margin:0 0 10px 0;padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.04);
}
.mv-panel-title{
  font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
}
.mv-panel.up .mv-panel-title{ color:#22FF88; }
.mv-panel.dn .mv-panel-title{ color:#ff5c5c; }
.mv-panel-count{
  font-size:9px;color:#7a8a82;letter-spacing:.08em;font-weight:700;
}

/* Row inside panel */
.mv-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 78px 70px 64px;
  gap:8px;align-items:center;
  padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03);
  font-size:12px;text-decoration:none;color:inherit;
  transition:background .15s;
}
.mv-row:last-child{border-bottom:none}
.mv-row:hover{ background:rgba(34,255,136,.04); border-radius:4px; }

.mv-sym{
  display:flex;flex-direction:column;gap:2px;min-width:0;
}
.mv-sym-tkr{
  font-weight:800;font-size:12px;color:#e6f9ee;letter-spacing:.04em;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.mv-sym-name{
  font-size:10px;color:#7a8a82;font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.mv-px{
  font-size:11px;color:#cfe9d9;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;
}
.mv-chg{
  font-size:11px;text-align:right;font-weight:800;font-variant-numeric:tabular-nums;
}
.mv-chg.up{color:#22FF88}
.mv-chg.dn{color:#ff5c5c}
.mv-mcap{
  font-size:10px;text-align:right;color:#9ab0a4;font-weight:600;font-variant-numeric:tabular-nums;
}
.mv-thin{
  display:inline-block;margin-left:4px;padding:1px 4px;border-radius:3px;
  font-size:8px;font-weight:800;letter-spacing:.08em;
  background:rgba(255,160,0,.15);color:#ffb842;border:1px solid rgba(255,160,0,.3);
  vertical-align:middle;
}

/* Empty state */
.mv-empty{
  padding:16px;text-align:center;color:#7a8a82;font-size:11px;letter-spacing:.06em;
}

/* Tier-tab bar (for full table) */
.mv-tabs{
  display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px 0;
  font-family:var(--v2-font-mono,ui-monospace,monospace);
}
.mv-tab{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08);
  color:#9ab0a4;
  font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:6px 11px;border-radius:5px;cursor:pointer;
  transition:all .15s;
  display:inline-flex;align-items:center;gap:6px;
}
.mv-tab:hover{ border-color:rgba(34,255,136,.3); color:#cfe9d9; }
.mv-tab.is-active{
  background:rgba(34,255,136,.12);
  border-color:rgba(34,255,136,.4);
  color:#22FF88;
}
.mv-tab-count{
  background:rgba(255,255,255,.05);padding:1px 6px;border-radius:8px;
  font-size:9px;font-weight:800;
}
.mv-tab.is-active .mv-tab-count{
  background:rgba(34,255,136,.2);
}

/* Full table */
.mv-table-wrap{
  background:#0a100c;border:1px solid rgba(255,255,255,.06);border-radius:10px;
  overflow:hidden;
}
.mv-table{
  width:100%;border-collapse:collapse;
  font-family:var(--v2-font-mono,ui-monospace,monospace);
}
.mv-table thead th{
  background:rgba(255,255,255,.02);
  color:#7a8a82;font-size:10px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;padding:12px 14px;text-align:left;
  border-bottom:1px solid rgba(255,255,255,.06);
  position:sticky;top:0;z-index:2;
}
.mv-table th.right,.mv-table td.right{text-align:right;font-variant-numeric:tabular-nums;}
.mv-table tbody tr{
  border-bottom:1px solid rgba(255,255,255,.03);
  transition:background .15s;
}
.mv-table tbody tr:hover{ background:rgba(34,255,136,.04); }
.mv-table td{
  padding:10px 14px;font-size:12px;color:#cfe9d9;font-weight:600;
}
.mv-table td.sym-cell{
  display:flex;flex-direction:column;gap:2px;
}
.mv-table td.sym-cell .tkr{ color:#e6f9ee;font-weight:800;font-size:12px;letter-spacing:.04em; }
.mv-table td.sym-cell .nm{ color:#7a8a82;font-weight:500;font-size:10px; }
.mv-table td.up{ color:#22FF88;font-weight:800; }
.mv-table td.dn{ color:#ff5c5c;font-weight:800; }
.mv-table td .tier-chip{
  display:inline-block;padding:1px 6px;border-radius:3px;font-size:9px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(255,255,255,.05);color:#9ab0a4;border:1px solid rgba(255,255,255,.06);
}
.mv-table td .tier-chip.large{ background:rgba(34,255,136,.12);color:#22FF88;border-color:rgba(34,255,136,.3); }
.mv-table td .tier-chip.mid{   background:rgba(72,200,255,.10);color:#48c8ff;border-color:rgba(72,200,255,.28); }
.mv-table td .tier-chip.small{ background:rgba(255,200,90,.10);color:#ffc85a;border-color:rgba(255,200,90,.28); }
.mv-table td .tier-chip.micro{ background:rgba(255,160,80,.10);color:#ffa050;border-color:rgba(255,160,80,.28); }
.mv-table td .tier-chip.penny{ background:rgba(255,92,92,.10);color:#ff7575;border-color:rgba(255,92,92,.3); }
.mv-table td .tier-chip.unknown{ color:#7a8a82; }

.mv-foot{
  padding:10px 14px;border-top:1px solid rgba(255,255,255,.06);
  font-size:10px;color:#7a8a82;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;
}