@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui,
    Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR",
    "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    sans-serif;
  /* 스크롤바로 인한 세로 스크롤 방지: 가로 스크롤은 허용하되 세로는 화면 높이에 맞춤 */
  height: 100dvh;
  overflow-y: hidden;
  overflow-x: auto;
}

/* HTML 이메일 본문 스타일 - 원본 레이아웃을 최대한 유지 */
.email-html-content {
  /* 원본 HTML의 스타일을 덮어쓰지 않도록 최소한의 스타일만 적용 */
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: keep-all; /* 단어 단위 줄바꿈 (한글 포함) */
  font-weight: 400; /* 텍스트 두께 정상화 */
  color: #222; /* 텍스트 색상 변경 */
  line-height: 1.6;
}

/* HTML 이메일 내부 링크 스타일 */
.email-html-content a {
  color: #2563eb !important;
  text-decoration: none;
}

.email-html-content a:hover {
  text-decoration: underline;
}

/* contentEditable placeholder */
[contenteditable][data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #9ca3af;
  pointer-events: none;
  position: absolute;
}

[contenteditable]:focus {
  outline: none;
}

/* contentEditable 내부 이미지 크기 제한 */
[contenteditable] img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

/* 인쇄용 스타일 - 이메일 상세만 출력 */
@media print {
  /* 사이드바, 헤더, 메일목록 숨김 */
  body > div > div:first-child,  /* 사이드바 */
  body header,
  body nav {
    display: none !important;
  }

  /* 인쇄 영역만 표시 */
  #print-area {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 20px !important;
    background: white !important;
  }

  /* print:hidden 클래스 숨김 */
  .print\\:hidden {
    display: none !important;
  }

  /* 전체 레이아웃 초기화 */
  body {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* 스크롤바 숨기기 (스크롤 기능은 유지) */
.hide-scrollbar {
  -ms-overflow-style: none; /* IE, Edge */
  scrollbar-width: none; /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* 어드민 대시보드 내부 스크롤 영역 스크롤바 숨기기 */
.admin-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.admin-scroll::-webkit-scrollbar {
  display: none;
}

/* recharts 차트 클릭 시 검은색 테두리 제거 */
.recharts-wrapper,
.recharts-wrapper *,
.recharts-wrapper svg,
.recharts-wrapper svg *,
.recharts-surface,
.recharts-layer,
.recharts-cartesian-grid,
.recharts-area,
.recharts-curve {
  outline: none !important;
  box-shadow: none !important;
}

/* recharts 차트 포커스 상태에서도 테두리 제거 */
.recharts-wrapper:focus,
.recharts-wrapper *:focus,
.recharts-surface:focus {
  outline: none !important;
  box-shadow: none !important;
}