.chore-review-shell { display: grid; gap: 12px; }
.chore-review-periods { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.chore-review-stats { margin: 0; }
.chore-review-section { display: grid; gap: 10px; padding: 14px; }
.chore-review-section h3, .chore-review-insight h3 { margin: 0; }
.chore-review-chart-wrap { height: 260px; }
.chore-review-list, .chore-review-breakdown { display: grid; gap: 8px; max-height: 360px; overflow-y: auto; }
.chore-review-list-row, .chore-review-breakdown-row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--divider-color); }
.chore-review-list-row:last-child, .chore-review-breakdown-row:last-child { border-bottom: 0; }
.chore-review-list-row span, .chore-review-breakdown-row span { min-width: 0; overflow-wrap: anywhere; }
.chore-review-list-row time { color: var(--text-soft); font-size: 0.8rem; white-space: nowrap; }
.chore-review-insight { padding: 14px; border-color: color-mix(in srgb, var(--primary) 28%, var(--border) 72%); background: color-mix(in srgb, var(--primary-soft) 52%, var(--bg-elev) 48%); }
.chore-review-insight p { margin: 0; color: var(--text-soft); }
.chore-history-shell { display: grid; gap: 12px; }
.chore-history-list { display: grid; gap: 12px; }
.chore-history-card { padding: 14px; }
.chore-history-card-head { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.chore-history-card-head h3 { margin: 0 0 4px; }
.chore-history-card-head time { color: var(--text-soft); font-size: 0.88rem; }
.chore-history-duration { color: var(--primary-strong); font-weight: 700; white-space: nowrap; }
.chore-history-items { display: grid; gap: 7px; margin: 14px 0 10px; padding: 0; list-style: none; }
.chore-history-items li { display: grid; grid-template-columns: 1.2em 1fr; gap: 8px; line-height: 1.35; }
.chore-history-items li.completed { color: var(--text); }
.chore-history-items li.incomplete { color: var(--text-soft); }
.chore-history-summary { margin: 0; color: var(--text-soft); font-weight: 600; }
@media (max-width: 560px) {
  .chore-review-periods { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .chore-review-chart-wrap { height: 220px; }
}