/* =====================================
   来場予約申込一覧テーブル（拡張）
   ===================================== */

.table-reservations .col-no {
  text-align: center;
}

/* 折り返し防止　*/
.table-reservations .col-created,
.table-reservations .col-date,
.table-reservations .col-time,
.table-reservations .col-name {
  white-space: nowrap;
}

/* メールアドレスを自然に折り返す */
.table-reservations .col-email {
  word-break: break-all;
}

.table-reservations .col-note {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20rem;
}

.table-reservations .col-created {
  text-align: right;
  width: 12rem;
}

/* hover時の軽いアクセント */
.table-reservations tbody tr:hover {
  background-color: #f5f9ff;
  transition: background-color 0.2s ease;
}

.table-reservations th,
.table-reservations tbody tr:nth-child(even) {
  background-color: #eaeff0;
}