/* LIFE-136 Phase 2b (+ §14 gap 2, Monthly reuse): the Weekly/Monthly
   completed Linear / MS-Todo sections (planner/weekly/_done, shared).
   Served everywhere by `:app` like planner.css, so every rule is scoped to
   .p-done*; tokens come from .t-body. */

.p-done__group { padding: .45rem 0 .15rem; }
.p-done__group + .p-done__group { border-top: 1px solid var(--t-line); }
/* .p-done__head is the click target for Monthly's collapsible groups
   (<summary>) — deliberately NOT display:flex (some WebKit builds fail to
   toggle a <details> whose <summary> is a flex container, §16 review round
   1 #7); the flex row (name/count, + a chevron when collapsible) lives in
   the inner .p-done__headrow instead, same markup for Weekly's plain <div>. */
.p-done__head { display: block; }
.p-done__headrow { display: flex; align-items: baseline; gap: .4rem; font-size: .82rem; }
/* Monthly's collapsible groups (<details>/<summary>, closed by default —
   ~300 issues/month needs folding). */
summary.p-done__head { cursor: pointer; list-style: none; }
summary.p-done__head::-webkit-details-marker { display: none; }
.p-done__chevron { color: var(--t-faint); font-size: .7rem; flex: none; transition: transform .15s ease; }
details[open] > summary.p-done__head .p-done__chevron { transform: rotate(90deg); }
.p-done__name { font-weight: 600; color: #f4f4f5; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.p-done__count { color: var(--t-dim); font-variant-numeric: tabular-nums; }
.p-done__row { align-items: baseline; }
.p-done__day { flex: none; color: var(--t-faint); font-size: .74rem; min-width: 3.6rem; font-variant-numeric: tabular-nums; }
.p-done__id { flex: none; color: var(--t-dim); font-size: .74rem; font-variant-numeric: tabular-nums; }
.p-done__routine { margin: .1rem 0 .35rem; font-size: .85rem; color: var(--t-dim); }
.p-done__routine b { color: #f4f4f5; font-weight: 650; }
.p-done__caption { margin: .5rem 0 0; color: var(--t-faint); font-size: .74rem; line-height: 1.4; }