/* ============================================================
   Mastera Customer Track Theme — Bold v2 (확정 팔레트)
   ─ Teal        #0097a3  (메인 CTA / 강조)
   ─ Tiffany     #81D8D0  (액티브 / 하이라이트 / 인증 외곽)
   ─ White       #ffffff  (베이스)
   ─ Light Gray  #a19e9e  (보조 텍스트 / 옅은 보더)
   ─ Dark Gray   #636363  (본문 텍스트)
   ── 위 5색 + 시스템 변형(hover darken / 옅은 라인) ──
   ============================================================ */

body.track-customer {
  /* ── 팔레트 5색 ── */
  --c-teal:        #0097a3;   /* Teal — 메인 CTA / 인증 / 강조 */
  --c-teal-hover:  #007884;   /* Teal -15% (hover 피드백 전용) */
  --c-teal-deep:   #00525a;   /* Teal -40% (푸터 / 진한 배경) */
  --c-cyan:        #81D8D0;   /* Tiffany — 액티브 / 하이라이트 */
  --c-cyan-tint:   rgba(129,216,208,0.16); /* Tiffany 16% (포커스 글로우) */
  --c-white:       #ffffff;
  --c-gray-50:     #f7f7f7;   /* White 변형 (옅은 배경) */
  --c-gray-100:    #ededed;   /* 얇은 라인 */
  --c-gray-200:    #d6d6d6;   /* 보더 */
  --c-gray:        #a19e9e;   /* Light Gray — 보조 / 비활성 */
  --c-gray-text:   #636363;   /* Dark Gray — 본문 */
  --c-text-strong: #2a2a2a;   /* 제목 / 강조 */

  /* mastera 토큰 오버라이드 */
  --primary:       var(--c-text-strong);
  --accent:        var(--c-teal);
  --accent-light:  var(--c-cyan-tint);
  --accent-dark:   var(--c-teal-hover);
  --bg:            var(--c-white);
  --bg-alt:        var(--c-gray-50);
  --bg-light:      var(--c-white);
  --text:          var(--c-gray-text);
  --text-sub:      var(--c-gray-text);
  --text-muted:    var(--c-gray);
  --border:        var(--c-gray-100);
  --mode-color:    var(--c-teal);
  --mode-color-light: var(--c-cyan-tint);

  background: var(--c-white);
  color: var(--c-gray-text);
}

/* ─────────────────────────────────────────────────
   Topbar — 화이트 베이스
   ───────────────────────────────────────────────── */
body.track-customer .topbar {
  background: var(--c-white);
  color: var(--c-gray);
  border-bottom: 1px solid var(--c-gray-100);
}
body.track-customer .topbar a,
body.track-customer .topbar-main-link { color: var(--c-gray); font-weight: 500; }
body.track-customer .topbar a:hover,
body.track-customer .topbar-main-link:hover { color: var(--c-teal); }

/* ─────────────────────────────────────────────────
   Header — 화이트 + 두꺼운 보더 라인
   ───────────────────────────────────────────────── */
body.track-customer .header {
  background: var(--c-white);
  border-bottom: 2px solid var(--c-text-strong);
  box-shadow: none;
}
body.track-customer .logo-icon {
  background: var(--c-teal);
  color: #fff;
  font-weight: 800;
}
body.track-customer .logo-text { color: var(--c-text-strong); font-weight: 800; }
body.track-customer .logo-text .logo-era { color: var(--c-teal); }

/* 인증 버튼 — 강한 대비 */
body.track-customer .auth-btn.customer-login {
  background: var(--c-white);
  color: var(--c-teal);
  border: 2px solid var(--c-teal);
  font-weight: 700;
}
body.track-customer .auth-btn.customer-login:hover {
  background: var(--c-teal);
  color: #fff;
}
body.track-customer .auth-btn.customer-signup {
  background: var(--c-teal);
  color: #fff;
  border: 2px solid var(--c-teal);
  font-weight: 700;
}
body.track-customer .auth-btn.customer-signup:hover {
  background: var(--c-teal-hover);
  border-color: var(--c-teal-hover);
}
body.track-customer .auth-role-badge.customer {
  background: var(--c-teal);
  color: #fff;
  font-weight: 700;
}
body.track-customer .auth-user-name { color: var(--c-text-strong); font-weight: 600; }
body.track-customer .auth-mypage-btn {
  background: var(--c-teal);
  color: #fff;
  border-color: var(--c-teal);
}
body.track-customer .auth-mypage-btn:hover { background: var(--c-teal-hover); }
body.track-customer .auth-logout-btn {
  color: var(--c-gray-text);
  border: 1px solid var(--c-gray-200);
}

/* ─────────────────────────────────────────────────
   카테고리 네비
   ───────────────────────────────────────────────── */
body.track-customer .cat-nav {
  background: var(--c-white);
  border-bottom: 1px solid var(--c-gray-100);
}
body.track-customer .cat-main-link {
  color: var(--c-gray-text);
  font-weight: 600;
  position: relative;
}
body.track-customer .cat-main-link:hover { color: var(--c-teal); }
body.track-customer .cat-main-link.active {
  color: var(--c-teal);
  font-weight: 800;
}
body.track-customer .cat-main-link.active::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 3px;
  background: var(--c-teal);
}
body.track-customer .cat-main-link.cat-main-link-booking {
  color: var(--c-teal);
  font-weight: 800;
}

body.track-customer .cat-content-link { color: var(--c-gray-text); font-weight: 500; }
body.track-customer .cat-content-link:hover,
body.track-customer .cat-content-link.active { color: var(--c-teal); }

body.track-customer .cat-tab {
  color: var(--c-gray-text);
  border: 1px solid transparent;
}
body.track-customer .cat-tab.active {
  color: #fff;
  background: var(--c-teal);
  font-weight: 700;
  border-color: var(--c-teal);
}
body.track-customer .cat-tab:hover {
  color: var(--c-teal);
  border-color: var(--c-teal);
}

body.track-customer .cat-more-btn { color: var(--c-gray-text); }
body.track-customer .cat-more-dropdown {
  background: var(--c-white);
  border: 1px solid var(--c-gray-200);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
body.track-customer .cat-more-item { color: var(--c-gray-text); }
body.track-customer .cat-more-item:hover,
body.track-customer .cat-more-item.active {
  background: var(--c-text-strong);
  color: var(--c-cyan);
}

/* ─────────────────────────────────────────────────
   메인 영역
   ───────────────────────────────────────────────── */
body.track-customer .main,
body.track-customer .bk-main,
body.track-customer .bk-detail-main {
  background: var(--c-white);
}
body.track-customer .bk-list-header h2,
body.track-customer .bk-detail-header h1 {
  color: var(--c-text-strong);
  font-weight: 800;
}
body.track-customer .bk-list-header p {
  color: var(--c-gray-text);
}

/* 카드 — 화이트 + 강한 보더 */
body.track-customer .bk-card,
body.track-customer .bk-stat-card,
body.track-customer .bk-row,
body.track-customer .bk-recv-card,
body.track-customer .auth-box,
body.track-customer .bk-form-card,
body.track-customer .bk-detail-header,
body.track-customer .bk-detail-section {
  background: var(--c-white);
  border: 1px solid var(--c-gray-200);
  box-shadow: none;
  border-radius: 0;
}

/* ─────────────────────────────────────────────────
   상세 페이지 박스 패딩 — 텍스트가 보더에 닿지 않게
   (booking.css 기본에 padding 없음 → customer-theme에서 부여)
   ───────────────────────────────────────────────── */
body.track-customer .bk-detail-header {
  padding: 28px 28px 24px;
  margin-bottom: 20px;
}
body.track-customer .bk-detail-section {
  padding: 24px 28px;
  margin-bottom: 16px;
}
body.track-customer .bk-detail-section > .bk-detail-section-title {
  margin-top: 0;
  font-size: 17px;
}
body.track-customer .bk-detail-section > :last-child {
  margin-bottom: 0;
}
@media (max-width: 880px) {
  body.track-customer .bk-detail-header { padding: 20px 18px; }
  body.track-customer .bk-detail-section { padding: 18px; }
}
body.track-customer .bk-card:hover,
body.track-customer .bk-stat-card:hover,
body.track-customer .bk-row:hover {
  border-color: var(--c-teal);
  border-width: 2px;
  margin: -1px; /* 두꺼워진 보더만큼 보정 */
}

/* 버튼 — 강하고 또렷하게 */
body.track-customer .bk-btn.primary {
  background: var(--c-teal);
  border-color: var(--c-teal);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.02em;
}
body.track-customer .bk-btn.primary:hover {
  background: var(--c-teal-hover);
  border-color: var(--c-teal-hover);
}
body.track-customer .bk-btn.primary:active {
  background: var(--c-text-strong);
  border-color: var(--c-text-strong);
  color: var(--c-cyan);
}
body.track-customer .bk-btn.ghost {
  background: var(--c-white);
  color: var(--c-teal);
  border: 2px solid var(--c-teal);
  font-weight: 700;
}
body.track-customer .bk-btn.ghost:hover {
  background: var(--c-teal);
  color: #fff;
}
body.track-customer .bk-btn-mini.primary {
  background: var(--c-teal);
  border-color: var(--c-teal);
  color: #fff;
  font-weight: 700;
}

/* 페이지네이션 */
body.track-customer .bk-page-link {
  color: var(--c-gray-text);
  border-color: var(--c-gray-200);
  background: var(--c-white);
}
body.track-customer .bk-page-link:hover {
  color: var(--c-teal);
  border-color: var(--c-teal);
}
body.track-customer .bk-page-link.active {
  background: var(--c-teal);
  color: #fff;
  border-color: var(--c-teal);
  font-weight: 700;
}

/* 탭 */
body.track-customer .bk-tab {
  color: var(--c-gray-text);
  font-weight: 500;
}
body.track-customer .bk-tab.active {
  color: var(--c-teal);
  border-bottom-color: var(--c-teal);
  border-bottom-width: 3px;
  font-weight: 800;
}
body.track-customer .bk-tab.active .bk-tab-cnt {
  color: var(--c-teal);
  font-weight: 800;
}

/* 배지 — 인증 마크: Tiffany 배경 + Deep Teal 글자 (같은 hue 패밀리) */
body.track-customer .bk-badge-verified {
  background: var(--c-cyan);          /* #81D8D0 Tiffany */
  color: var(--c-teal-deep);          /* #00525a 진한 Teal */
  border: none;
  font-weight: 800;
  letter-spacing: 0.05em;
  padding: 4px 10px;
  box-shadow: 0 2px 6px rgba(0, 151, 163, 0.18);
}
/* 카드 우상단 작은 ✓ 인증 마크 — 동일 톤 */
body.track-customer .bk-card-verified {
  background: var(--c-cyan);
  color: var(--c-teal-deep);
  font-weight: 800;
  letter-spacing: 0.02em;
}
/* 미가입(디렉토리) 배지 — outline 톤 다운 */
body.track-customer .bk-badge-places {
  background: var(--c-white);
  color: var(--c-gray-text);
  border: 1px solid var(--c-gray);
  font-weight: 600;
}

/* 입점 신청 CTA */
body.track-customer .bk-cta-claim {
  background: var(--c-white);
  border: 2px solid var(--c-teal);
}
body.track-customer .bk-cta-claim h3 {
  color: var(--c-text-strong);
}

/* 폼 입력 — 두꺼운 보더로 또렷 */
body.track-customer .form-input,
body.track-customer .bk-input,
body.track-customer .bk-textarea,
body.track-customer input[type="text"],
body.track-customer input[type="email"],
body.track-customer input[type="password"],
body.track-customer input[type="tel"],
body.track-customer input[type="number"],
body.track-customer input[type="date"],
body.track-customer select,
body.track-customer textarea {
  background: var(--c-white);
  border: 1.5px solid var(--c-gray-200);
  color: var(--c-text-strong);
  border-radius: 0;
}
body.track-customer .form-input:focus,
body.track-customer .bk-input:focus,
body.track-customer .bk-textarea:focus,
body.track-customer input:focus,
body.track-customer select:focus,
body.track-customer textarea:focus {
  border-color: var(--c-teal);
  outline: none;
  box-shadow: 0 0 0 3px var(--c-cyan-tint);
}

/* 라디오 (체크된 상태) */
body.track-customer .bk-radio {
  background: var(--c-white);
  border: 1.5px solid var(--c-gray-200);
}
body.track-customer .bk-radio:has(input:checked) {
  background: var(--c-white);
  border-color: var(--c-teal);
  border-width: 2px;
  color: var(--c-teal);
  font-weight: 700;
}

/* 상태 배지 */
body.track-customer .bk-status-approved {
  background: var(--c-teal);
  color: #fff;
  font-weight: 700;
}

/* 상담 응답 박스 */
body.track-customer .bk-consult-response {
  background: var(--c-gray-50);
  border-left: 3px solid var(--c-teal);
}
body.track-customer .bk-consult-response strong {
  color: var(--c-text-strong);
}

/* 정보 하이라이트 */
body.track-customer .bk-info-row.bk-info-highlight {
  background: var(--c-gray-50);
  border-left: 3px solid var(--c-teal);
}

/* 받은 예약 카드 포커스 */
body.track-customer .bk-recv-card.focused {
  border-color: var(--c-teal);
  border-width: 2px;
}
body.track-customer .bk-recv-response {
  background: var(--c-gray-50);
  border-left: 3px solid var(--c-teal);
}
body.track-customer .bk-recv-detail[open] summary {
  background: var(--c-text-strong);
  color: var(--c-cyan);
  border-color: var(--c-text-strong);
}

/* 마이페이지 통계 */
body.track-customer .bk-stat-num.accent {
  color: var(--c-teal);
  font-weight: 800;
}
body.track-customer .bk-link-more {
  color: var(--c-teal);
  font-weight: 600;
}

/* 토글 스위치 */
body.track-customer .bk-switch input:checked + span {
  background: var(--c-teal);
}

/* customer-link */
body.track-customer .customer-link {
  color: var(--c-teal);
  font-weight: 700;
  text-decoration: underline;
}

/* ─────────────────────────────────────────────────
   Footer — 다크 톤 (5색의 가장 진한 변형)
   ───────────────────────────────────────────────── */
body.track-customer .footer {
  background: var(--c-text-strong);
  color: var(--c-gray);
  border-top: 4px solid var(--c-teal);
}
body.track-customer .footer a { color: #D8D8D8; }
body.track-customer .footer a:hover { color: var(--c-cyan); }
body.track-customer .footer-logo { color: #fff; }
body.track-customer .footer-logo .logo-icon { background: var(--c-teal); color: #fff; }
body.track-customer .footer-logo .logo-text { color: #fff; }
body.track-customer .footer-logo .logo-era { color: var(--c-cyan); }
body.track-customer .footer-title { color: #fff; font-weight: 700; }
body.track-customer .footer-col h4 { color: #fff; }
body.track-customer .footer p { color: #c6c6c6; line-height: 1.65; }
body.track-customer .footer-info {
  color: #c6c6c6;
  font-size: 13px;
  line-height: 1.7;
}
body.track-customer .footer-info strong { color: #fff; font-weight: 700; }

/* 앱 다운로드 섹션 — 다크 배경 위 시각 보강 */
body.track-customer .footer-app-download {
  border-top: 1px solid #3a3a3a;
  padding-top: 20px;
  margin-top: 24px;
}
body.track-customer .footer-app-label {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.01em;
}
body.track-customer .footer-app-desc {
  color: #c6c6c6;
  font-size: 13px;
  line-height: 1.5;
  margin: 6px 0 12px;
}
body.track-customer .footer-app-badge {
  color: #fff;
  border: 1px solid rgba(255,255,255,0.28);
  background: rgba(255,255,255,0.04);
  padding: 8px 14px;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s ease;
}
body.track-customer .footer-app-badge:hover {
  background: rgba(129,216,208,0.12);
  border-color: var(--c-cyan);
  color: var(--c-cyan);
}

/* 카피라이트/방문자 카운터 — 다크 배경에 보이게 */
body.track-customer .footer-bottom {
  border-top: 1px solid #3a3a3a;
  color: #b8b8b8;
  font-size: 12px;
  padding-top: 16px;
  margin-top: 20px;
}
body.track-customer .footer-bottom span { color: #b8b8b8; }
body.track-customer .footer-visitor strong { color: var(--c-cyan); font-weight: 700; }

/* 푸터 안 '강사·센터 서비스' 섹션 — 두드러지게 */
body.track-customer .footer-pro-section {
  background: var(--c-teal-deep);
  padding: 20px 24px;
  margin-top: 20px;
  border-left: 4px solid var(--c-cyan);
}
body.track-customer .footer-pro-section h4 {
  color: #fff;
  font-size: 14px;
  margin: 0 0 6px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
body.track-customer .footer-pro-section .footer-pro-desc {
  color: rgba(255,255,255,0.78);
  font-size: 13px;
  margin: 0 0 12px;
  line-height: 1.55;
}
body.track-customer .footer-pro-section .footer-pro-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  font-size: 13px;
}
body.track-customer .footer-pro-section a {
  color: var(--c-cyan);
  text-decoration: none;
  font-weight: 600;
}
body.track-customer .footer-pro-section a:hover {
  color: #fff;
  text-decoration: underline;
}

/* ─────────────────────────────────────────────────
   Mobile Bottom Nav
   ───────────────────────────────────────────────── */
body.track-customer .mbn-item { color: var(--c-gray); }
body.track-customer .mbn-item.active { color: var(--c-teal); font-weight: 700; }
body.track-customer .mbn-item.active svg { stroke: var(--c-teal); }

/* ─────────────────────────────────────────────────
   히어로 영역 (booking 페이지 헤더) — 강한 다크 톤
   ───────────────────────────────────────────────── */
body.track-customer .bk-list-header {
  background: var(--c-text-strong);
  padding: 40px 28px;
  border-left: 0;
  margin-bottom: 28px;
  position: relative;
  overflow: hidden;
}
body.track-customer .bk-list-header h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin-bottom: 10px;
}
body.track-customer .bk-list-header p {
  color: #D8D8D8;
  font-size: 15px;
}
body.track-customer .bk-list-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 4px;
  background: var(--c-cyan);
}

/* ─────────────────────────────────────────────────
   모바일 드로어
   ───────────────────────────────────────────────── */
body.track-customer .mobile-auth {
  background: var(--c-white);
  border-top: 1px solid var(--c-gray-200);
}
body.track-customer .mobile-auth h4 { color: var(--c-text-strong); font-weight: 700; }
body.track-customer .mobile-nav-links a { color: var(--c-gray-text); font-weight: 500; }
body.track-customer .mobile-nav-links a:hover { color: var(--c-teal); }

/* ─────────────────────────────────────────────────
   필터 바 (검색 필터)
   ───────────────────────────────────────────────── */
body.track-customer .bk-filter-bar {
  background: var(--c-gray-50);
  border: 1px solid var(--c-gray-100);
  padding: 16px;
}
body.track-customer .bk-filter-bar select,
body.track-customer .bk-filter-bar input {
  border: 1.5px solid var(--c-gray-200);
  background: var(--c-white);
}

/* ─────────────────────────────────────────────────
   링크 일반
   ───────────────────────────────────────────────── */
body.track-customer a { color: var(--c-teal); }
body.track-customer a:hover { color: var(--c-teal-hover); }

/* ============================================================
   == P0/P1 보강 — 인증/마이페이지/상태/Success/알림/안내/디테일 ==
   ============================================================ */

/* ─────────────────────────────────────────────────
   Auth 페이지 (Login / Signup / Place Claim)
   ───────────────────────────────────────────────── */
body.track-customer .auth-page { background: var(--c-white); }
body.track-customer .auth-card {
  background: var(--c-white);
  border: 1px solid var(--c-gray-200);
  border-radius: 0;
  box-shadow: none;
}
body.track-customer .auth-card h1 { color: var(--c-text-strong); }
body.track-customer .auth-card .auth-subtitle { color: var(--c-gray-text); }

/* 인증 카드 상단 customer 배지 — Tiffany tint */
body.track-customer .auth-type-badge.customer {
  background: var(--c-cyan-tint);
  color: var(--c-teal-deep);
  font-weight: 700;
}

/* 메인 CTA — Teal (booking.css의 #4A7FD4 블루 차단) */
body.track-customer .auth-submit.customer {
  background: var(--c-teal);
  border-color: var(--c-teal);
  color: var(--c-white);
  font-weight: 700;
  letter-spacing: 0.02em;
}
body.track-customer .auth-submit.customer:hover {
  background: var(--c-teal-hover);
  border-color: var(--c-teal-hover);
}

/* 옵션/디바이더/스위치 */
body.track-customer .auth-options a { color: var(--c-gray-text); }
body.track-customer .auth-options a:hover { color: var(--c-teal); }
body.track-customer .auth-divider-line::before,
body.track-customer .auth-divider-line::after { background: var(--c-gray-100); }
body.track-customer .auth-divider-line span { color: var(--c-gray); }

/* 비즈니스(센터/마스터) 링크 — 푸터에 메인 진입로가 있으니 여기선 강조 톤다운 */
body.track-customer .auth-switch a.master-link,
body.track-customer .auth-switch a.center-link {
  color: var(--c-gray-text);
  font-weight: 500;
}
body.track-customer .auth-switch a.master-link:hover,
body.track-customer .auth-switch a.center-link:hover { color: var(--c-teal); }

/* Auth Alert */
body.track-customer .auth-alert.success {
  background: var(--c-cyan-tint);
  color: var(--c-teal-deep);
  border-color: var(--c-cyan);
}
/* error는 의미상 빨강 유지 */

/* 약관 그룹 / 체크박스 액센트 */
body.track-customer .terms-group {
  background: var(--c-gray-50);
  border: 1px solid var(--c-gray-100);
}
body.track-customer .form-check input[type="checkbox"],
body.track-customer .term-check input[type="checkbox"] { accent-color: var(--c-teal); }

/* ─────────────────────────────────────────────────
   상태 뱃지 — 의미 색은 유지, accent 의존만 오버라이드
   ───────────────────────────────────────────────── */
body.track-customer .bk-status-completed,
body.track-customer .bk-status-approved {
  background: var(--c-cyan-tint);
  color: var(--c-teal-deep);
}

/* ─────────────────────────────────────────────────
   PREMIUM 뱃지 — Teal 톤 (골드 fallback 차단)
   ───────────────────────────────────────────────── */
body.track-customer .bk-card-premium {
  background: var(--c-teal-deep);
  color: var(--c-white);
  font-weight: 800;
  letter-spacing: 0.05em;
}

/* 카테고리 칩 / 일반 칩 */
body.track-customer .bk-cat-chip {
  background: var(--c-cyan-tint);
  color: var(--c-teal-deep);
  border: 1px solid var(--c-cyan);
}
body.track-customer .bk-chip {
  background: var(--c-gray-50);
  color: var(--c-gray-text);
  border: 1px solid var(--c-gray-100);
}

/* ─────────────────────────────────────────────────
   Success Page (booking-success.php)
   ───────────────────────────────────────────────── */
body.track-customer .bk-success-card {
  background: var(--c-white);
  border: 1px solid var(--c-gray-200);
  border-radius: 0;
}
body.track-customer .bk-success-icon { color: var(--c-teal); }
body.track-customer .bk-success-card h1 { color: var(--c-text-strong); }
body.track-customer .bk-success-subtitle { color: var(--c-gray-text); }
body.track-customer .bk-success-info {
  background: var(--c-cyan-tint);
  color: var(--c-text-strong);
}

/* ─────────────────────────────────────────────────
   알림 (bk-alert) — success만 톤 통일, error/warning 의미 유지
   ───────────────────────────────────────────────── */
body.track-customer .bk-alert.success {
  background: var(--c-cyan-tint);
  color: var(--c-teal-deep);
  border-color: var(--c-cyan);
}

/* ─────────────────────────────────────────────────
   안내 박스 (bk-notice / bk-notice-box)
   ───────────────────────────────────────────────── */
body.track-customer .bk-notice,
body.track-customer .bk-notice-box {
  background: var(--c-gray-50);
  border-left: 3px solid var(--c-teal);
}
body.track-customer .bk-notice-box strong { color: var(--c-text-strong); }
body.track-customer .bk-notice p { color: var(--c-gray-text); }

/* 빈 상태 / 페이지 헤드 / 서브타이틀 */
body.track-customer .bk-empty { color: var(--c-gray-text); }
body.track-customer .bk-page-head h1 { color: var(--c-text-strong); }
body.track-customer .bk-subtitle { color: var(--c-gray-text); }

/* ─────────────────────────────────────────────────
   상세 뒤로가기 / 위험 버튼
   ───────────────────────────────────────────────── */
body.track-customer .detail-back-btn { color: var(--c-gray-text); }
body.track-customer .detail-back-btn:hover { color: var(--c-teal); }

body.track-customer .bk-btn.ghost.danger {
  color: #B42318;
  border-color: #FECDCA;
}
body.track-customer .bk-btn.ghost.danger:hover {
  background: #FEF3F2;
  border-color: #B42318;
}
/* 카카오 버튼은 카카오 공식 컬러(#FEE500) 그대로 유지 */

/* ─────────────────────────────────────────────────
   마이페이지 사이드바 (list.css 의존 클래스 보강 톤)
   active 색은 --mode-color 토큰(=teal)으로 이미 흘러감
   ───────────────────────────────────────────────── */
body.track-customer .mypage-sidebar-profile,
body.track-customer .mypage-sidebar-nav {
  background: var(--c-white);
  border: 1px solid var(--c-gray-200);
  border-radius: 0;
}
body.track-customer .mypage-sidebar-name { color: var(--c-text-strong); }
body.track-customer .mypage-sidebar-link {
  color: var(--c-gray-text);
  font-weight: 500;
  border-bottom: 1px solid var(--c-gray-100);
}
body.track-customer .mypage-sidebar-link:hover {
  background: var(--c-gray-50);
  color: var(--c-text-strong);
}
body.track-customer .mypage-sidebar-link.active {
  background: var(--c-cyan-tint);
  color: var(--c-teal);
  font-weight: 700;
  border-left: 3px solid var(--c-teal);
}