/* ============================================================
   MASTER VORTEX — Meme Coins view styles.
   Pairs with meme.js (view: #memeView). Tokens match
   styles.css / earnings.css (--green, --panel, --panel-2,
   --edge, --dim, --ink, --red). Every weight in this file
   is 400 — the platform unbold rule.
   ============================================================ */

/* When the Meme Coins view is open it owns the workspace: the
   chart grid steps aside. */
body.mv-meme-open .main{display:none}
body.mv-meme-open .tf-group{visibility:hidden}

.meme-view{flex:1; min-height:0; display:flex; flex-direction:column;
  background:var(--panel); margin:10px; border:1px solid var(--edge); border-radius:14px;
  overflow:hidden}
.meme-view[hidden]{display:none}

.meme-head{display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  padding:12px 16px; border-bottom:1px solid var(--edge); background:var(--panel-2)}
.meme-title{font-size:15px; font-weight:400; letter-spacing:1.5px; color:var(--ink)}
.meme-controls{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-left:auto}
.meme-filters{display:flex; gap:0; border:1px solid var(--edge); border-radius:10px; overflow:hidden}
.meme-filter{font:inherit; font-size:12px; font-weight:400; letter-spacing:.4px;
  background:transparent; color:var(--dim); border:0; padding:7px 14px; cursor:pointer}
.meme-filter + .meme-filter{border-left:1px solid var(--edge)}
.meme-filter:hover{color:var(--ink)}
.meme-filter.active{background:#17351c; color:var(--green)}
.meme-refresh{font:inherit; font-size:12px; font-weight:400; letter-spacing:.4px;
  background:var(--panel); color:var(--ink); border:1px solid var(--edge);
  border-radius:10px; padding:7px 14px; cursor:pointer}
.meme-refresh:hover{border-color:var(--green); color:var(--green)}
.meme-refresh:disabled{opacity:.5; cursor:default}
.meme-status{font-size:12px; color:var(--dim); font-weight:400}
.meme-status.err{color:var(--red)}

.meme-caption{padding:8px 16px; border-bottom:1px solid var(--edge);
  font-size:11.5px; font-weight:400; color:var(--dim); background:#0a1322}

.meme-table-wrap{flex:1; min-height:0; overflow:auto; position:relative}
.meme-table{width:100%; border-collapse:collapse; font-size:13.5px}
.meme-table thead th{
  position:sticky; top:0; z-index:2; background:#0a1322; color:var(--dim);
  font-size:11px; font-weight:400; letter-spacing:1.1px; text-align:left;
  padding:9px 12px; border-bottom:1px solid var(--edge); white-space:nowrap; cursor:pointer}
.meme-table thead th.r, .meme-table td.r{text-align:right}
.meme-table tbody td{
  padding:8px 12px; border-bottom:1px solid #101c2e; white-space:nowrap;
  font-variant-numeric:tabular-nums; font-weight:400}
.meme-table tbody tr.meme-row{cursor:pointer}
.meme-table tbody tr.meme-row:hover{background:#0a1524}
.meme-table tbody tr.meme-row.sel{background:#0d1f14}
.meme-table .sym{font-weight:400; letter-spacing:.3px; color:var(--ink)}
.meme-table .nm{color:#c6d6ea; max-width:220px; overflow:hidden; text-overflow:ellipsis}
.meme-table td.up{color:var(--green)}
.meme-table td.dn{color:var(--red)}
.meme-txns-split{color:var(--dim); font-size:11.5px}
.meme-empty{padding:34px 16px; text-align:center; color:var(--dim); font-size:13px; font-weight:400}
.meme-empty[hidden]{display:none}

.meme-detail{border-top:1px solid var(--edge); background:var(--panel-2); padding:10px 16px 14px}
.meme-detail[hidden]{display:none}
.meme-detail-head{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px}
.meme-detail-sym{font-size:14px; font-weight:400; letter-spacing:.6px; color:var(--ink)}
.meme-detail-name{font-size:12.5px; color:var(--dim)}
.meme-detail-px{font-size:12.5px; color:var(--ink); margin-left:auto}
.meme-detail-close{font:inherit; font-size:11.5px; font-weight:400; letter-spacing:.4px;
  background:transparent; color:var(--dim); border:1px solid var(--edge);
  border-radius:9px; padding:5px 10px; cursor:pointer}
.meme-detail-close:hover{color:var(--ink); border-color:var(--green)}
.meme-detail-chart{font:inherit; font-size:11.5px; font-weight:400; letter-spacing:.4px;
  background:transparent; color:var(--green); border:1px solid var(--green);
  border-radius:9px; padding:5px 10px; cursor:pointer; margin-left:10px}
.meme-detail-chart:hover{color:var(--ink)}
.meme-detail-chart:disabled{opacity:.55; cursor:wait}
.meme-detail-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:8px}
.meme-stat{border:1px solid var(--edge); border-radius:10px; padding:7px 10px; background:var(--panel)}
.meme-stat-wide{grid-column:1 / -1}
.meme-stat-label{font-size:10px; font-weight:400; letter-spacing:1.1px; color:var(--dim); margin-bottom:3px}
.meme-stat-value{font-size:13px; font-weight:400; color:var(--ink); font-variant-numeric:tabular-nums}
.meme-mint{font-size:11.5px; word-break:break-all}
.meme-detail-note{font-size:12px; color:var(--dim); padding:10px 0 2px}

.meme-risk{padding:9px 16px; border-top:1px solid var(--edge);
  font-size:11.5px; font-weight:400; line-height:1.5; color:var(--dim)}

@media (max-width:700px){
  .meme-col-name{display:none}
  .meme-col-fdv{display:none}
  .meme-table{font-size:12.5px}
}