/* ════════════════════════════════════════════════════════════════════════
   VOLURR Community — HOME v2 (.cmv) · world-class institutional + LIVE ROOMS merge
   Scoped to #v-copy .cmv only. Builds on the app's global tokens (--card/--line/
   --txt/--txt2/--muted/--gold=crimson) so dark ↔ light flip automatically; a short
   light block at the end polishes surfaces. COLOR LAW: crimson = brand, green/red =
   direction/performance only. Old home classes (.cmkpi/.cmgate/…) are abandoned —
   their CSS stays untouched for safety; the AGI modal (market.css 707-794) untouched.
   Golden rule: bump ?v=N in index.html after editing.
   ════════════════════════════════════════════════════════════════════════ */

#v-copy .cmv{display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}
/* dark-mode readability: the community-scoped --muted (#6B7280, market.css) is ~4.0:1 on these
   surfaces — too low for the 10-12px labels this page uses. Re-token inside .cmv only (light keeps base). */
html:not([data-theme="light"]) #v-copy .cmv{--muted:#8f97a6}

/* cursor-follow glare — --mx/--my are written by js/community/tilt.js on these cards */
#v-copy .cmv-gate,#v-copy .cmv-card{position:relative;overflow:hidden}
#v-copy .cmv-gate::before,#v-copy .cmv-agi::before,#v-copy .cmv-card::before{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:7;
  opacity:0;transition:opacity .35s ease;
  background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),
    color-mix(in srgb,var(--gold) 13%,transparent),transparent 60%)}
#v-copy .cmv-gate:hover::before,#v-copy .cmv-agi:hover::before,#v-copy .cmv-card:hover::before{opacity:1}

/* ── ① command band: brand + real pulse tiles ─────────────────────────── */
#v-copy .cmv-band{display:flex;align-items:center;gap:18px;padding:15px 17px;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 88%,transparent),var(--card));position:relative;overflow:hidden}
#v-copy .cmv-band::before{content:'';position:absolute;inset:0 0 auto;height:2px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 65%,transparent),transparent)}
#v-copy .cmv-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:0}
#v-copy .cmv-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(150deg,var(--gold),color-mix(in srgb,var(--gold) 55%,#000));color:#fff;
  font-weight:800;font-size:19px;letter-spacing:-.5px;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--gold) 65%,transparent)}
#v-copy .cmv-bt{display:flex;flex-direction:column;gap:2px;min-width:0}
#v-copy .cmv-bt b{font-size:16.5px;font-weight:800;letter-spacing:.4px;color:var(--txt);white-space:nowrap}
#v-copy .cmv-bt b i{color:var(--gold);font-style:normal}
#v-copy .cmv-bt span{font-size:11.5px;color:var(--muted);max-width:270px}
#v-copy .cmv-live{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;flex:0 0 auto;
  font-size:9.5px;font-weight:800;letter-spacing:.6px;color:#2fbf71;padding:4px 10px;border-radius:999px;
  border:1px solid color-mix(in srgb,#2fbf71 32%,transparent);background:color-mix(in srgb,#2fbf71 7%,transparent)}
#v-copy .cmv-live i{width:6px;height:6px;border-radius:50%;background:#2fbf71;box-shadow:0 0 7px rgba(47,191,113,.7);animation:cmvGlow 1.8s ease-in-out infinite}
@keyframes cmvGlow{0%,100%{opacity:1}50%{opacity:.45}}
#v-copy .cmv-pulse{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;flex:1 1 auto;min-width:0}
#v-copy .cmv-tile{position:relative;min-height:76px;padding:11px 13px 8px;border-radius:13px;overflow:hidden;
  border:1px solid var(--line);background:color-mix(in srgb,var(--card) 72%,transparent)}
#v-copy .cmv-tv{font-size:20px;font-weight:800;letter-spacing:-.4px;color:var(--txt);font-variant-numeric:tabular-nums;line-height:1.05}
#v-copy .cmv-tile:last-child .cmv-tv{color:var(--gold)}
#v-copy .cmv-tl{font-size:10.5px;color:var(--muted);margin-top:3px;font-weight:600}
#v-copy .cmv-tn{font-size:10px;color:var(--muted);margin-top:2px}
#v-copy .cmv-tile .cmkpi-sp{position:absolute;inset:auto 0 0 0;width:100%;height:24px;opacity:.5;pointer-events:none}
#v-copy .cmv-tile:has(.cmkpi-sp){padding-bottom:28px}   /* reserve the spark lane — the line must never strike through the label/note */

/* ── trending strip (real most_active) ────────────────────────────────── */
#v-copy .cmv-trend{display:flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid var(--line);border-radius:13px;
  background:color-mix(in srgb,var(--card) 60%,transparent);overflow:hidden}
#v-copy .cmv-trend>.cmi{width:15px;height:15px;color:var(--gold);flex:0 0 auto}
#v-copy .cmv-trlbl{font-size:11px;font-weight:800;color:var(--txt2);white-space:nowrap;flex:0 0 auto}
#v-copy .cmv-trrow{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0}
#v-copy .cmv-trrow::-webkit-scrollbar{display:none;height:0}
#v-copy .cmv-tchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;
  border:1px solid var(--line);font-size:11px;color:var(--txt2)}
#v-copy .cmv-tchip b{font-weight:800;color:var(--txt)}
#v-copy .cmv-tchip i{font-style:normal;font-size:9px}
#v-copy .cmv-tchip i.up{color:#2fbf71}
#v-copy .cmv-tchip i.dn{color:#e5484d}
#v-copy .cmv-tchip span{color:var(--muted);font-size:10px;font-weight:700}

/* ── ② LIVE ROOMS band (the merge) ────────────────────────────────────── */
#v-copy .cmv-sec{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:16px 17px;position:relative;overflow:hidden}
#v-copy .cmv-lr{border-color:color-mix(in srgb,var(--gold) 26%,var(--line))}
#v-copy .cmv-lr::before{content:'';position:absolute;inset:0 0 auto;height:2px;
  background:linear-gradient(90deg,var(--gold),color-mix(in srgb,var(--gold) 20%,transparent) 60%,transparent)}
#v-copy .cmv-sechd{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px}
#v-copy .cmv-secl{min-width:0}
#v-copy .cmv-sect{display:flex;align-items:center;gap:9px;font-size:15.5px;font-weight:800;color:var(--txt)}
#v-copy .cmv-ldot{width:9px;height:9px;border-radius:50%;background:var(--gold);flex:0 0 auto;animation:cmvPulse 2s infinite}
@keyframes cmvPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gold) 45%,transparent)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
#v-copy .cmv-ct{font-size:11px;font-weight:800;color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent);
  border-radius:999px;padding:2px 9px;font-variant-numeric:tabular-nums}
#v-copy .cmv-secsub{font-size:12px;color:var(--muted);margin-top:4px}
#v-copy .cmv-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;border-radius:10px;cursor:pointer;
  border:1px solid color-mix(in srgb,var(--gold) 42%,transparent);background:color-mix(in srgb,var(--gold) 9%,transparent);
  color:var(--gold);font-weight:700;font-size:12.5px;font-family:inherit;transition:.14s;flex:0 0 auto}
#v-copy .cmv-btn:hover{background:var(--gold);color:#fff}
#v-copy .cmv-btn svg{width:15px;height:15px;flex:0 0 auto}
#v-copy .cmv-btn.sm{height:30px;padding:0 12px;font-size:11.5px}

/* room rows */
#v-copy .cmv-rooms{display:flex;flex-direction:column}
#v-copy .cmv-room{display:flex;align-items:center;gap:13px;padding:11px 10px;border-radius:11px;cursor:pointer;
  border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent);transition:background .13s ease}
#v-copy .cmv-room:first-child{border-top:0}
#v-copy .cmv-room:hover{background:color-mix(in srgb,var(--gold) 5%,transparent)}
#v-copy .cmv-rsym{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
  font-size:11px;font-weight:800;letter-spacing:.3px;color:var(--gold);
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gold) 50%,transparent)}
#v-copy .cmv-room.on .cmv-rsym{box-shadow:inset 0 0 0 2px var(--gold),0 0 12px -3px color-mix(in srgb,var(--gold) 60%,transparent)}
#v-copy .cmv-rb{flex:1 1 auto;min-width:0}
#v-copy .cmv-rb b{display:block;font-size:13.5px;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v-copy .cmv-rb span{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v-copy .cmv-rtf{flex:0 0 auto;font-size:10.5px;font-weight:700;color:var(--txt2);border:1px solid var(--line);
  border-radius:8px;padding:4px 10px;white-space:nowrap;font-variant-numeric:tabular-nums}
#v-copy .cmv-ron{flex:0 0 auto;font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap}
#v-copy .cmv-ron.live{color:#2fbf71;display:inline-flex;align-items:center;gap:5px}
#v-copy .cmv-ron.live::before{content:'';width:6px;height:6px;border-radius:50%;background:#2fbf71;box-shadow:0 0 6px rgba(47,191,113,.7)}
#v-copy .cmv-join{flex:0 0 auto;height:30px;padding:0 16px;border-radius:9px;border:0;background:var(--gold);color:#fff;
  font-weight:800;font-size:12px;font-family:inherit;cursor:pointer;transition:.13s;
  box-shadow:0 6px 14px -6px color-mix(in srgb,var(--gold) 65%,transparent)}
#v-copy .cmv-join:hover{filter:brightness(1.08)}
#v-copy .cmv-more{margin-top:6px;width:100%;height:34px;border-radius:10px;border:1px dashed var(--line);background:transparent;
  color:var(--muted);font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}
#v-copy .cmv-more:hover{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 45%,transparent)}
#v-copy .cmv-empty{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  padding:20px 12px;font-size:12.5px;color:var(--muted);text-align:center}

/* desks strip */
#v-copy .cmv-desks{display:flex;align-items:center;gap:11px;margin-top:12px;padding-top:12px;
  border-top:1px dashed color-mix(in srgb,var(--line) 80%,transparent);min-width:0}
#v-copy .cmv-dlbl{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:11px;font-weight:800;color:var(--muted);white-space:nowrap}
#v-copy .cmv-dlbl svg{width:14px;height:14px;color:var(--gold)}
#v-copy .cmv-drow{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;min-width:0;padding-bottom:1px}
#v-copy .cmv-drow::-webkit-scrollbar{display:none;height:0}
#v-copy .cmv-desk{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:999px;
  border:1px solid var(--line);background:transparent;color:var(--txt2);font-size:11.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:.13s}
#v-copy .cmv-desk b{color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.3px}
#v-copy .cmv-desk:hover{border-color:color-mix(in srgb,var(--gold) 45%,transparent);color:var(--txt)}

/* ── ③ gateways + AGI ─────────────────────────────────────────────────── */
#v-copy .cmv-mid{display:grid;grid-template-columns:1.22fr 1fr;gap:14px;align-items:stretch}
#v-copy .cmv-gates{display:flex;flex-direction:column;gap:10px}
#v-copy .cmv-gate{display:flex;align-items:center;gap:14px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;
  background:var(--card);cursor:pointer;flex:1;transition:border-color .15s ease,background .15s ease}
#v-copy .cmv-gate:hover{border-color:color-mix(in srgb,var(--gold) 42%,transparent);background:color-mix(in srgb,var(--gold) 3%,var(--card))}
#v-copy .cmv-gico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;
  background:color-mix(in srgb,var(--gold) 10%,transparent);color:var(--gold)}
#v-copy .cmv-gico svg{width:21px;height:21px}
#v-copy .cmv-gb{flex:1 1 auto;min-width:0}
#v-copy .cmv-gb b{font-size:14.5px;font-weight:800;color:var(--txt)}
#v-copy .cmv-gb span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
#v-copy .cmv-gmeta{margin-top:6px;font-size:11px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
#v-copy .cmv-garr{flex:0 0 auto;color:var(--muted);transition:transform .15s ease,color .15s ease}
#v-copy .cmv-garr svg{width:18px;height:18px;display:block}
#v-copy .cmv-gate:hover .cmv-garr{color:var(--gold);transform:translateX(3px)}
[dir=rtl] #v-copy .cmv-garr svg{transform:scaleX(-1)}
[dir=rtl] #v-copy .cmv-gate:hover .cmv-garr{transform:translateX(-3px)}

#v-copy .cmv-agi{position:relative;display:flex;flex-direction:column;gap:10px;padding:17px;border-radius:15px;cursor:pointer;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));
  background:radial-gradient(420px 220px at 85% -10%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 65%),var(--card)}
#v-copy .cmv-aorb{width:62px;height:62px;flex:0 0 auto}
#v-copy .cmv-aorb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 16px color-mix(in srgb,var(--gold) 45%,transparent))}
#v-copy .cmv-ab{min-width:0;flex:1}
#v-copy .cmv-ab b{font-size:16.5px;font-weight:800;letter-spacing:.3px;color:var(--txt)}
#v-copy .cmv-ab b em{color:var(--gold);font-style:normal}
#v-copy .cmv-ab>span{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.55}
#v-copy .cmv-aqs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
#v-copy .cmv-aqs button{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:10px;text-align:start;cursor:pointer;
  border:1px solid var(--line);background:color-mix(in srgb,var(--card) 55%,transparent);color:var(--txt2);
  font-size:11.5px;font-weight:600;font-family:inherit;transition:.13s;min-width:0}
#v-copy .cmv-aqs button:hover{border-color:color-mix(in srgb,var(--gold) 45%,transparent);color:var(--txt)}
#v-copy .cmv-aqs button svg{width:14px;height:14px;flex:0 0 auto;color:var(--gold)}
#v-copy .cmv-aqs button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v-copy .cmv-abtn{margin-top:auto;height:40px;border-radius:11px;border:0;background:var(--gold);color:#fff;cursor:pointer;
  font-weight:800;font-size:13px;font-family:inherit;box-shadow:0 10px 22px -9px color-mix(in srgb,var(--gold) 70%,transparent);transition:.13s}
#v-copy .cmv-abtn:hover{filter:brightness(1.08)}

/* ── ④ bottom: analysts + activity ────────────────────────────────────── */
#v-copy .cmv-bot{display:grid;grid-template-columns:1.22fr 1fr;gap:14px}
#v-copy .cmv-card{border:1px solid var(--line);border-radius:15px;background:var(--card);padding:13px 15px}
#v-copy .cmv-ch{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:var(--txt);margin-bottom:7px}
#v-copy .cmv-ch .cmi{width:16px;height:16px;color:var(--gold);flex:0 0 auto}
#v-copy .cmv-all{margin-inline-start:auto;background:none;border:0;color:var(--gold);font-size:11.5px;font-weight:700;font-family:inherit;cursor:pointer}
#v-copy .cmv-all:hover{text-decoration:underline}
#v-copy .cmv-ta{display:flex;align-items:center;gap:11px;padding:9px 4px;cursor:pointer;border-radius:10px;
  border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent);transition:background .13s ease}
#v-copy .cmv-ch+.cmv-ta{border-top:0}
#v-copy .cmv-ta:hover{background:color-mix(in srgb,var(--gold) 5%,transparent)}
#v-copy .cmv-tarank{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto;
  font-size:11px;font-weight:800;color:var(--muted);background:color-mix(in srgb,var(--line) 45%,transparent)}
#v-copy .cmv-tarank.first{color:var(--gold);background:color-mix(in srgb,var(--gold) 14%,transparent)}
#v-copy .cmv-taav{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;
  font-size:12px;font-weight:800;color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}
#v-copy .cmv-tab{flex:1 1 auto;min-width:0}
#v-copy .cmv-tab b{display:block;font-size:13px;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v-copy .cmv-taspec{display:inline-flex;align-items:center;gap:3px;margin-inline-start:7px;font-size:10px;font-weight:800;color:var(--gold);
  background:color-mix(in srgb,var(--gold) 11%,transparent);border-radius:999px;padding:1px 7px;vertical-align:middle}
#v-copy .cmv-taspec svg{width:13px;height:13px;flex:0 0 auto}
#v-copy .cmv-tab span{display:block;font-size:11px;color:var(--muted);margin-top:1px}
#v-copy .cmv-tacc{flex:0 0 auto;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:999px;white-space:nowrap;
  border:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums}
#v-copy .cmv-tacc.good{color:#2fbf71;border-color:color-mix(in srgb,#2fbf71 35%,transparent)}
#v-copy .cmv-tacc.mid{color:#e0a83a;border-color:color-mix(in srgb,#e0a83a 35%,transparent)}
#v-copy .cmv-tacc.low{color:#e5484d;border-color:color-mix(in srgb,#e5484d 35%,transparent)}
#v-copy .cmv-arows{display:flex;flex-direction:column}
#v-copy .cmv-arow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 2px;
  border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent)}
#v-copy .cmv-arow:first-child{border-top:0}
#v-copy .cmv-arow span{font-size:12px;color:var(--muted);font-weight:600}
#v-copy .cmv-arow b{font-size:13.5px;font-weight:800;color:var(--txt);font-variant-numeric:tabular-nums}

/* ── responsive ───────────────────────────────────────────────────────── */
@media(max-width:1380px){#v-copy .cmv-pulse{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){
  #v-copy .cmv-mid,#v-copy .cmv-bot{grid-template-columns:1fr}
  #v-copy .cmv-band{flex-wrap:wrap}
  #v-copy .cmv-brand{width:100%}
  #v-copy .cmv-live{margin-inline-start:auto;align-self:center}
}
@media(max-width:760px){
  #v-copy .cmv-pulse{grid-template-columns:repeat(2,1fr)}
  #v-copy .cmv-rtf{display:none}
  #v-copy .cmv-ron{display:none}
  #v-copy .cmv-aqs{grid-template-columns:1fr}
  #v-copy .cmv-desks{flex-direction:column;align-items:flex-start;gap:8px}
}

/* ── light theme polish (tokens flip automatically; surfaces get paper depth) ── */
html[data-theme="light"] #v-copy .cmv-band,
html[data-theme="light"] #v-copy .cmv-sec,
html[data-theme="light"] #v-copy .cmv-gate,
html[data-theme="light"] #v-copy .cmv-card{
  background:linear-gradient(180deg,#ffffff,#f8f9fc);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 22px rgba(16,24,40,.06)}
html[data-theme="light"] #v-copy .cmv-agi{
  background:radial-gradient(420px 220px at 85% -10%,color-mix(in srgb,var(--gold) 9%,transparent),transparent 65%),
  linear-gradient(180deg,#ffffff,#f8f9fc);box-shadow:0 8px 22px rgba(16,24,40,.06)}
html[data-theme="light"] #v-copy .cmv-gate:hover{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--gold) 4%,#f8f9fc))}   /* the light surface rule outranks the base :hover — restore hover feedback */
html[data-theme="light"] #v-copy .cmv-tile{background:#fff;box-shadow:0 3px 10px rgba(16,24,40,.04)}
html[data-theme="light"] #v-copy .cmv-aqs button{background:#fff}
html[data-theme="light"] #v-copy .cmv-live,
html[data-theme="light"] #v-copy .cmv-ron.live,
html[data-theme="light"] #v-copy .cmv-tchip i.up,
html[data-theme="light"] #v-copy .cmv-tacc.good{color:#0f9d63}
html[data-theme="light"] #v-copy .cmv-tacc.good{border-color:rgba(15,157,99,.35)}
html[data-theme="light"] #v-copy .cmv-ron.live::before,
html[data-theme="light"] #v-copy .cmv-live i{background:#0f9d63;box-shadow:0 0 6px rgba(15,157,99,.5)}
html[data-theme="light"] #v-copy .cmv-tchip i.dn,
html[data-theme="light"] #v-copy .cmv-tacc.low{color:#d92d3a}
html[data-theme="light"] #v-copy .cmv-tacc.mid{color:#a8781f;border-color:rgba(168,120,31,.35)}