/* M1 — 長輩主頁儀表板樣式（水墨/米色/大字、長輩友善）。
   .hc-* 為主頁打卡日曆用（與 health_exercise.html inline 版同義；主頁獨立一份，故大格）。 */

.health-dash-wrap { max-width: 880px; margin: 0 auto; padding: 20px 16px 40px; }
.health-dash-wrap * { box-sizing: border-box; }

.dash-card {
  background: #f5f0e4;
  color: #1a1a1a;
  border: 1px solid rgba(26, 26, 26, 0.12);
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 18px;
  box-shadow: 0 2px 10px rgba(26, 26, 26, 0.05);
}
.dash-card-title {
  font-family: 'Ma Shan Zheng', 'Noto Serif TC', serif;
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  color: #4a4742;
  margin: 0 0 16px;
}

/* 開始運動 CTA 大卡 */
.dash-cta { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.dash-cta-btn {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 18px 44px;
  min-height: 56px;
  background: #4a7c4a;
  color: #fff;
  border-radius: 999px;
  text-decoration: none;
}
.dash-cta-btn:hover { background: #3c673c; }
#dash-cta-streak { font-size: 1.3rem; color: #a8372c; min-height: 1.3rem; }

/* 今日總覽 tiles */
.dash-overview { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.dash-tile {
  background: #fffdf7;
  border: 1px solid rgba(26, 26, 26, 0.10);
  border-radius: 12px;
  padding: 20px 10px;
  text-align: center;
}
.dash-tile-num { font-size: 2.8rem; font-weight: 700; line-height: 1.1; color: #1a1a1a; }
.dash-tile-label { font-size: 1.1rem; color: #4a4742; margin-top: 8px; }
.dash-q-low .dash-tile-num { color: #a8372c; }
.dash-q-mid .dash-tile-num { color: #b8860b; }
.dash-q-high .dash-tile-num { color: #4a7c4a; }
@media (max-width: 560px) { .dash-overview { grid-template-columns: 1fr; } }

/* 30 天趨勢圖 */
.dash-trend-box { position: relative; height: 300px; }

/* 月報入口 */
.dash-monthly-link {
  display: inline-block;
  font-size: 1.25rem;
  min-height: 56px;
  padding: 16px 30px;
  background: #1a1a1a;
  color: #f5f0e4;
  border-radius: 10px;
  text-decoration: none;
}
.dash-monthly-link:hover { background: #333; }

/* 訪客卡（未登入） */
.dash-guest { text-align: center; }
.dash-guest p { font-size: 1.3rem; color: #4a4742; margin: 0 0 16px; }

/* 我的足跡（30 天打卡日曆）— 主頁版（大格、長輩友善） */
.hc-mount { font-family: 'Noto Sans TC', sans-serif; }
.hc-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.hc-title { font-family: 'Ma Shan Zheng', 'Noto Serif TC', serif; font-size: 1.3rem; color: #4a4742; letter-spacing: 0.2em; }
.hc-streak { font-family: 'Ma Shan Zheng', 'Noto Serif TC', serif; font-size: 1.1rem; color: #a8372c; padding: 4px 12px; background: rgba(168, 55, 44, 0.08); border-radius: 999px; }
.hc-grid { display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; }
.hc-cell { aspect-ratio: 1 / 1; width: 100%; background: rgba(26, 26, 26, 0.06); border-radius: 4px; transition: background 0.2s; }
.hc-cell.hc-lvl-0 { background: rgba(26, 26, 26, 0.06); }
.hc-cell.hc-lvl-1 { background: rgba(74, 124, 74, 0.35); }
.hc-cell.hc-lvl-2 { background: rgba(74, 124, 74, 0.65); }
.hc-cell.hc-lvl-3 { background: rgba(26, 90, 40, 0.92); }