@charset "utf-8";
/* =========================================================
   데이터 없음 / 집계 중 표시 — empty-state.css (모든 페이지 공통)
   · .data-empty   : 보여줄 데이터가 하나도 없을 때 들어가는 안내 상자
   · .data-pending : 일부만 아직 없을 때(예: 추첨 직후 당첨금 집계 전) 그 자리에 들어가는 글자
   HTML 곳곳에 "[데이터 없음]" 주석으로 사용 예시를 넣어 두었습니다.
   ========================================================= */
.data-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  padding: 48px 20px;
  border: 1px dashed #d4d7dd;
  border-radius: 16px;
  background: #fff;
  color: #6b7280;
  font-size: 15px;
  line-height: 1.5;
  text-align: center;
}
.data-empty strong { color: #191f28; font-size: 17px; font-weight: 700; }
.data-pending { color: #8b95a1; font-size: 14px; font-weight: 600; }
@media (max-width: 899px) {
  .data-empty { padding: 36px 16px; font-size: 14px; }
  .data-empty strong { font-size: 16px; }
}