/* p08 情绪日记 · 页面级补充样式（通用样式在 zc-core.css，主题 mint） */

/* 首页状态行 */
.status-row { display: flex; flex-wrap: wrap; gap: 2px; }

/* 35 天热力图（GitHub 风格：5 列 × 7 行，列=周（旧→新），行=周内第几天） */
.heatmap {
  display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(7, 1fr);
  grid-auto-flow: column; gap: 5px; margin: 10px 0 8px;
}
.heat-cell { height: 18px; border-radius: 5px; background: var(--zc-line); }
.heat-cell.m0 { background: #2fb39b; }
.heat-cell.m1 { background: #67c97f; }
.heat-cell.m2 { background: #e8b15c; }
.heat-cell.m3 { background: #e8a04c; }
.heat-cell.m4 { background: #e05c6e; }
.heat-cell.today { outline: 2px solid var(--zc-ink); outline-offset: 1px; }
.heat-legend { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 11.5px; color: var(--zc-ink2); }
.heat-legend .lg { display: inline-flex; align-items: center; gap: 3px; }
.heat-legend .lg i { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }

/* 周报 · 本周情绪曲线（7 格，缺天补灰） */
.week-curve { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; text-align: center; }
.curve-day .cell {
  display: flex; align-items: center; justify-content: center;
  height: 44px; border-radius: 10px; font-size: 22px; background: var(--zc-line);
}
.curve-day .cell.empty { color: var(--zc-ink2); font-size: 16px; }
.curve-day .cell.m0 { background: #2fb39b; }
.curve-day .cell.m1 { background: #67c97f; }
.curve-day .cell.m2 { background: #e8b15c; }
.curve-day .cell.m3 { background: #e8a04c; }
.curve-day .cell.m4 { background: #e05c6e; }
.curve-day .d { display: block; margin-top: 4px; font-size: 10px; line-height: 1.35; color: var(--zc-ink2); }

/* 周报 · 主导情绪 / 合规小字 / 隐私小字 */
.dominant-line { font-size: 19px; font-weight: 800; margin: 2px 0 8px; }
.comply { border-top: 1px dashed var(--zc-line); padding-top: 10px; font-size: 11.5px; }
.privacy { opacity: .85; }

/* 写记录弹层 · 心情五选一 */
.mood-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin: 12px 0 4px; }
.mood-opt {
  border: 1.5px solid var(--zc-line); background: var(--zc-card); border-radius: 12px;
  padding: 8px 2px; text-align: center; cursor: pointer; font-family: inherit; color: inherit;
}
.mood-opt .e { display: block; font-size: 23px; line-height: 1.2; }
.mood-opt .t { display: block; margin-top: 2px; font-size: 11px; color: var(--zc-ink2); }
.mood-opt.on { border-color: var(--zc-primary); background: rgba(47, 179, 155, .10); }
.mood-opt.on .t { color: var(--zc-primary); font-weight: 700; }