.ichingo-checklist-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: .75rem; padding-bottom: 1rem; margin-bottom: 1.25rem; border-bottom: 1px solid var(--ichingo-border-subtle); }
.ichingo-checklist-badge { display: inline-block; background: var(--ichingo-color-accent-gold); color: #1a1408; font-size: .62rem; font-weight: 900; text-transform: uppercase; padding: .15em .5em; border-radius: 3px; margin-bottom: .3rem; }
.ichingo-checklist-head h3 { margin: 0; font-size: 1.05rem; }
.ichingo-checklist-head p { margin: .2rem 0 0; font-size: .74rem; color: var(--ichingo-text-muted); }
.ichingo-checklist-score { text-align: right; }
.ichingo-checklist-score__label { font-size: .7rem; font-weight: 700; color: var(--ichingo-text-muted); }
.ichingo-checklist-score__value { font-size: 1.05rem; font-weight: 900; color: var(--ichingo-color-primary-dark); }
#ichingo-checklist-reset { background: none; border: none; font-size: 1rem; color: var(--ichingo-text-muted); cursor: pointer; padding: .25rem .5rem; border-radius: 999px; }
#ichingo-checklist-reset:hover { background: var(--ichingo-bg-surface-alt); }

.ichingo-checklist-bar { width: 100%; height: 8px; background: var(--ichingo-bg-surface-alt); border-radius: 999px; overflow: hidden; margin-bottom: 1.25rem; }
.ichingo-checklist-bar div { height: 100%; background: linear-gradient(90deg, var(--ichingo-color-primary) 0%, var(--ichingo-color-primary-dark) 100%); transition: width .3s ease; }

.ichingo-checklist-items { display: flex; flex-direction: column; gap: .6rem; }
.ichingo-checklist-item { display: flex; gap: .7rem; align-items: flex-start; padding: .75rem; border: 1px solid var(--ichingo-border-subtle); border-radius: var(--ichingo-radius-md); cursor: pointer; transition: border-color .15s ease; }
.ichingo-checklist-item:hover { border-color: var(--ichingo-color-primary); }
.ichingo-checklist-item.is-done { background: var(--ichingo-color-primary-tint); border-color: var(--ichingo-color-primary); opacity: .75; }
.ichingo-checklist-item__box { font-size: 1.1rem; color: var(--ichingo-color-primary); flex-shrink: 0; }
.ichingo-checklist-item__title { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.ichingo-checklist-item__title span { font-weight: 800; font-size: .85rem; }
.ichingo-checklist-item.is-done .ichingo-checklist-item__title span { text-decoration: line-through; color: var(--ichingo-text-muted); }
.ichingo-checklist-item__title em { font-style: normal; background: color-mix(in srgb, var(--ichingo-color-danger) 12%, transparent); color: var(--ichingo-color-danger); font-size: .6rem; font-weight: 900; padding: .1em .45em; border-radius: 3px; }
.ichingo-checklist-item p { margin: .3rem 0 0; font-size: .76rem; color: var(--ichingo-text-muted); line-height: 1.5; }
