/* ── emanna_v2 v4 스킨 ─────────────────────────────────────────── */

/* 브라우저 기본 body 리셋 (Bootstrap 미로드 보완) */
body { margin: 0; padding: 0; font-size: 13px; }
html[data-theme="dark"] body { color: var(--chch-card-text-strong, #b7cae2); }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) body { color: var(--chch-card-text-strong, #b7cae2); }
}

/* 페이지 */
.emv4-page {
  max-width: 1080px;
  margin: 0 auto;
  padding: 14px 14px 60px;
  box-sizing: border-box;
}

/* 상태바 */
.emv4-statebar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(255,255,255,.82);
  border: 1px solid #dbeaf8;
  border-radius: 12px;
  margin-bottom: 14px;
  font-size: 12px;
  color: #506a86;
}
html[data-theme="dark"] .emv4-statebar {
  background: rgba(19, 31, 47, .88);
  border-color: rgba(123, 158, 196, .20);
  color: var(--chch-card-text-strong, #b7cae2);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-statebar {
    background: rgba(19, 31, 47, .88);
    border-color: rgba(123, 158, 196, .20);
    color: var(--chch-card-text-strong, #b7cae2);
  }
}
.emv4-statebar a { color: #2f88e6; text-decoration: none; }
.emv4-action-links { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.emv4-label {
  display: inline-flex; align-items: center;
  padding: 2px 10px; border-radius: 20px;
  font-size: 11px; font-weight: 700; text-decoration: none;
  border: 1px solid currentColor;
}
.emv4-label-blue  { color: #2f88e6; border-color: #b8d8f8; background: #edf6ff; }
.emv4-label-red   { color: #c85747; border-color: #f0c4bc; background: #fff4f1; }
.emv4-label-green { color: #2a7a50; border-color: #b8dfc9; background: #edfaf3; }
.emv4-label-gray  { color: #506a86; border-color: #c5daf5; background: #f4f8fd; }
html[data-theme="dark"] .emv4-label-blue,
html[data-theme="dark"] .emv4-label-gray,
html[data-theme="dark"] .emv4-label-green,
html[data-theme="dark"] .emv4-label-red {
  border-color: rgba(123, 158, 196, .22);
}
html[data-theme="dark"] .emv4-label-blue { background: rgba(73, 118, 170, .18); color: #9cc8ff; }
html[data-theme="dark"] .emv4-label-gray { background: rgba(42, 56, 74, .78); color: #b7cae2; }
html[data-theme="dark"] .emv4-label-green { background: rgba(49, 121, 86, .18); color: #91d7ad; }
html[data-theme="dark"] .emv4-label-red { background: rgba(133, 66, 66, .18); color: #f1a6a6; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-label-blue,
  html:not([data-theme="light"]) .emv4-label-gray,
  html:not([data-theme="light"]) .emv4-label-green,
  html:not([data-theme="light"]) .emv4-label-red {
    border-color: rgba(123, 158, 196, .22);
  }
  html:not([data-theme="light"]) .emv4-label-blue { background: rgba(73, 118, 170, .18); color: #9cc8ff; }
  html:not([data-theme="light"]) .emv4-label-gray { background: rgba(42, 56, 74, .78); color: #b7cae2; }
  html:not([data-theme="light"]) .emv4-label-green { background: rgba(49, 121, 86, .18); color: #91d7ad; }
  html:not([data-theme="light"]) .emv4-label-red { background: rgba(133, 66, 66, .18); color: #f1a6a6; }
}

/* 레이아웃 — 사이드바 + 본문 */
.emv4-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 18px;
  align-items: start;
}
.emv4-layout.no-sidebar { grid-template-columns: 1fr; }
@media (max-width: 767px) {
  .emv4-layout { grid-template-columns: 1fr; }
  .emv4-sidebar { display: none; }
}

/* 사이드바 */
.emv4-sidebar {
  position: sticky;
  top: 14px;
}
.emv4-sidebar-card {
  background: rgba(255,255,255,.94);
  border: 1px solid #dbeaf8;
  border-radius: 18px;
  box-shadow: 0 8px 24px rgba(113,163,214,.10);
  padding: 16px;
  margin-bottom: 14px;
}
html[data-theme="dark"] .emv4-sidebar-card {
  background: rgba(22, 35, 52, .98);
  border-color: rgba(123, 158, 196, .20);
  box-shadow: 0 18px 36px rgba(0,0,0,.24);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-sidebar-card {
    background: rgba(22, 35, 52, .98);
    border-color: rgba(123, 158, 196, .20);
    box-shadow: 0 18px 36px rgba(0,0,0,.24);
  }
}
.emv4-sidebar-card a { text-decoration: none; }
.emv4-sidebar-card a:hover { text-decoration: none; }

/* 사이드바 헤더 */
.emv4-sb-brand {
  display: flex; align-items: center; gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #edf3fb;
  margin-bottom: 12px;
}
html[data-theme="dark"] .emv4-sb-brand,
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-sb-brand {
    border-bottom-color: rgba(123, 158, 196, .14);
  }
}
.emv4-sb-brand img { width: 36px; height: 36px; }
.emv4-sb-brand-title { font-size: 16px; font-weight: 700; color: #2f88e6; }
.emv4-sb-brand-title { color: var(--chch-card-heading, #2f88e6); }
.emv4-sb-brand-title a { color: inherit; text-decoration: none; }
.emv4-sb-brand-desc { font-size: 11px; color: #8aaed1; margin-top: 2px; }
.emv4-sb-brand-desc { color: var(--chch-chip-text, #8aaed1); }

/* 카테고리 목록 */
.emv4-sb-menu { list-style: none; margin: 0; padding: 0; }
.emv4-sb-menu li a {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 8px;
  font-size: 12px; color: #506a86; text-decoration: none;
  border-radius: 8px;
  border-left: 3px solid transparent;
  transition: background .15s;
}
.emv4-sb-menu li a:hover { background: #f0f7ff; color: #2f88e6; }
.emv4-sb-menu li a.is-active { background: #edf6ff; color: #2f88e6; border-left-color: #2f88e6; font-weight: 700; }
html[data-theme="dark"] .emv4-sb-menu li a {
  color: var(--chch-card-text-strong, #b7cae2);
}
html[data-theme="dark"] .emv4-sb-menu li a:hover { background: rgba(73, 118, 170, .14); color: #9cc8ff; }
html[data-theme="dark"] .emv4-sb-menu li a.is-active { background: rgba(73, 118, 170, .18); color: #9cc8ff; border-left-color: #82bbff; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-sb-menu li a { color: var(--chch-card-text-strong, #b7cae2); }
  html:not([data-theme="light"]) .emv4-sb-menu li a:hover { background: rgba(73, 118, 170, .14); color: #9cc8ff; }
  html:not([data-theme="light"]) .emv4-sb-menu li a.is-active { background: rgba(73, 118, 170, .18); color: #9cc8ff; border-left-color: #82bbff; }
}

/* 섹션 제목 */
.emv4-sb-section-title {
  display: flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 700; color: #7aab8e;
  text-transform: uppercase; letter-spacing: .06em;
  margin: 14px 0 6px 4px;
}
.emv4-sb-section-title i { font-size: 12px; opacity: .75; flex-shrink: 0; }

/* 게시물 수 뱃지 */
.emv4-sb-count { margin-left: auto; font-size: 11px; color: #8ab89a; font-weight: 400; }

/* 이만나 신청 탭 */
.emv4-subscribe-widget { margin-top: 14px; }
.emv4-widget-title { font-size: 13px; font-weight: 700; color: #2a4060; margin: 0 0 8px; }
.emv4-widget-title { color: var(--chch-card-text-strong, #2a4060); }
.emv4-tab-nav { display: flex; gap: 4px; margin-bottom: 10px; }
.emv4-tab-btn {
  flex: 1; padding: 6px 0;
  background: #f0f7ff; border: 1px solid #c5daf5; border-radius: 8px;
  font-size: 12px; color: #5d7a96; cursor: pointer;
  transition: background .15s;
}
.emv4-tab-btn.is-active { background: #2f88e6; color: #fff; border-color: #2f88e6; font-weight: 700; }
.emv4-tab-pane { display: none; }
.emv4-tab-pane.is-active { display: flex; gap: 8px; }
.emv4-subscribe-btn {
  flex: 1; display: inline-flex; align-items: center; justify-content: center;
  padding: 8px 0;
  background: #f7fbff; border: 1px solid #c5daf5; border-radius: 8px;
  font-size: 12px; color: #2f88e6; text-decoration: none; font-weight: 700;
  transition: background .15s;
}
.emv4-subscribe-btn:hover { background: #edf6ff; }
html[data-theme="dark"] .emv4-tab-btn,
html[data-theme="dark"] .emv4-subscribe-btn {
  background: rgba(16, 27, 41, .98);
  border-color: rgba(123, 158, 196, .20);
  color: var(--chch-card-text-strong, #b7cae2);
}
html[data-theme="dark"] .emv4-subscribe-btn:hover { background: rgba(73, 118, 170, .14); }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-tab-btn,
  html:not([data-theme="light"]) .emv4-subscribe-btn {
    background: rgba(16, 27, 41, .98);
    border-color: rgba(123, 158, 196, .20);
    color: var(--chch-card-text-strong, #b7cae2);
  }
  html:not([data-theme="light"]) .emv4-subscribe-btn:hover { background: rgba(73, 118, 170, .14); }
}

/* 신청정보 조회 */
.emv4-inquiry-title { font-size: 12px; font-weight: 700; color: #2a4060; margin: 12px 0 6px; }

/* 본문 */
.emv4-main { min-width: 0; background: var(--chch-card-bg-strong, #fff); border: 1px solid var(--chch-card-border, #dbeaf8); border-radius: 12px; padding: 8px; }
html[data-theme="dark"] .emv4-main { background: rgba(16, 27, 41, .98); }
html[data-theme="dark"] #club_iframe { background: transparent; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-main { background: rgba(16, 27, 41, .98); }
  html:not([data-theme="light"]) #club_iframe { background: transparent; }
}

/* 카테고리바 (상단 nav) — li 전체에 박스 배경으로 활성 표시 (메인 홈 hover와 동일) */

.chch-desktop-nav .nav li.emv4-active {
  background: rgba(142, 199, 249, .18);
  border-radius: 6px;
}
.chch-desktop-nav .nav li.emv4-active > a {
  color: #2f88e6 !important;
  font-weight: 700;
}

/* 모바일 햄버거 메뉴 링크 언더라인 제거 */
.mobile-app-grid a { text-decoration: none !important; }
.mobile-app-panel a { text-decoration: none !important; }

/* 모바일 상태바 카테고리 버튼 — 가독성 향상 */
@media (max-width: 767px) {
  .emv4-label {
    font-size: 13px;
    padding: 5px 14px;
  }
  .emv4-statebar {
    padding: 10px 14px;
    gap: 10px;
  }
  .emv4-action-links {
    gap: 7px;
  }
}

/* ── 방문 카운터 플러그인 (vc-*) ───────────────────────────────── */
.vc-wrap {
  padding: 10px 10px 12px;
  margin-top: 8px;
  border: 1px solid #d7eadb;
  border-radius: 14px;
  background: linear-gradient(180deg, #f8fcfa 0%, #f2f8f4 100%);
}
html[data-theme="dark"] .vc-wrap {
  border-color: rgba(123, 158, 196, .18);
  background: linear-gradient(180deg, rgba(20, 35, 54, .98) 0%, rgba(16, 27, 41, .98) 100%);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .vc-wrap {
    border-color: rgba(123, 158, 196, .18);
    background: linear-gradient(180deg, rgba(20, 35, 54, .98) 0%, rgba(16, 27, 41, .98) 100%);
  }
}
.vc-stat-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 10px;
}
.vc-stat-box {
  padding: 8px 6px;
  border-radius: 12px;
  background: #f5f9fd;
  border: 1px solid #e4eef8;
  text-align: center;
}
html[data-theme="dark"] .vc-stat-box {
  background: rgba(25, 40, 59, .92);
  border-color: rgba(123, 158, 196, .14);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .vc-stat-box {
    background: rgba(25, 40, 59, .92);
    border-color: rgba(123, 158, 196, .14);
  }
}
.vc-stat-box strong {
  display: block;
  color: #2d79c7;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
}
.vc-total strong { color: #1459a8; }
.vc-stat-box span {
  display: block;
  margin-top: 3px;
  color: #7f9ab4;
  font-size: 11px;
}
.vc-stat-box strong { color: var(--chch-card-heading, #2d79c7); }
.vc-stat-box span { color: var(--chch-card-text, #7f9ab4); }
.vc-chart {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  padding-bottom: 16px;
  position: relative;
  border-top: 1px solid rgba(125, 169, 210, .12);
  margin-top: 6px;
  padding-top: 10px;
}
.vc-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.vc-bar-area {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: flex-end;
}
.vc-bar {
  width: 100%;
  border-radius: 3px 3px 0 0;
  background: #b8d8f5;
  min-height: 0;
}
html[data-theme="dark"] .vc-bar { background: #4e73ad; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .vc-bar { background: #4e73ad; }
}
.vc-col.is-today .vc-bar { background: #3e9b63; }
.vc-col.is-today .vc-label { color: #3e9b63; font-weight: 700; }
.vc-label {
  font-size: 8px;
  color: #9ab0c8;
  white-space: nowrap;
  text-align: center;
}
.vc-label { color: var(--chch-card-text, #9ab0c8); }

.emv4-sb-embed {
  border: 1px solid #d7eadb;
  border-radius: 12px;
  overflow: hidden;
  margin: 4px 0 8px;
  background: #ffffff;
}
.emv4-sb-calendar-frame {
  display: block;
  width: 100%;
  background: transparent;
}
html[data-theme="dark"] .emv4-sb-embed {
  border-color: rgba(123, 158, 196, .18);
  background: rgba(20, 35, 54, .98);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-sb-embed {
    border-color: rgba(123, 158, 196, .18);
    background: rgba(20, 35, 54, .98);
  }
}

/* ── 태그 클라우드 — 통일된 green pill ───────────────────────────── */
.emv4-sb-tag-cloud { display: flex; flex-wrap: wrap; gap: 5px; padding: 2px 0 4px; }
.hottag1, .hottag2, .hottag3,
.hottag4, .hottag5, .hottag6 { display: inline; }
.hottag1 a:link, .hottag1 a:visited,
.hottag2 a:link, .hottag2 a:visited,
.hottag3 a:link, .hottag3 a:visited,
.hottag4 a:link, .hottag4 a:visited,
.hottag5 a:link, .hottag5 a:visited,
.hottag6 a:link, .hottag6 a:visited {
  display: inline-flex !important; align-items: center;
  padding: 3px 10px !important; border-radius: 999px !important;
  font-size: 11px !important; line-height: 1.5 !important;
  text-decoration: none;
  transition: background .15s, color .15s, border-color .15s;
}
.hottag1 a:link, .hottag1 a:visited { background: #3e9b63; color: #fff !important; border: 1px solid #3e9b63; font-weight: 700; }
.hottag2 a:link, .hottag2 a:visited { background: #eef8f1; color: #2d7a4c !important; border: 1px solid #b8d9c4; font-weight: 600; }
.hottag3 a:link, .hottag3 a:visited { background: #f1f8f3; color: #3a7a52 !important; border: 1px solid #c4deca; font-weight: 600; }
.hottag4 a:link, .hottag4 a:visited { background: #f4fbf6; color: #506858 !important; border: 1px solid #cde3d3; font-weight: 400; }
.hottag5 a:link, .hottag5 a:visited { background: #f7fcf8; color: #7aab8e !important; border: 1px solid #d3e9d9; font-weight: 400; }
.hottag6 a:link, .hottag6 a:visited { background: #fafdf9; color: #99b8a2 !important; border: 1px solid #ddeee2; font-weight: 400; }
.hottag1 a:hover, .hottag2 a:hover, .hottag3 a:hover,
.hottag4 a:hover, .hottag5 a:hover, .hottag6 a:hover {
  background: #3e9b63 !important; color: #fff !important;
  border-color: #3e9b63 !important; text-decoration: none;
}
html[data-theme="dark"] .hottag1 a:link, html[data-theme="dark"] .hottag1 a:visited,
html[data-theme="dark"] .hottag2 a:link, html[data-theme="dark"] .hottag2 a:visited,
html[data-theme="dark"] .hottag3 a:link, html[data-theme="dark"] .hottag3 a:visited,
html[data-theme="dark"] .hottag4 a:link, html[data-theme="dark"] .hottag4 a:visited,
html[data-theme="dark"] .hottag5 a:link, html[data-theme="dark"] .hottag5 a:visited,
html[data-theme="dark"] .hottag6 a:link, html[data-theme="dark"] .hottag6 a:visited {
  border-color: rgba(123, 158, 196, .22) !important;
  background: rgba(20, 35, 54, .98) !important;
  color: #b7cae2 !important;
}
html[data-theme="dark"] .hottag1 a:link, html[data-theme="dark"] .hottag1 a:visited {
  background: rgba(49, 121, 86, .28) !important;
  color: #91d7ad !important;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .hottag1 a:link, html:not([data-theme="light"]) .hottag1 a:visited,
  html:not([data-theme="light"]) .hottag2 a:link, html:not([data-theme="light"]) .hottag2 a:visited,
  html:not([data-theme="light"]) .hottag3 a:link, html:not([data-theme="light"]) .hottag3 a:visited,
  html:not([data-theme="light"]) .hottag4 a:link, html:not([data-theme="light"]) .hottag4 a:visited,
  html:not([data-theme="light"]) .hottag5 a:link, html:not([data-theme="light"]) .hottag5 a:visited,
  html:not([data-theme="light"]) .hottag6 a:link, html:not([data-theme="light"]) .hottag6 a:visited {
    border-color: rgba(123, 158, 196, .22) !important;
    background: rgba(20, 35, 54, .98) !important;
    color: #b7cae2 !important;
  }
  html:not([data-theme="light"]) .hottag1 a:link, html:not([data-theme="light"]) .hottag1 a:visited {
    background: rgba(49, 121, 86, .28) !important;
    color: #91d7ad !important;
  }
}

.emv4-sb-search-wrap { padding: 4px 0 8px; }
.emv4-sb-search-row { display: flex; gap: 4px; }
.emv4-sb-search-input {
  flex: 1;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid #c5daf5;
  border-radius: 8px;
  font-size: 12px;
  background: #fff;
  color: #506858;
}
.emv4-sb-search-button {
  padding: 6px 10px;
  background: #3e9b63;
  color: #fff;
  border: 0;
  border-radius: 8px;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}
html[data-theme="dark"] .emv4-sb-search-input {
  border-color: rgba(123, 158, 196, .18);
  background: rgba(20, 35, 54, .98);
  color: #dbe7f7;
}
html[data-theme="dark"] .emv4-sb-search-button {
  background: rgba(49, 121, 86, .82);
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-sb-search-input {
    border-color: rgba(123, 158, 196, .18);
    background: rgba(20, 35, 54, .98);
    color: #dbe7f7;
  }
  html:not([data-theme="light"]) .emv4-sb-search-button {
    background: rgba(49, 121, 86, .82);
  }
}

/* ── 최근 댓글 ─────────────────────────────────────────────────── */
.emv4-sb-cmt-item { padding: 6px 0; border-bottom: 1px solid #eef6f0; }
.emv4-sb-cmt-item:last-child { border-bottom: none; }
.emv4-sb-cmt-title { font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.emv4-sb-cmt-title a:link,
.emv4-sb-cmt-title a:visited { color: #3a5242; text-decoration: none; }
.emv4-sb-cmt-title a:hover { color: #3e9b63; }
.emv4-sb-cmt-meta { display: flex; justify-content: space-between; gap: 6px; margin-top: 2px; font-size: 11px; color: #7aab8e; }

/* ── 다녀간 회원 ────────────────────────────────────────────────── */
.emv4-sb-visitor-grid { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.emv4-sb-visitor-item a:link,
.emv4-sb-visitor-item a:visited {
  display: inline-flex; align-items: center;
  padding: 2px 9px; border-radius: 999px;
  background: #f4fbf6; border: 1px solid #cce5d4;
  color: #506858; font-size: 11px; text-decoration: none;
}
.emv4-sb-visitor-item a:hover { background: #eef8f1; color: #3e9b63; border-color: #a8d4b6; }

/* ── 방문 통계 Today / Total ────────────────────────────────────── */
.emv4-sb-stat-row {
  display: flex; align-items: center; justify-content: center; gap: 14px;
  padding: 10px 14px;
  background: linear-gradient(135deg, #f0f9f4 0%, #f7fcf8 100%);
  border: 1px solid #d7eadb; border-radius: 12px;
  margin: 8px 0 4px;
}
.emv4-sb-stat-item { display: flex; flex-direction: column; align-items: center; gap: 1px; }
.emv4-sb-stat-label { font-size: 10px; font-weight: 700; color: #7aab8e; text-transform: uppercase; letter-spacing: .06em; }
.emv4-sb-stat-value { font-size: 15px; font-weight: 700; color: #3e9b63; }
.emv4-sb-stat-divider { color: #b8d9c4; font-size: 18px; font-weight: 300; }
.emv4-sb-scrap { font-size: 11px; color: #7aab8e; text-align: center; padding: 3px 0 2px; }
.emv4-sb-scrap span { color: #3e9b63; font-weight: 700; }
html[data-theme="dark"] .emv4-sb-stat-row {
  background: linear-gradient(135deg, rgba(20, 35, 54, .98) 0%, rgba(16, 27, 41, .98) 100%);
  border-color: rgba(123, 158, 196, .18);
}
html[data-theme="dark"] .emv4-sb-stat-label { color: #7f97b2; }
html[data-theme="dark"] .emv4-sb-stat-value { color: #9ed0b1; }
html[data-theme="dark"] .emv4-sb-stat-divider { color: rgba(123, 158, 196, .26); }
html[data-theme="dark"] .emv4-sb-scrap { color: #8ea8c5; }
html[data-theme="dark"] .emv4-sb-scrap span { color: #9ed0b1; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-sb-stat-row {
    background: linear-gradient(135deg, rgba(20, 35, 54, .98) 0%, rgba(16, 27, 41, .98) 100%);
    border-color: rgba(123, 158, 196, .18);
  }
  html:not([data-theme="light"]) .emv4-sb-stat-label { color: #7f97b2; }
  html:not([data-theme="light"]) .emv4-sb-stat-value { color: #9ed0b1; }
  html:not([data-theme="light"]) .emv4-sb-stat-divider { color: rgba(123, 158, 196, .26); }
  html:not([data-theme="light"]) .emv4-sb-scrap { color: #8ea8c5; }
  html:not([data-theme="light"]) .emv4-sb-scrap span { color: #9ed0b1; }
}

/* ── 상태바 네비 버튼 (v4) ── */
.emv4-nav-btn {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #dbeaf8;
  background: #f4f9ff;
  color: #506a86;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: background .15s, color .15s, border-color .15s;
}
.emv4-nav-btn:hover { background: #edf6ff; color: #2f88e6; border-color: #b8d8f8; }
.emv4-nav-btn-life { border-color: #b8dfc9; color: #2a7a50; background: #edfaf3; }
.emv4-nav-btn-life:hover { background: #d8f3e5; color: #1e6840; }
.emv4-nav-btn-truth { border-color: #b8d8f8; color: #2f6fb3; background: #edf6ff; }
.emv4-nav-btn-truth:hover { background: #d8ecff; color: #1a5a9e; }
.emv4-nav-btn-apply {
  border-color: #3e9b63;
  background: #3e9b63;
  color: #fff !important;
}
.emv4-nav-btn-apply:hover { background: #358856; border-color: #358856; color: #fff !important; }

html[data-theme="dark"] .emv4-nav-btn {
  border-color: rgba(123,158,196,.22);
  background: rgba(42,56,74,.78);
  color: #b7cae2;
}
html[data-theme="dark"] .emv4-nav-btn:hover { background: rgba(73,118,170,.18); color: #9cc8ff; }
html[data-theme="dark"] .emv4-nav-btn-life { background: rgba(49,121,86,.18); color: #91d7ad; }
html[data-theme="dark"] .emv4-nav-btn-truth { background: rgba(73,118,170,.18); color: #9cc8ff; }
html[data-theme="dark"] .emv4-nav-btn-apply { background: rgba(49,121,86,.82); color: #fff !important; border-color: rgba(49,121,86,.82); }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-nav-btn { border-color: rgba(123,158,196,.22); background: rgba(42,56,74,.78); color: #b7cae2; }
  html:not([data-theme="light"]) .emv4-nav-btn-life { background: rgba(49,121,86,.18); color: #91d7ad; }
  html:not([data-theme="light"]) .emv4-nav-btn-truth { background: rgba(73,118,170,.18); color: #9cc8ff; }
  html:not([data-theme="light"]) .emv4-nav-btn-apply { background: rgba(49,121,86,.82); color: #fff !important; }
}

@media (max-width: 767px) {
  .emv4-nav-btn {
    min-height: 36px;
    padding: 0 16px;
    font-size: 13px;
  }
}

/* ── 이만나 신청 카드 ── */
.emv4-subscribe-card {
  padding: 14px;
  border: 1px solid #c8e0c8;
  border-radius: 14px;
  background: linear-gradient(135deg, #f0f9f4 0%, #f7fcf8 100%);
  margin-top: 8px;
}
.emv4-subscribe-desc {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.6;
  color: #506858;
}
.emv4-subscribe-cta {
  display: block;
  padding: 10px 0;
  text-align: center;
  background: #3e9b63;
  color: #fff;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background .15s;
}
.emv4-subscribe-cta:hover { background: #358856; }

html[data-theme="dark"] .emv4-subscribe-card {
  border-color: rgba(123, 158, 196, .18);
  background: linear-gradient(135deg, rgba(20, 35, 54, .98) 0%, rgba(16, 27, 41, .98) 100%);
}
html[data-theme="dark"] .emv4-subscribe-desc { color: #b7cae2; }
html[data-theme="dark"] .emv4-subscribe-cta { background: rgba(49, 121, 86, .82); }
html[data-theme="dark"] .emv4-subscribe-cta:hover { background: rgba(49, 121, 86, .95); }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .emv4-subscribe-card {
    border-color: rgba(123, 158, 196, .18);
    background: linear-gradient(135deg, rgba(20, 35, 54, .98) 0%, rgba(16, 27, 41, .98) 100%);
  }
  html:not([data-theme="light"]) .emv4-subscribe-desc { color: #b7cae2; }
  html:not([data-theme="light"]) .emv4-subscribe-cta { background: rgba(49, 121, 86, .82); }
}

.emv4-label-join {
  background: linear-gradient(135deg, #e74c8b 0%, #f472b6 100%) !important;
  border-color: #e74c8b !important;
  color: #fff !important;
  animation: joinPulse 2s ease-in-out infinite;
}
.emv4-label-join:hover { opacity: .85; }
@keyframes joinPulse { 0%,100%{box-shadow:0 0 0 0 rgba(231,76,139,.3)} 50%{box-shadow:0 0 0 6px rgba(231,76,139,0)} }