/* 프로젝트에서 추가·변경하는 화면 스타일은 이 파일에 작성합니다. */

/* 해상직은 본인 선박 한 건만 고정 표시합니다. */
.ticker-track.ticker-track-static {
  animation: none;
}

.safety-check-meta {
  display: block;
  margin-top: 4px;
  color: #9ca3af;
  font-size: 11px;
}

/* 오른쪽 STC 점검 현황은 패널 높이를 넘기면 내부에서만 스크롤합니다. */
.right-panel {
  min-height: 0;
  overflow: hidden;
}

#detailTemps {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-color: #00eaff66 #02070f;
  scrollbar-width: thin;
}

#detailTemps::-webkit-scrollbar {
  width: 8px;
}

#detailTemps::-webkit-scrollbar-track {
  background: #02070f;
}

#detailTemps::-webkit-scrollbar-thumb {
  background: #00eaff66;
  border-radius: 4px;
}

/* 모달 제목·버튼은 고정하고, 긴 점검 목록만 내부에서 스크롤합니다. */
.modal-box {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}

.modal-checklist {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-right: 4px;
  scrollbar-color: #00eaff66 #02070f;
  scrollbar-width: thin;
}

.modal-actions {
  flex: 0 0 auto;
}

/* 모달 제목은 헤더의 공통 하단선만 사용하고 닫기 버튼과 같은 높이로 정렬합니다. */
.modal-header > #modalTitle {
  margin: 0;
  padding: 0;
  border: 0;
}

.modal-header .modal-close-x {
  display: inline-flex;
  align-items: center;
  align-self: center;
  justify-content: center;
}

.modal-checklist::-webkit-scrollbar {
  width: 8px;
}

.modal-checklist::-webkit-scrollbar-track {
  background: #02070f;
}

.modal-checklist::-webkit-scrollbar-thumb {
  background: #00eaff66;
  border-radius: 4px;
}