/* custom-table-fixes.css */

/* ===================================
   #add-group-member-table 表の基本設定 - モーダル内のみ
=================================== */
#addGroupMemberModal #add-group-member-table {
  table-layout: fixed;
  width: 100%;
}

/* 各列の最大幅設定（Email, Full Name, Nickname）- モーダル内のみ */
#addGroupMemberModal #add-group-member-table td:nth-child(3) { max-width: 150px; }
#addGroupMemberModal #add-group-member-table td:nth-child(4) { max-width: 150px; }
#addGroupMemberModal #add-group-member-table td:nth-child(5) { max-width: 120px; }
#addGroupMemberModal #add-group-member-table td:nth-child(6) { max-width: 100px; }

/* セルホバー時に内容全表示 - モーダル内のみ */

/* 長いテキストのみホバー表示 - テキストが実際に長い場合のみ */
#addGroupMemberModal #add-group-member-table tbody td.truncated:hover {
  position: absolute;
  background: #f9f9f9;
  white-space: normal;
  overflow: visible;
  z-index: 10;
  width: max-content;
  min-width: 80px;
  max-width: 180px;
  word-break: break-word;
  padding: 4px;
}

/* ログインID列 - モーダル内のみ */
#addGroupMemberModal .modal-dialog.modal-lg .adv-table #add-group-member-table th:nth-child(3),
#addGroupMemberModal .modal-dialog.modal-lg .adv-table #add-group-member-table td:nth-child(3)
#addGroupMemberModal .modal-dialog.modal-lg .adv-table #add-group-member-table th:nth-child(2),
#addGroupMemberModal .modal-dialog.modal-lg .adv-table #add-group-member-table td:nth-child(2)
#addGroupMemberModal .modal-dialog.modal-lg .adv-table #add-group-member-table th:nth-child(1),
#addGroupMemberModal .modal-dialog.modal-lg .adv-table #add-group-member-table td:nth-child(1) {
  min-width: 80px !important;
  max-width: 180px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 共通：セルの整列・省略設定 - モーダル内のみ */
#addGroupMemberModal #add-group-member-table td {
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}