/* テーブル内で役割リストを省略表示 */
.roles-cell {
  max-width: 320px;          /* 必要に応じて調整 */
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

/* 小さい画面では多少狭くする */
@media (max-width: 768px) {
  .roles-cell {
    max-width: 120px;
  }
}

/* マウスで全文コピー/選択したい場合（省略中でもホバーで全文を表示） */
.roles-cell:hover {
  cursor: default;
}