/* In-app call overlay. Lives on the HUD, not on /meet/. House tokens only. */
#meetcall{
  position:fixed; z-index:80; right:16px; bottom:16px; width:min(360px, calc(100vw - 24px));
  background:var(--panel); color:var(--ink); border:1px solid var(--line);
  border-radius:14px; padding:14px 14px 12px; box-shadow:0 16px 40px rgba(0,0,0,.45);
  display:none; flex-direction:column; gap:10px;
}
#meetcall.open{display:flex}
#meetcall h2{font-size:16px; margin:0}
#meetcall .mcwho{font-size:14px; color:var(--dim)}
#meetcall .mcrow{display:flex; gap:8px; flex-wrap:wrap}
#meetcall button{min-height:44px; border-radius:10px; border:1px solid var(--line);
  background:var(--panel2, var(--panel)); color:var(--ink); font:inherit; font-weight:600;
  padding:8px 14px; cursor:pointer}
#meetcall button.cta{background:var(--accent); color:var(--accent-text, #111); border-color:var(--accent)}
#meetcall button.danger{border-color:var(--bad); color:var(--bad)}
#meetcall .mclist{max-height:40vh; overflow:auto; display:flex; flex-direction:column; gap:4px}
#meetcall .mclist button{width:100%; justify-content:space-between; display:flex; align-items:center; text-align:left}
#meetcall .mcdot{width:8px; height:8px; border-radius:50%; background:var(--faint); flex:0 0 auto}
#meetcall .mcdot.on{background:var(--ok, #57c98a)}
#meetcall .mchint{font-size:13px; color:var(--faint); margin:0}