/* ════════ MARKET MAP room shell (mmw-*) + Live Relationships tab (mmk-*) ════════
   Shell joins the room family (immersive chrome, institutional header, light variant);
   the proven tab CONTENT keeps its existing styles. Scoped to #v-mmap. */
body[data-view=mmap] .topbar .hdrL,
body[data-view=mmap] .topbar .hdr-status,
body[data-view=mmap] #btnSearch,
body[data-view=mmap] #btnBell,
body[data-view=mmap] #btnMail,
body[data-view=mmap] #btnMore{display:none}
html:not(.wco-on) body[data-view=mmap] .ticker{display:none}
html:not(.wco-on) body[data-view=mmap] .app{padding-top:0}
html:not(.wco-on) body[data-view=mmap] .side{top:0}
html:not(.wco-on) body[data-view=mmap] .topbar{top:0}
html:not(.wco-on) body[data-view=mmap] .sidetog{top:19px}
@media (min-width:901px){
  html:not(.wco-on) body[data-view=mmap] .topbar{display:none}
  html:not(.wco-on) body[data-view=mmap] .sidetog{top:10px}
}

#v-mmap .mmwwrap{
  --ml:rgba(255,255,255,.09); --mtx:#f2f5fa; --mmut:#8b95a7; --mac:#e23b3b; --mgold:#e8b93c;
  --mup:#00d084; --mdn:#ff4d4d;
  display:flex;flex-direction:column;gap:11px;color:var(--mtx);
  background:radial-gradient(900px 300px at 50% -70px, rgba(232,185,60,.05), transparent 60%),#07090f;
  border-radius:14px;padding:12px;font-variant-numeric:tabular-nums;
}
#v-mmap .mmw-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#v-mmap .mmw-hl{display:flex;align-items:center;gap:11px;min-width:0}
#v-mmap .mmw-orb{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex:none;
  color:var(--mgold);border:1px solid rgba(232,185,60,.45);background:rgba(232,185,60,.08);box-shadow:0 0 18px rgba(232,185,60,.2)}
#v-mmap .mmw-ttl{font-size:19px;font-weight:900;letter-spacing:.8px}
#v-mmap .mmw-sub{font-size:11px;font-weight:600;color:var(--mmut);margin-top:2px}
#v-mmap .mmw-hr{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
#v-mmap .mmw-live{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:900;letter-spacing:1.4px;color:var(--mup);border:1px solid rgba(0,208,132,.35);border-radius:999px;padding:4px 11px;background:rgba(0,208,132,.07)}
#v-mmap .mmw-live i{width:5px;height:5px;border-radius:50%;background:var(--mup);box-shadow:0 0 7px var(--mup);animation:mmwp 1.6s infinite}
@keyframes mmwp{0%,100%{opacity:1}50%{opacity:.35}}
#v-mmap .mmw-hbtn{appearance:none;height:30px;min-width:30px;padding:0 8px;border-radius:9px;border:1px solid var(--ml);background:rgba(255,255,255,.02);color:var(--mmut);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}
#v-mmap .mmw-hbtn b{font-size:10px;font-weight:900}
#v-mmap .mmw-hbtn:hover{color:var(--mtx)}
#v-mmap .mmw-ic-moon{display:none}
html[data-theme="light"] #v-mmap .mmw-ic-moon{display:inline}
html[data-theme="light"] #v-mmap .mmw-ic-sun{display:none}
/* tabs restyle */
#v-mmap .mmw-tabs{display:flex;gap:4px;border:1px solid var(--ml);border-radius:12px;padding:4px;background:rgba(255,255,255,.02);overflow-x:auto;scrollbar-width:none}
#v-mmap .mmw-tabs::-webkit-scrollbar{display:none}
#v-mmap .mmw-tabs .actab{appearance:none;border:0;background:transparent;color:var(--mmut);font:inherit;font-size:11.5px;font-weight:800;border-radius:9px;padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
#v-mmap .mmw-tabs .actab svg{width:15px;height:15px}
#v-mmap .mmw-tabs .actab:hover{color:var(--mtx)}
#v-mmap .mmw-tabs .actab.on{color:#fff;background:linear-gradient(135deg,var(--mac),#b81e26);box-shadow:0 0 14px rgba(226,59,59,.3)}
#v-mmap .mmw-foot{text-align:center;font-size:10px;font-weight:700;color:var(--mmut);padding:2px}
/* ── Live Relationships (Knowledge Graph) ── */
#v-mmap .mmk-card{background:linear-gradient(180deg,rgba(12,17,27,.94),rgba(6,9,15,.97));border:1px solid var(--ml);border-radius:15px;padding:14px 16px}
#v-mmap .mmk-h{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:12.5px;font-weight:900;letter-spacing:.5px;margin-bottom:10px}
#v-mmap .mmk-meta{font-size:9.5px;font-weight:800;letter-spacing:1px;color:var(--mmut)}
#v-mmap .mmk-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
#v-mmap .mmk-chip{appearance:none;border:1px solid var(--ml);background:rgba(255,255,255,.02);color:var(--mmut);font:inherit;font-size:10.5px;font-weight:800;border-radius:999px;padding:5px 12px;cursor:pointer}
#v-mmap .mmk-chip:hover{color:var(--mtx)}
#v-mmap .mmk-chip.on{color:#0a0c12;background:linear-gradient(135deg,#ffe9a8,var(--mgold));border-color:rgba(232,185,60,.6)}
#v-mmap .mmk-rows{display:flex;flex-direction:column;gap:7px}
#v-mmap .mmk-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(0,2fr) 52px 60px;gap:10px;align-items:center;
  border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 11px}
#v-mmap .mmk-nm{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v-mmap .mmk-bar{display:block;height:6px;border-radius:3px;background:rgba(128,140,160,.15);overflow:hidden}
#v-mmap .mmk-bar i{display:block;height:100%;border-radius:3px}
#v-mmap .mmk-bar i.up{background:var(--mup)}
#v-mmap .mmk-bar i.dn{background:var(--mdn)}
#v-mmap .mmk-row b{font-size:12.5px;font-weight:900;text-align:end}
#v-mmap .mmk-row .up{color:var(--mup)}#v-mmap .mmk-row .down{color:var(--mdn)}
#v-mmap .mmk-n{font-size:9.5px;font-weight:700;color:var(--mmut);text-align:end}
#v-mmap .mmk-empty{text-align:center;color:var(--mmut);font-size:12px;font-weight:700;line-height:1.8;padding:26px 12px;border:1px dashed var(--ml);border-radius:12px}
#v-mmap .mmk-note{margin-top:12px;padding-top:9px;border-top:1px dashed var(--ml);font-size:10px;font-weight:600;color:var(--mmut);line-height:1.6}
@media (max-width:640px){
  #v-mmap .mmk-row{grid-template-columns:minmax(90px,1fr) minmax(0,1.4fr) 46px}
  #v-mmap .mmk-n{display:none}
}
/* light theme */
html[data-theme="light"] #v-mmap .mmwwrap{
  --ml:rgba(16,24,40,.12); --mtx:#1c2333; --mmut:#5c6675; --mgold:#a87708; --mup:#0f9d63; --mdn:#d92d3a;
  background:radial-gradient(900px 300px at 50% -70px, rgba(168,119,8,.05), transparent 60%),#f5f6f9;
}
html[data-theme="light"] #v-mmap .mmk-card{background:linear-gradient(180deg,#ffffff,#f7f8fb)}
html[data-theme="light"] #v-mmap .mmw-tabs,html[data-theme="light"] #v-mmap .mmk-chip,
html[data-theme="light"] #v-mmap .mmw-hbtn{background:rgba(16,24,40,.02)}
html[data-theme="light"] #v-mmap .mmk-row{border-color:rgba(16,24,40,.09)}
