/* Popover */
.pop{position:fixed;z-index:80;min-width:260px;max-width:320px;border-radius:14px;padding:14px;
  background:linear-gradient(180deg, rgba(15,10,22,.98), rgba(5,6,10,.98));
  border:1px solid var(--line-strong);
  box-shadow:0 30px 80px -10px rgba(0,0,0,.8), 0 0 0 1px rgba(255,120,30,.08);
  display:none;animation:popin .2s cubic-bezier(.2,.9,.3,1.2)}
@keyframes popin{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}
.pop.open{display:block}
.pop-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.pop-head .type-mark{width:34px;height:34px}
.pop-head .title .name{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.pop-head .title .meta{color:var(--text-xdim);font-size:11px;font-family:'JetBrains Mono',monospace;margin-top:2px}
.pop-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.pop-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pop-actions .qbtn{justify-content:center}
.pop-actions .qbtn.wide{grid-column:1/-1}

/* Roster popover (#rosterPop) */
.popover{position:fixed;z-index:90;min-width:220px;max-width:300px;border-radius:14px;padding:14px;
  background:linear-gradient(180deg, rgba(15,10,22,.98), rgba(5,6,10,.98));
  border:1px solid var(--line-strong);
  box-shadow:0 30px 80px -10px rgba(0,0,0,.8), 0 0 0 1px rgba(255,120,30,.08);
  animation:popin .2s cubic-bezier(.2,.9,.3,1.2)}
.roster-head{font-size:11px;font-family:'JetBrains Mono',monospace;color:var(--text-xdim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.roster{display:flex;flex-direction:column;gap:4px}
.roster-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0}
.roster-name{font-size:13px;color:var(--text);font-weight:500}
.roster-you{font-size:11px;color:var(--text-xdim);font-weight:400;margin-left:4px}
.roster-rename{font-size:11px;color:var(--ember-soft);padding:2px 6px;border-radius:6px;border:1px solid var(--line);background:none;cursor:pointer;white-space:nowrap}
.roster-rename:hover{background:rgba(255,120,30,.1);border-color:var(--line-strong)}