/* Shared by /console and /explore. See appchrome.js for why they share it. */
.who{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  border:1px solid var(--g70,#333);border-radius:999px;padding:5px 12px 5px 10px;
  font-size:12.5px;color:var(--g30,#ccc);background:var(--g90,#111)}
.who:hover{border-color:var(--g50,#888);color:var(--g10,#eee)}
.who-dot{width:7px;height:7px;border-radius:50%;background:var(--g60,#666);flex:none}
.who-dot.on{background:var(--teal40,#08bdba)}
.who-mail{font-family:var(--mono,monospace);font-size:12px}
.who-plan{font-size:11px;color:var(--g50,#888);border-left:1px solid var(--g70,#333);
  padding-left:8px}
.who-out{color:var(--g40,#999)}
@media(max-width:720px){.who-mail{max-width:12ch;overflow:hidden;text-overflow:ellipsis}
  .who-plan{display:none}}