/* ============================================
   회원 유형 예약제한 페이지
   프리픽스: gsd_
   ============================================ */

/* ── 필터 바 ─────────────────────────────────── */

.gsd_filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  background-color: #fff;
  padding: 0.75rem 0;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  border: none;
  position: relative;
  z-index: 20;
}

.dark .gsd_filter {
  background-color: var(--c-dark-card);
}

/* 필터 내 cselect 크기 (128x38) */
.gsd_filter .cselect {
  width: 8rem;
}

.gsd_filter .cselect_trigger {
  height: 2.375rem;
}

/* 우측 영역 (버튼) */
.gsd_filter_right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* ── 테이블 스크롤 영역 ──────────────────────── */

.gsd_table_scroll {
  flex: 1 1 0%;
  min-height: 0;
  overflow-x: auto;
  overflow-y: auto;
}

.gsd_table_scroll::-webkit-scrollbar {
  width: 0;
  height: 9px;
}

.gsd_table_scroll::-webkit-scrollbar-corner {
  background: transparent;
}

/* ── 테이블 컬럼 너비 ────────────────────────── */
/* 순서: 상태 - 호텔 - 유형 - 사유 - 기간 - 활성 - 관리 */

.gsd_table {
  table-layout: fixed;
  min-width: 860px;
}

/* 상태 */
.gsd_table .dtable_th:nth-child(1),
.gsd_table .dtable_td:nth-child(1) {
  width: 7%;
}

/* 호텔 */
.gsd_table .dtable_th:nth-child(2),
.gsd_table .dtable_td:nth-child(2) {
  width: 20%;
}

/* 유형 */
.gsd_table .dtable_th:nth-child(3),
.gsd_table .dtable_td:nth-child(3) {
  width: 8%;
}

/* 사유 */
.gsd_table .dtable_th:nth-child(4),
.gsd_table .dtable_td:nth-child(4) {
  width: 25%;
}

/* 기간 */
.gsd_table .dtable_th:nth-child(5),
.gsd_table .dtable_td:nth-child(5) {
  width: 18%;
}

/* 활성 */
.gsd_table .dtable_th:nth-child(6),
.gsd_table .dtable_td:nth-child(6) {
  width: 7%;
}

/* 관리 */
.gsd_table .dtable_th:nth-child(7),
.gsd_table .dtable_td:nth-child(7) {
  width: 7%;
}

/* ── 상태 뱃지 (dtable_badge 확장) ───────────── */

.dtable_badge.is_ongoing {
  background-color: #818cf8;
  color: #fff;
}

.dtable_badge.is_expired {
  background-color: var(--c-gray-500);
  color: #fff;
}

/* ── 사유 셀 말줄임 ──────────────────────────── */

.gsd_reason {
  display: block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ── 삭제 확인 다이얼로그 ────────────────────── */

.gsd_delete_info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.gsd_delete_hotel {
  font-weight: 500;
  color: var(--c-text-1);
}

.dark .gsd_delete_hotel {
  color: var(--c-dark-text);
}

.gsd_delete_period {
  font-size: 0.875rem;
  color: var(--c-text-2);
  margin-bottom: 0.75rem;
}