/* 10-13 改版：review（只用 tokens.css 的令牌，不写死颜色；皮肤在后面加载，可覆盖） */
/* 这周回顾：没生成时的起点、生成中的步骤、统计、按项目、按格式出一份（persona-youth.js 的 reviewPage） */
.rv-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 32px 12px; text-align: center; }
.rv-empty > svg { color: var(--accent); }
.rv-empty b { font-size: var(--fs-strong); }

.rv-gen { display: flex; flex-direction: column; gap: 10px; padding: 8px 2px; }
.rv-step { display: flex; align-items: center; gap: 8px; color: var(--ink-3); font-size: var(--fs-label); }
.rv-step.ok { color: var(--ink-2); }
.rv-step.ok svg { color: var(--ok); }
.rv-step.cur { color: var(--ink); font-weight: 600; }
.rv-step.cur svg { color: var(--accent); animation: rv-blink 1s var(--ease) infinite; }
@keyframes rv-blink { 50% { opacity: .35; } }

.rv-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.rv-stats .stat { text-align: left; background: var(--panel-bg); box-shadow: var(--panel-shadow); border-radius: var(--radius-panel); transition: background var(--dur-fast); }
.rv-stats .stat:hover { background: var(--accent-soft); }

.rv-g + .rv-g { margin-top: 14px; }
.rv-g h4 { margin: 0 0 2px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--ink); }
.rv-item > .badge { flex: none; margin-top: 2px; }
.rv-done button.li { width: 100%; text-align: left; }
.rv-meet .when-col { width: 92px; }

.rv-fmts { display: flex; flex-direction: column; gap: 8px; }
.rv-fmts .opt-row.on { background: var(--accent-soft); box-shadow: inset 0 0 0 1.5px var(--accent-line); }
.rv-fmts .opt-row.on > svg { color: var(--accent); }
.rv-draft { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.rv-draft-t { margin: 0; padding: 12px 14px; max-height: 340px; overflow: auto; border-radius: var(--radius-ctl); background: var(--surface-2); color: var(--ink); font-family: var(--font-sans); font-size: var(--fs-small); line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
.rv-mine { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; padding: 10px 12px; border-radius: var(--radius-ctl); border: 1px dashed var(--line-strong); }

@media (max-width: 760px) {
  .rv-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rv-meet .when-col { width: 78px; }
}