/* ===== 알림 템플릿 관리 ===== */

/* 테이블 */
.noti_dtable {
  table-layout: fixed;
  min-width: 56rem;
}

/* 텍스트 말줄임 (템플릿명, 템플릿 코드) */
.noti_dtable td:nth-child(2),
.noti_dtable td:nth-child(3) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 검수 상태 배지 래퍼 (dot 기준점) */
.noti_inspection_badge {
  position: relative;
  display: inline-flex;
}

/* 대기 버전 인디케이터 (점) */
.noti_pending_dot {
  position: absolute;
  top: 50%;
  left: calc(100% + 0.25rem);
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  cursor: default;
  background-color: var(--c-red-400, #f87171);
}

/* 인디케이터 툴팁 (dot 위에 표시) */
.noti_pending_tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 0.375rem);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  line-height: 1.2;
  background-color: var(--c-gray-800, #1f2937);
  color: #fff;
  pointer-events: none;
  z-index: 100;
}

/* 툴팁 화살표 */
.noti_pending_tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 0.25rem solid transparent;
  border-top-color: var(--c-gray-800, #1f2937);
}

.noti_pending_dot:hover .noti_pending_tooltip {
  display: block;
}

/* dot 호버 시 td 스택 컨텍스트를 thead(z-index:10) 위로 올려 툴팁 가림 방지 */
.noti_dtable td:has(.noti_pending_dot:hover) {
  position: relative;
  z-index: 11;
}

/* 검수 상태 배지 */
.dtable_badge.is_request {
  background-color: var(--c-warning, #f59e0b);
  color: #fff;
}

.dtable_badge.is_inspecting {
  background-color: var(--c-warning, #f59e0b);
  color: #fff;
}

.dtable_badge.is_rejected {
  background-color: var(--c-red-400, #f87171);
  color: #fff;
}

/* 거부 배지 클릭 가능 */
.dtable_badge.is_clickable {
  cursor: pointer;
}

/* 거부 사유 메시지 스크롤 */
.noti_rejection_message {
  max-height: 21rem;
  overflow-y: hidden;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-word;
}

/* 관리 컬럼: 버튼 그룹 가운데 배치 + 내부 우측정렬 */
.noti_dtable .dtable_actions {
  display: inline-flex;
  width: 12rem;
  justify-content: flex-end;
}