/* ============================================================
   remix-a.css — NEYN-12112 · Variation A "TICKER-TIGHT"
   The literal Uniswap answer. Loaded AFTER final.css + remix.css;
   every rule scoped under body.remix-a so it expresses ONLY the
   delta from B (the sticky-swap remix). Equal-specificity rules
   win by source order (this file loads last).
   The move (Rish's uniswap / matcha / robinhood reference):
     · identity collapsed to ONE crisp ticker row (avatar + name +
       ✓ chip + agent pill); handles/launch/contract demoted to a
       faint, chrome-less secondary line — minimal vertical height
     · stats MOVED out of the rail into a Uniswap-style "Stats" grid
       UNDER the chart (left 2/3), visible at ALL widths → also
       serves mobile (B's .mstats is dropped, no double stats)
     · rail = swap card ONLY. Rail stats + Safety verdict removed,
       so the space below the sticky swap is intentionally EMPTY —
       honest to uniswap/matcha/robinhood.
   Safety/verdict is OMITTED (not relocated): keeping the minimal
   thesis honest. The Contract "VERIFIED" + Holders concentration
   evidence below the feed still carry the trust signal.
   ============================================================ */

/* ---------- A1 · identity collapsed to one tight ticker row ---------- */
body.remix-a .header{ padding:12px var(--pgpad) 11px; }
body.remix-a .idmain{ align-items:center; gap:11px; }
body.remix-a .idav{ width:36px; height:36px; border-radius:8px; }
body.remix-a .idtxt{ gap:3px; }
body.remix-a .idname{ font-size:17px; gap:9px; }
body.remix-a .idname .idok{ font-size:11px; padding:1px 6px; }

/* demote handles / launch / contract → faint, chrome-less secondary line */
body.remix-a .idsub{ font-size:11px; gap:5px 9px; color:var(--t888); line-height:1.3; }
body.remix-a .idsub .hpill{ background:none; padding:0; color:var(--t888); font-size:11px; gap:4px; }
body.remix-a .idsub .hpill .psq{ width:11px; height:11px; }
body.remix-a .idsub .hpill:hover{ color:var(--ink); }
body.remix-a .idsub .idlaunch{ color:var(--t888); gap:5px; }
body.remix-a .idsub .idlaunch .lsq{ width:11px; height:11px; }
body.remix-a .idsub .idlaunch b{ color:var(--t666); font-weight:500; }
body.remix-a .idsub .newpill{ padding:0 4px; }
body.remix-a .idsub .idaddr{ color:var(--t888); font-size:11px; }

/* ---------- A2 · "Stats" grid under the chart (left 2/3, all widths) ---------- */
body.remix-a .understats{ border:1px solid var(--line); border-radius:12px;
  padding:16px 18px; margin-bottom:22px; }
body.remix-a .us-h{ font-size:13px; font-weight:600; color:var(--ink); margin-bottom:14px; }
body.remix-a .us-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:18px 24px; }
body.remix-a .us{ display:flex; flex-direction:column; gap:4px; min-width:0; }
body.remix-a .us .k{ font-size:12px; color:var(--t666); font-weight:400; white-space:nowrap; }
body.remix-a .us .v{ font-size:18px; font-weight:500; color:var(--ink);
  font-variant-numeric:tabular-nums; white-space:nowrap; }
body.remix-a .us .v .d{ font-size:12px; font-weight:500; font-family:var(--mono); margin-left:6px; }

/* ---------- A3 · rail = swap card only (empty below, Uniswap-honest) ----------
   B's rail stats + Safety cards are removed from the DOM; nothing to override
   here beyond keeping the sticky swap as the sole rail child. */

/* ---------- MOBILE ---------- */
@media (max-width:900px){
  /* the Stats grid serves mobile too → reflow to 2 columns */
  body.remix-a .us-grid{ grid-template-columns:1fr 1fr; gap:16px 16px; }
  body.remix-a .understats{ padding:14px; margin-bottom:20px; }
  body.remix-a .idname{ font-size:16px; }
}