create-pmos 0.178.0 → 0.180.0

package/workspace/public/pm/c3-notes.js

@@ -64,14 +64,15 @@ const transcriptOf = (n) => (n.final && n.final.segments && n.final.segments.len
 
 /** The notes state on the calendar instance r. */
 function stateOf(r) {
-  if (!r.notes) r.notes = { box: el('div', { class: 'cal3-notes', 'data-cal3': 'notes' }), rows: null, err: null, open: null, note: null, phase: null, q: '', seq: 0, live: null, unsub: null };
+  if (!r.notes) r.notes = { box: el('div', { class: 'cal3-notes', 'data-cal3': 'notes' }), rows: null, err: null, open: null, note: null, phase: null, q: '', seq: 0, live: null, unsub: null,
+    ser: null, thread: null, place: null, expand: new Set(), older: new Set(), found: null, every: false, open_by: {} };
   return r.notes;
 }
 
 /** The note the Calendar shows next: from the Record chip (phase During) or a meeting's detail (its default stage). */
 export function openNote(r, id, phase) {
   const s = stateOf(r);
-  s.open = id; s.note = null; s.phase = phase || null;
+  s.open = id; s.note = null; s.phase = phase || null; s.ser = null; s.thread = null;
   r.page = r.page || null;
   if (r.page) r.page.mode = 'notes';
   else r.pendingMode = 'notes';
@@ -92,18 +93,25 @@ export function notesView(ui) {
   s.ui = ui;
   if (!s.unsub) s.unsub = onNotes(() => { if (s.box.isConnected) read(s); });
   if (!s.boards) loadBoards(s);
-  if (!s.rows || (s.open && (!s.note || s.note.id !== s.open))) read(s);
+  if (!s.rows || (s.open && (!s.note || s.note.id !== s.open)) || (s.ser && (!s.thread || s.thread.key !== s.ser))) read(s);
   draw(s);
   return s.box;
 }
 
 async function read(s) {
   const seq = ++s.seq;
-  const [l, one] = await Promise.all([pmGet('/api/notes'), s.open ? pmGet('/api/notes/one?id=' + encodeURIComponent(s.open)) : null]);
+  const ser = s.ser;
+  const [l, one, th] = await Promise.all([pmGet('/api/notes'), !ser && s.open ? pmGet('/api/notes/one?id=' + encodeURIComponent(s.open)) : null,
+    ser ? pmGet('/api/notes/series?key=' + encodeURIComponent(ser)) : null]);
   if (seq !== s.seq) return;
-  if (l && l.ok) { s.rows = l.notes || []; s.err = null; } else { s.rows = s.rows || []; s.err = (l && l.error) || 'The notes could not be read.'; }
+  if (l && l.ok) { s.rows = l.notes || []; s.open_by = l.series_open || {}; s.err = null; } else { s.rows = s.rows || []; s.err = (l && l.error) || 'The notes could not be read.'; }
+  if (ser) {
+    if (th && th.ok && th.series) s.thread = th.series;
+    else { s.ser = null; s.thread = null; toast('That meeting series could not be read' + (th && th.error ? ': ' + th.error : '.')); }
+    draw(s); return;
+  }
   if (!s.open && s.rows.length) { s.open = s.rows[0].id; return read(s); }
-  if (one && one.ok && one.note && one.note.id === s.open) { s.note = one.note; s.shots = (one.screen && one.screen.frames) || []; s.rec = one.recording || null; }
+  if (one && one.ok && one.note && one.note.id === s.open) { s.note = one.note; s.shots = (one.screen && one.screen.frames) || []; s.rec = one.recording || null; s.place = one.place || null; }
   draw(s);
 }
 
@@ -114,9 +122,15 @@ async function loadBoards(s) {
   if (r && r.ok && Array.isArray(r.boards)) { s.boards = r.boards.filter((b) => b && b.id && !b.error); if (s.box.isConnected) draw(s); }
 }
 
-function choose(s, id) {
-  if (s.open === id) return;
-  s.open = id; s.note = null; s.phase = null; s.shots = []; s.rec = null;
+function choose(s, id, phase) {
+  if (s.open === id && !s.ser) return;
+  s.open = id; s.note = null; s.phase = phase || null; s.shots = []; s.rec = null; s.place = null; s.ser = null; s.thread = null;
+  draw(s); read(s);
+}
+/* open a meeting series on the right (the series page) */
+function chooseSeries(s, key) {
+  if (s.ser === key) return;
+  s.ser = key; s.thread = null; s.every = false; s.note = null; s.open = null; s.place = null;
   draw(s); read(s);
 }
 
@@ -127,61 +141,135 @@ function draw(s) {
   if (active && s.box.contains(active) && active.matches('textarea, [contenteditable="true"]') && !active.closest('[data-nt-part="live"]')) return;
   const q = s.box.querySelector('[data-cal3-notes="search"]');
   const typing = !!q && active === q; const caret = typing ? q.selectionStart : null;
-  s.box.replaceChildren(el('div', { class: 'cal3-nwrap' }, listCard(s), noteCol(s)));
+  s.box.replaceChildren(el('div', { class: 'cal3-nwrap' }, listCard(s), s.ser ? seriesCol(s) : noteCol(s)));
   s.drawn = true;
   if (typing) { const nq = s.box.querySelector('[data-cal3-notes="search"]'); if (nq) { nq.focus(); nq.setSelectionRange(caret, caret); } }
 }
 
 /* ── the list ─────────────────────────────────────────────────────────────────────────────────────────────────────── */
 
+const OLD_DAYS = 30;
+const SEARCH_MIN = 2;
+const seriesKeyOf = (r) => (r && r.series ? r.series.key : null);
+
 function listCard(s) {
   const qtext = s.q.trim().toLowerCase();
+  const found = s.found && s.found.q === qtext ? s.found.ids : null;
   const shown = (s.rows || []).filter((r) => !qtext || String(r.title || '').toLowerCase().includes(qtext) || pathOf(r).some((x) => String(x).toLowerCase().includes(qtext))
-    || (r.summary_lines || []).some((x) => String(x).toLowerCase().includes(qtext)));
-  const search = el('input', { type: 'text', class: 'cal3-nsearch', placeholder: 'Search notes', 'aria-label': 'Search notes', value: s.q, 'data-cal3-notes': 'search' });
-  search.addEventListener('input', () => { s.q = search.value; draw(s); });
+    || (r.summary_lines || []).some((x) => String(x).toLowerCase().includes(qtext)) || (found && found.has(r.id)));
+  const search = el('input', { type: 'text', class: 'cal3-nsearch', placeholder: 'Search notes, decisions, what was said', 'aria-label': 'Search notes', value: s.q, 'data-cal3-notes': 'search' });
+  search.addEventListener('input', () => { s.q = search.value; draw(s); findLater(s); });
   let body;
   if (!s.rows) body = fold('clock', 'Reading the notes', { role: 'status' });
   else if (!s.rows.length) body = fold('mic', s.err || 'No notes yet. Press Record at the top right to start one.', { 'data-cal3-notes': 'none' });
-  else if (!shown.length) body = fold('search', 'No note matches “' + s.q.trim() + '”.', { 'data-cal3-notes': 'no-match' });
-  else body = scopeGroups(s, shown).map((g) => el('div', { class: 'cal3-ctx', 'data-cal3-notes-group': g.label }, el('h4', null, g.label),
-    el('ul', { class: 'list', role: 'list' }, g.rows.map((r) => noteRow(s, r)))));
+  else if (!shown.length) body = fold('search', qtext.length >= SEARCH_MIN && !found ? 'Searching the notes' : 'No note matches “' + s.q.trim() + '”.', { 'data-cal3-notes': 'no-match' });
+  else body = scopeGroups(s, shown).map((g) => {
+    const old = qtext ? [] : g.entries.filter((e) => isOld(e));
+    const recent = qtext ? g.entries : g.entries.filter((e) => !isOld(e));
+    const open = s.older.has(g.key);
+    const olderN = old.reduce((t, e) => t + e.rows.length, 0);
+    const rows = [...recent.flatMap((e) => entryRows(s, e, !!qtext)), ...(open ? old.flatMap((e) => entryRows(s, e, false)) : [])];
+    if (old.length) rows.push(el('li', { class: 'nrow cal3-nmore' }, btn('chip2 lk', { 'data-cal3-notes': 'older', 'aria-expanded': String(open) },
+      open ? 'Hide the older notes' : [c3ic('clock', 'sm'), 'Older than ' + OLD_DAYS + ' days · ' + olderN + (olderN === 1 ? ' note' : ' notes')],
+      () => { if (open) s.older.delete(g.key); else s.older.add(g.key); draw(s); })));
+    return el('div', { class: 'cal3-ctx', 'data-cal3-notes-group': g.label }, el('h4', null, g.label), el('ul', { class: 'list', role: 'list' }, rows));
+  });
   return el('section', { class: 'card sect', 'data-cal3-notes': 'list', 'aria-label': 'Notes' },
     el('div', { class: 'sh2' }, el('h2', null, c3ic('notes', 'sm'), 'Notes ', el('span', { class: 'bdg g', 'data-cal3-notes': 'count' }, String(shown.length)))),
     el('div', { class: 'cal3-nsearchw' }, search), body);
 }
+const isOld = (e) => { const t = Date.parse(startOf(e.rows[0])); return Number.isFinite(t) && Date.now() - t > OLD_DAYS * 86400000 && !e.rows.some((r) => held(r.id) || r.state === 'recording' || r.state === 'paused'); };
+
+/* search the notes' text on the server (GET /api/notes/search), a moment after the last key */
+function findLater(s) {
+  clearTimeout(s.findT);
+  const q = s.q.trim().toLowerCase();
+  if (q.length < SEARCH_MIN) { s.found = null; return; }
+  s.findT = setTimeout(async () => {
+    const r = await pmGet('/api/notes/search?q=' + encodeURIComponent(q));
+    if (s.q.trim().toLowerCase() !== q) return;
+    s.found = { q, ids: new Set(r && r.ok && Array.isArray(r.ids) ? r.ids : []) };
+    if (s.box.isConnected) draw(s);
+  }, 220);
+}
 
 /* the list's groups: Portfolio, each board in the portfolio's order (a board it does not list goes after them by name), an
- * initiative linked before boards were (no board on the note) under "Initiatives", then "Not linked"; in a group, the newest
- * meeting (or recording) first */
+ * initiative linked before boards were (no board on the note) under "Initiatives", then "Not linked". The notes of one meeting
+ * series (lib/notes-series.js, two or more notes with one key) are one entry, in the group of their newest note. In a group,
+ * the newest meeting (or recording) first. → [{ key, label, entries: [{ key, rows (newest first) }] }] */
 function scopeGroups(s, rows) {
   const order = new Map((s.boards || []).map((b, i) => [boardKey(b), i]));
   const known = new Map((s.boards || []).map((b) => [boardKey(b), b.name || b.id]));
-  const g = new Map();
+  const t = (r) => Date.parse(startOf(r)) || 0;
+  const all = (s.rows || []);
+  const size = new Map();
+  for (const r of all) { const k = seriesKeyOf(r); if (k) size.set(k, (size.get(k) || 0) + 1); }
+  const entries = new Map();
   for (const r of rows) {
+    const k = seriesKeyOf(r);
+    const ek = k && size.get(k) >= 2 ? 'S' + k : 'N' + r.id;
+    if (!entries.has(ek)) entries.set(ek, { key: ek, series: ek[0] === 'S' ? k : null, rows: [], size: k ? size.get(k) : 1 });
+    entries.get(ek).rows.push(r);
+  }
+  const g = new Map();
+  for (const e of entries.values()) {
+    e.rows.sort((a, b) => t(b) - t(a));
+    const r = e.rows[0];
     const k = r.portfolio ? '@portfolio' : r.board ? boardKey(r.board) : r.initiative ? '@initiative' : '';
-    if (!g.has(k)) g.set(k, { key: k, label: k === '@portfolio' ? 'Portfolio' : k === '@initiative' ? 'Initiatives' : !k ? 'Not linked' : known.get(k) || boardName(r.board), rows: [] });
-    g.get(k).rows.push(r);
+    if (!g.has(k)) g.set(k, { key: k, label: k === '@portfolio' ? 'Portfolio' : k === '@initiative' ? 'Initiatives' : !k ? 'Not linked' : known.get(k) || boardName(r.board), entries: [] });
+    g.get(k).entries.push(e);
   }
   // the server lists notes by when they were last edited; a group reads newest meeting first
-  for (const x of g.values()) x.rows.sort((a, b) => (Date.parse(startOf(b)) || 0) - (Date.parse(startOf(a)) || 0));
+  for (const x of g.values()) x.entries.sort((a, b) => t(b.rows[0]) - t(a.rows[0]));
   const rank = (x) => (x.key === '@portfolio' ? [0, 0] : x.key === '@initiative' ? [3, 0] : !x.key ? [4, 0] : order.has(x.key) ? [1, order.get(x.key)] : [2, 0]);
   return [...g.values()].sort((a, b) => { const p = rank(a); const q = rank(b); return p[0] - q[0] || p[1] - q[1] || a.label.localeCompare(b.label); });
 }
 
-function noteRow(s, r) {
+/* the rows an entry draws: a note's row, or a series row with its newest meetings under it when open (or matching a search) */
+function entryRows(s, e, searching) {
+  if (!e.series) return [noteRow(s, e.rows[0])];
+  const open = s.expand.has(e.series) || searching;
+  const out = [seriesRow(s, e, open)];
+  if (!open) return out;
+  const shown = e.rows.slice(0, 3);
+  out.push(...shown.map((r) => noteRow(s, r, true)));
+  const more = (searching ? e.rows.length : e.size) - shown.length;
+  if (more > 0) out.push(el('li', { class: 'nrow cal3-nsub cal3-nmore' }, btn('chip2 lk', { 'data-cal3-notes': 'series-all' },
+    searching ? more + ' more matching in the series' : 'All ' + e.size + ' meetings in the series', () => chooseSeries(s, e.series))));
+  return out;
+}
+
+function seriesRow(s, e, open) {
+  const r = e.rows[0];
+  const on = s.ser === e.series;
+  const o = s.open_by[e.series];
+  const title = (r.meeting && r.meeting.kind === 'event' && r.meeting.title) || r.title || 'Untitled meeting';
+  return el('li', { class: 'nrow cal3-nrow cal3-nser' + (on ? ' on' : ''), 'data-cal3-series': e.series },
+    el('span', { class: 'ki' }, c3ic('notes')),
+    btn('cal3-nopen', { title: 'Open the series ' + title, 'aria-current': on ? 'true' : 'false' }, [
+      el('span', { class: 'tt' }, title),
+      el('span', { class: 'chips' }, el('span', { class: 'dim mono cal3-xs' }, whenShort(startOf(r)) + ' · ' + e.size + ' meetings'),
+        el('span', { class: 'tag', title: 'A regular meeting: its notes are kept together' }, 'series'),
+        o ? el('span', { class: 'st ' + (o.carried ? 'warn' : 'unt'), title: o.open + (o.open === 1 ? ' action is' : ' actions are') + ' carried from meeting to meeting', 'data-cal3-notes': 'series-open' }, c3ic(o.carried ? 'alert' : 'todo', 'sm'), o.open + ' open') : null)],
+    () => chooseSeries(s, e.series)),
+    btn('ib sm', { 'data-cal3-notes': 'series-x', 'aria-expanded': String(open), title: open ? 'Hide its recent meetings' : 'Show its recent meetings', 'aria-label': open ? 'Hide recent meetings' : 'Show recent meetings' },
+      c3ic(open ? 'fold' : 'next', 'sm'), () => { if (s.expand.has(e.series)) s.expand.delete(e.series); else s.expand.add(e.series); draw(s); }));
+}
+
+function noteRow(s, r, sub) {
   const mode = held(r.id) || (r.state === 'recording' || r.state === 'paused' ? r.state : null);
-  const on = s.open === r.id;
+  const on = s.open === r.id && !s.ser;
   const len = mins(r.meeting_ms || 0);
-  return el('li', { class: 'nrow cal3-nrow' + (on ? ' on' : ''), 'data-cal3-note-row': r.id },
+  const gist = sub ? (r.summary_lines || [])[0] : null;
+  return el('li', { class: 'nrow cal3-nrow' + (on ? ' on' : '') + (sub ? ' cal3-nsub' : ''), 'data-cal3-note-row': r.id },
     el('span', { class: 'ki' + (mode ? ' hot' : '') }, c3ic(mode ? 'mic' : 'doc')),
     btn('cal3-nopen', { title: 'Open ' + (r.title || 'Untitled note'), 'aria-current': on ? 'true' : 'false' }, [
-      el('span', { class: 'tt' }, r.title || 'Untitled note'),
-      el('span', { class: 'chips' }, el('span', { class: 'dim mono cal3-xs' }, [mode ? 'now' : whenShort(startOf(r)), len].filter(Boolean).join(' · ')),
+      el('span', { class: 'tt' }, gist || r.title || 'Untitled note'),
+      el('span', { class: 'chips' }, el('span', { class: 'dim mono cal3-xs' }, [mode ? 'now' : sub ? dayOf(startOf(r)) : whenShort(startOf(r)), len].filter(Boolean).join(' · ')),
         mode ? el('span', { class: 'tag', 'data-cal3-notes': 'live' }, mode === 'paused' ? 'paused' : 'recording')
-          : r.initiative ? el('span', { class: 'chip2', title: 'Initiative', 'data-cal3-notes': 'row-initiative' }, c3ic('init', 'sm'), iniName(r.initiative))
+          : sub ? null : r.initiative ? el('span', { class: 'chip2', title: 'Initiative', 'data-cal3-notes': 'row-initiative' }, c3ic('init', 'sm'), iniName(r.initiative))
             : r.board ? el('span', { class: 'tag', title: 'Linked to the board, not to one initiative', 'data-cal3-notes': 'row-board' }, 'board') : null,
-        !linked(r) && !mode ? el('span', { class: 'tag', title: 'Not linked to a meeting', 'data-cal3-notes': 'no-meeting' }, 'no meeting') : null,
+        !linked(r) && !mode && !sub ? el('span', { class: 'tag', title: 'Not linked to a meeting', 'data-cal3-notes': 'no-meeting' }, 'no meeting') : null,
         r.conflicts ? el('span', { class: 'st warn', title: r.conflicts + (r.conflicts === 1 ? ' statement differs' : ' statements differ') + ' from a file' }, c3ic('alert', 'sm'), String(r.conflicts)) : null)],
     () => choose(s, r.id)),
     el('span'));
@@ -206,8 +294,8 @@ function noteCol(s) {
       [dayOf(startOf(n)), len].filter(Boolean).join(' · '),
       btn('ib sm', { title: 'Copy as Markdown (with the meeting context)', 'aria-label': 'Copy as Markdown', 'data-cal3-notes': 'copy' }, c3ic('clip'), () => copy(n)),
       btn('ib sm', { title: 'Delete this note', 'aria-label': 'Delete note', 'data-cal3-notes': 'delete' }, c3ic('trash'), () => remove(s, n))),
-    links(s, n, ev));
-  const body = ph === 'before' ? before(s, n) : ph === 'during' ? during(s, n, mode) : after(s, n, mode);
+    links(s, n, ev), seriesLine(s, n));
+  const body = ph === 'before' ? before(s, n) : ph === 'during' ? during(s, n, mode) : [sinceCard(s, n), after(s, n, mode)].filter(Boolean);
   return el('div', { class: 'cal3-ncol', 'data-cal3-notes': 'note', 'data-cal3-note': n.id, 'data-cal3-stage': ph }, head, ...[].concat(body));
 }
 
@@ -309,12 +397,13 @@ function before(s, n) {
   const ev = n.meeting && n.meeting.kind === 'event' ? n.meeting : null;
   const h3 = el('h3', null, c3ic('spark'), 'Before the meeting');
   if (!ev) {
-    return el('section', { class: 'card', 'data-cv': 'stage-before' }, h3,
+    return el('section', { class: 'card', 'data-cv': 'stage-before' }, h3, ...carriedIn(s.place),
       fold('info', n.meeting && n.meeting.kind === 'adhoc' ? 'A meeting that is not on the calendar, so nothing was prepared for it.' : 'Not linked to a meeting, so nothing was prepared. Link it to a meeting to bring in its people and agenda.', { 'data-cal3-notes': 'no-meeting-before' }),
       linkButtons(s, n));
   }
   const c = ev.context || null;
   const lines = transcriptOf(n).map((x) => ({ t: x.t, text: x.text }));
+  const pl = s.place && s.place.key ? s.place : null;
   const heard = c ? agendaHeard(c, lines) : [];
   const rows = [];
   const isHeard = (i) => heard[i] !== null && heard[i] !== undefined;
@@ -331,7 +420,7 @@ function before(s, n) {
   rows.push(prepRow('cal', 'Meeting', [ev.title, when, c && c.where ? 'where: ' + c.where : null, c && c.organizer ? 'organizer: ' + c.organizer : null,
     c && c.series ? 'series: ' + c.series : null, c && c.role ? 'your role: ' + c.role : null, c && c.external ? 'with people outside the company' : null,
     c && c.attendees && names.length ? c.attendees + ' attendees' : null].filter(Boolean).join(' · ')));
-  return el('section', { class: 'card', 'data-cv': 'stage-before' }, h3, ...rows,
+  return el('section', { class: 'card', 'data-cv': 'stage-before' }, h3, ...carriedIn(pl), ...rows,
     c ? null : el('p', { class: 'dim cal3-sm' }, 'The calendar gave no more about this meeting.'));
 }
 
@@ -392,7 +481,7 @@ function after(s, n, mode) {
   if (p.actions.length) kids.push(el('table', { class: 'tbl', 'data-cv': 'actions' }, el('thead', null, el('tr', null, el('th', null, 'Next step'), el('th', null, 'Owner'), el('th', null, 'Due'), el('th'))),
     el('tbody', null, p.actions.map((a) => el('tr', { 'data-cal3-notes': 'action' }, cell(a, 'text', 'Next step'),
       cell(a, 'owner', 'Owner', 'No owner'), cell(a, 'due', 'Due', 'No date'),
-      el('td', { class: 'cal3-tdr' }, btn('chip2 lk', { 'data-cal3-notes': 'make-task', title: n.initiative ? 'Add this step to ' + iniName(n.initiative) + ' as a plan item' : 'Link the note to an initiative first' },
+      el('td', { class: 'cal3-tdr' }, carriedTag(s, a), btn('chip2 lk', { 'data-cal3-notes': 'make-task', title: n.initiative ? 'Add this step to ' + iniName(n.initiative) + ' as a plan item' : 'Link the note to an initiative first' },
         [c3ic('plus', 'sm'), 'Make task'], (e) => makeTask(n, a, { btn: e.currentTarget }))))))));
   if (p.questions.length) kids.push(el('div', { class: 'cal3-ctx', 'data-cal3-notes': 'questions' }, el('h4', null, 'Open questions'),
     el('ul', { class: 'cal3-cl', role: 'list' }, p.questions.map((x) => el('li', { class: 'cal3-ci' }, el('span', { class: 'tag' }, 'Question'), el('span', { class: 'cal3-ct' }, x.text))))));
@@ -465,6 +554,182 @@ async function remove(s, n) {
   read(s);
 }
 
+/* ── a meeting series (initiative c3-notes-series) ────────────────────────────────────────────────────────────────── */
+
+/* the words of an item, as lib/notes-series.js norm() matches them */
+const normItem = (t) => String(t || '').toLowerCase().replace(/[^\p{L}\p{N}]+/gu, ' ').trim();
+const plural = (n, one, many) => n + ' ' + (n === 1 ? one : many || one + 's');
+const sect = (name, ic, title, count, kids) => el('section', { class: 'card sect', 'data-cal3-series-card': name },
+  el('div', { class: 'sh2' }, el('h2', null, c3ic(ic, 'sm'), title, count !== null && count !== undefined ? el('span', { class: 'bdg g' }, String(count)) : null)), kids);
+
+/* "carried · meeting N": the step was raised in N meetings of the series up to this one */
+function carriedTag(s, a) {
+  const k = s.place && s.place.carried ? s.place.carried[normItem(a.text)] : 0;
+  return k ? el('span', { class: 'st ' + (k >= 3 ? 'warn' : 'unt'), title: 'Raised in ' + k + ' meetings of this series', 'data-cal3-notes': 'carried' }, 'carried · meeting ' + k) : null;
+}
+
+/* Before: what was still open coming in from the meeting before */
+function carriedIn(pl) {
+  if (!pl || !pl.prev) return [];
+  return [prepRow('notes', 'Carried in from ' + dayOf(pl.prev.at), pl.prev.overview || 'The meeting before in this series.'),
+    ...(pl.carried_in || []).map((x) => prepRow('todo', x.text, x.owner || 'No owner'))];
+}
+
+/* the head's series line: the meeting before, "IDPF - DSU · 4 of 21" (opens the series), the meeting after, and Take out;
+ * a note in no series offers Add to a series, and one taken out offers to go back */
+function seriesLine(s, n) {
+  const pl = s.place;
+  if (pl && pl.key) {
+    const go = (x, ic, label) => { const b = btn('ib sm', { 'data-cal3-notes': 'series-' + label, title: x ? 'The meeting ' + (label === 'prev' ? 'before' : 'after') + ', ' + dayOf(x.at) : 'None ' + (label === 'prev' ? 'before' : 'after'), 'aria-label': label === 'prev' ? 'The meeting before' : 'The meeting after' }, c3ic(ic, 'sm'), () => { if (x) choose(s, x.id, s.phase); }); if (!x) b.disabled = true; return b; };
+    return el('div', { class: 'chips2 cal3-sm cal3-nserl', 'data-cal3-notes': 'series-line' }, go(pl.prev, 'prev', 'prev'),
+      btn('chip2 lk', { 'data-cal3-notes': 'series-open-page', title: 'Open the series: what is still open, decided and coming up' }, [c3ic('notes', 'sm'), pl.title + ' · ' + pl.pos + ' of ' + pl.count], () => chooseSeries(s, pl.key)),
+      go(pl.next, 'next', 'next'),
+      btn('chip2 lk', { 'data-cal3-notes': 'series-out', title: 'This note is not a meeting of this series' }, 'Not part of this series', () => member(s, n, 'off')));
+  }
+  if (n.series_pm === 'off') return el('div', { class: 'chips2 cal3-sm cal3-nserl', 'data-cal3-notes': 'series-line' }, c3ic('notes', 'sm'), el('span', { class: 'dim' }, 'Taken out of its series'),
+    btn('chip2 lk', { 'data-cal3-notes': 'series-back' }, 'Put it back', () => member(s, n, null)));
+  const size = new Map();
+  for (const r of s.rows || []) { const k = seriesKeyOf(r); if (k) size.set(k, (size.get(k) || [])); if (k) size.get(k).push(r); }
+  const series = [...size.entries()].filter(([, rs]) => rs.length >= 2 && !rs.some((r) => r.id === n.id));
+  if (!series.length || n.private) return null;
+  const b = btn('chip2 lk', { 'data-cal3-notes': 'series-add', title: 'Keep this note with the notes of a regular meeting' }, [c3ic('notes', 'sm'), 'Add to a series'], () => {
+    menu({ anchor: b, ariaLabel: 'Add to a series', items: series.map(([k, rs]) => {
+      const r = rs.slice().sort((x, y) => (Date.parse(startOf(y)) || 0) - (Date.parse(startOf(x)) || 0))[0];
+      const title = (r.meeting && r.meeting.kind === 'event' && r.meeting.title) || r.title || 'Untitled meeting';
+      return { label: title, detail: plural(rs.length, 'meeting'), iconNode: icon('notes'), attrs: { 'data-cal3-series-pick': k }, onSelect: () => member(s, n, k) };
+    }) });
+  });
+  return el('div', { class: 'chips2 cal3-sm cal3-nserl', 'data-cal3-notes': 'series-line' }, b);
+}
+async function member(s, n, key) {
+  const r = await pmPost('/api/notes/series-member', { id: n.id, key });
+  if (!r || !r.ok) { toast('Not saved' + ((r && r.error) ? ': ' + r.error : '')); return; }
+  toast(key === 'off' ? 'Taken out of the series.' : key ? 'Added to the series.' : 'Back in its series.');
+  n.series_pm = key || undefined;
+  refreshNotes();
+  read(s);
+}
+
+/* After: Since the last one. Each next step of the meeting before: Done (you marked it), Raised again (this note has it) or
+ * Not mentioned; then this note's new steps. */
+function sinceCard(s, n) {
+  const pl = s.place;
+  if (!pl || !pl.since || n.private) return null;
+  const st = { done: ['ok', 'Done', 'check'], again: ['warn', 'Raised again', 'todo'], quiet: ['unt', 'Not mentioned', 'todo'] };
+  const rows = [
+    ...pl.since.items.map((x) => el('li', { class: 'nrow', 'data-cal3-since': x.state }, el('span', { class: 'ki' }, c3ic(st[x.state][2])),
+      el('div', { class: 'nb' }, el('span', { class: 'tt' }, x.text), el('div', { class: 'chips' }, el('span', { class: 'st ' + st[x.state][0] }, st[x.state][1]), x.owner ? el('span', { class: 'dim cal3-xs' }, x.owner) : null)), el('span'))),
+    ...pl.since.fresh.map((x) => el('li', { class: 'nrow', 'data-cal3-since': 'new' }, el('span', { class: 'ki' }, c3ic('plus')),
+      el('div', { class: 'nb' }, el('span', { class: 'tt' }, x.text), el('div', { class: 'chips' }, el('span', { class: 'tag' }, 'New'), x.owner ? el('span', { class: 'dim cal3-xs' }, x.owner) : null)), el('span'))),
+  ];
+  return el('section', { class: 'card sect', 'data-cal3-notes': 'since' },
+    el('div', { class: 'sh2' }, el('h2', null, c3ic('notes', 'sm'), 'Since the last one, ' + dayOf(pl.since.at))),
+    rows.length ? el('ul', { class: 'list', role: 'list' }, rows) : fold('info', 'The meeting before had no next steps, and this one has none.'));
+}
+
+/* The series page: the head, Next one, Still open and Decided so far, Keeps coming up and Still unanswered, Every meeting.
+ * Every line comes from the series' notes (GET /api/notes/series) or from the PM's own marks and lines. */
+function seriesCol(s) {
+  const T = s.thread;
+  if (!T) return el('div', { 'data-cal3-notes': 'series' }, el('section', { class: 'card' }, fold('clock', 'Reading the series', { role: 'status' })));
+  const a = T.about || {};
+  const about = a.initiative ? [boardName(a.board), iniName(a.initiative)].filter(Boolean).join(' › ') : a.board ? boardName(a.board) : a.portfolio ? 'Portfolio' : null;
+  const joined = (T.joined.calendar ? 'From the calendar series' : 'Notes with the same title')
+    + (T.joined.calendar && T.joined.title ? ', plus ' + plural(T.joined.title, 'note') + ' with the same title' : '') + (T.joined.pm ? ', ' + T.joined.pm + ' added by you' : '') + '.';
+  const head = el('section', { class: 'card', 'data-cv': 'stage-head', 'data-cal3-notes': 'series-head' },
+    el('div', { class: 'cal3-nhead' }, el('span', { class: 'chips2' }, el('b', { 'data-cal3-notes': 'title' }, T.title), el('span', { class: 'tag' }, 'series')),
+      btn('ib sm', { title: 'Copy the series as Markdown', 'aria-label': 'Copy as Markdown', 'data-cal3-notes': 'copy' }, c3ic('clip'), () => copySeries(T))),
+    el('div', { class: 'chips2 dim cal3-sm' }, plural(T.count, 'meeting') + ' since ' + dayOf(T.since)),
+    el('div', { class: 'chips2 cal3-sm' }, about ? el('span', { class: 'chip2' }, c3ic(a.portfolio && !a.board ? 'org' : 'init', 'sm'), about) : null, el('span', { class: 'dim', 'data-cal3-notes': 'series-joined' }, joined)));
+  return el('div', { class: 'cal3-ncol', 'data-cal3-notes': 'series', 'data-cal3-series': T.key }, head, nextCard(s, T),
+    el('div', { class: 'cal3-two' }, openCard(s, T), decidedCard(s, T)),
+    el('div', { class: 'cal3-two' }, topicsCard(T), questionsCard(s, T)), everyCard(s, T));
+}
+
+function nextCard(s, T) {
+  const x = T.next || {};
+  const rows = [
+    ...(x.bring || []).map((b) => el('div', { class: 'chips2 cal3-prep', 'data-cal3-bring': b.id }, el('span', { class: 'ki' }, c3ic('spark')),
+      el('div', { class: 'cal3-prepb' }, el('b', null, b.text), el('div', { class: 'dim' }, 'Added by you, ' + dayOf(b.at))),
+      btn('ib sm', { title: 'Remove this line', 'aria-label': 'Remove', 'data-cal3-notes': 'bring-remove' }, c3ic('x', 'sm'), () => seriesPost(s, '/api/notes/series-unbring', { key: T.key, id: b.id }, 'Removed.')))),
+    ...(x.derived || []).map((d) => (d.kind === 'carried' ? prepRow('alert', d.text, 'Still open after ' + d.seen + ' meetings' + (d.owner ? ' · ' + d.owner : ''))
+      : prepRow('info', d.text, 'Unanswered in ' + d.seen + ' meetings'))),
+  ];
+  const add = el('input', { type: 'text', class: 'cal3-nsearch', placeholder: 'Add something to bring up', 'aria-label': 'Add something to bring up', 'data-cal3-notes': 'bring-input', maxlength: '300' });
+  add.addEventListener('keydown', (e) => { if (e.key === 'Enter' && add.value.trim()) { e.preventDefault(); seriesPost(s, '/api/notes/series-bring', { key: T.key, text: add.value.trim() }, 'Added. It shows here until you remove it.'); } });
+  const when = x.at ? dayOf(x.at) + ' ' + hm(x.at) : null;
+  return el('section', { class: 'card sect', 'data-cal3-series-card': 'next' },
+    el('div', { class: 'sh2' }, el('h2', null, c3ic('spark', 'sm'), when ? 'Next one, ' + when : 'Next one'), when ? null : el('span', { class: 'dim cal3-sm' }, 'not on the calendar yet')),
+    rows.length ? rows : fold('info', 'Nothing to bring up yet.', { 'data-cal3-notes': 'bring-none' }),
+    el('div', { class: 'chips2 cal3-nadd' }, add,
+      x.id ? btn('chip2 lk', { 'data-cal3-notes': 'series-meeting', title: 'Show the next meeting in the calendar' }, [c3ic('cal', 'sm'), 'Open the meeting'], () => showMeeting(s, { start: x.at, event_id: x.id })) : null));
+}
+
+function openCard(s, T) {
+  const rows = T.open.map((o) => el('li', { class: 'nrow', 'data-cal3-open': o.key }, el('span', { class: 'ki' }, c3ic('todo')),
+    el('div', { class: 'nb' }, el('span', { class: 'tt' }, o.text),
+      el('div', { class: 'chips' }, o.owner ? el('span', { class: 'chip2' }, c3ic('user', 'sm'), o.owner) : null, el('span', { class: 'dim mono cal3-xs' }, 'since ' + dayOf(o.first)),
+        el('span', { class: 'st ' + (o.seen >= 3 ? 'warn' : 'unt'), title: 'Raised in each of these meetings', 'data-cal3-notes': 'seen' }, o.seen >= 3 ? c3ic('alert', 'sm') : null, 'in ' + plural(o.seen, 'meeting'))),
+      el('div', { class: 'dim cal3-sm' }, o.last.quote ? 'Last said: “' + o.last.quote + '” ' + dayOf(o.last.at) : 'Last raised ' + dayOf(o.last.at))),
+    btn('chip2 lk', { 'data-cal3-notes': 'series-done', title: 'Mark it done: it stops carrying over' }, [c3ic('check', 'sm'), 'Done'], () => seriesPost(s, '/api/notes/series-done', { key: T.key, text: o.text, kind: 'action' }, 'Done. It stops carrying over.'))));
+  const closed = T.closed.length ? el('details', { class: 'cal3-ctx', 'data-cal3-notes': 'closed' }, el('summary', null, el('b', null, 'Closed in the last two weeks'), el('span', { class: 'dim' }, ' · ' + T.closed.length)),
+    el('ul', { class: 'list', role: 'list' }, T.closed.map((c) => el('li', { class: 'nrow' }, el('span', { class: 'ki' }, c3ic('check')),
+      el('div', { class: 'nb' }, el('span', { class: 'tt' }, c.text), el('div', { class: 'chips' }, el('span', { class: 'dim cal3-xs' }, 'marked done ' + dayOf(c.at)))),
+      btn('chip2 lk', { 'data-cal3-notes': 'series-undone', title: 'Open it again' }, 'Open again', () => seriesPost(s, '/api/notes/series-done', { key: T.key, text: c.text, kind: 'action', done: false }, 'Open again.')))))) : null;
+  return sect('open', 'todo', 'Still open', T.open.length, [rows.length ? el('ul', { class: 'list', role: 'list' }, rows) : fold('info', 'Nothing is carried over.'), closed]);
+}
+
+function decidedCard(s, T) {
+  return sect('decisions', 'scale', 'Decided so far', T.decisions.length, T.decisions.length ? el('ul', { class: 'list', role: 'list' }, T.decisions.map((d) => el('li', { class: 'nrow cal3-nrow' },
+    el('span', { class: 'ki' }, c3ic('scale')),
+    btn('cal3-nopen', { title: 'Open the note of ' + dayOf(d.at) }, [el('span', { class: 'tt' }, d.text), el('span', { class: 'chips' }, el('span', { class: 'dim mono cal3-xs' }, dayOf(d.at)), d.why ? el('span', { class: 'dim cal3-xs' }, d.why) : null)], () => choose(s, d.note)),
+    el('span')))) : fold('info', 'No decisions yet.'));
+}
+
+function topicsCard(T) {
+  if (!T.topics.length) return null;
+  return sect('topics', 'spark', 'Keeps coming up', null, el('ul', { class: 'list', role: 'list' }, T.topics.map((t) => el('li', { class: 'nrow' }, el('span', { class: 'ki' }, c3ic('spark')),
+    el('div', { class: 'nb' }, el('span', { class: 'tt' }, t.name), el('div', { class: 'chips' },
+      el('span', { class: 'cal3-dots', title: 'The last ' + t.hits.length + ' meetings, newest on the left' }, t.hits.map((h) => el('i', { class: h ? 'cal3-dot on' : 'cal3-dot' }))),
+      el('span', { class: 'dim mono cal3-xs' }, t.count + ' of last ' + t.hits.length), t.kind === 'agenda' ? el('span', { class: 'tag' }, 'agenda') : null)), el('span')))));
+}
+
+function questionsCard(s, T) {
+  if (!T.questions.length) return null;
+  return sect('questions', 'info', 'Still unanswered', T.questions.length, el('ul', { class: 'list', role: 'list' }, T.questions.map((q) => el('li', { class: 'nrow' }, el('span', { class: 'ki' }, c3ic('info')),
+    el('div', { class: 'nb' }, el('span', { class: 'tt' }, q.text), el('div', { class: 'chips' }, el('span', { class: 'dim mono cal3-xs' }, 'asked ' + dayOf(q.first)),
+      el('span', { class: 'st unt' }, q.seen > 1 ? 'asked in ' + q.seen + ' meetings' : 'not answered yet'))),
+    btn('chip2 lk', { 'data-cal3-notes': 'series-answered', title: 'Mark it answered' }, [c3ic('check', 'sm'), 'Answered'], () => seriesPost(s, '/api/notes/series-done', { key: T.key, text: q.text, kind: 'question' }, 'Marked answered.'))))));
+}
+
+function everyCard(s, T) {
+  const show = s.every ? T.meetings : T.meetings.slice(0, 6);
+  const rows = show.map((m) => el('li', { class: 'nrow cal3-nrow', 'data-cal3-meeting': m.id }, el('span', { class: 'ki' }, c3ic(m.private ? 'lock' : 'doc')),
+    btn('cal3-nopen', { title: 'Open the note of ' + dayOf(m.at) }, [el('span', { class: 'tt' }, m.private ? 'Private note' : m.overview || m.title),
+      el('span', { class: 'chips' }, el('span', { class: 'dim mono cal3-xs' }, [dayOf(m.at), mins(m.ms)].filter(Boolean).join(' · ')),
+        m.decisions ? el('span', { class: 'tag' }, '+' + m.decisions + ' decided') : null, m.new_actions ? el('span', { class: 'tag' }, '+' + plural(m.new_actions, 'new step')) : null,
+        m.by === 'title' ? el('span', { class: 'tag', title: 'In the series because the title matches' }, 'by title') : m.by === 'pm' ? el('span', { class: 'tag' }, 'added by you') : null)],
+    () => choose(s, m.id)), el('span')));
+  const more = T.meetings.length - show.length;
+  return sect('every', 'notes', 'Every meeting', T.meetings.length, [el('ul', { class: 'list', role: 'list' }, rows),
+    more > 0 ? el('div', { class: 'cal3-nadd' }, btn('chip2 lk', { 'data-cal3-notes': 'series-every' }, 'Show ' + plural(more, 'earlier meeting'), () => { s.every = true; draw(s); })) : null]);
+}
+
+async function seriesPost(s, url, body, said) {
+  const r = await pmPost(url, body);
+  if (!r || !r.ok) { toast('Not saved' + ((r && r.error) ? ': ' + r.error : '')); return; }
+  toast(said);
+  read(s);
+}
+async function copySeries(T) {
+  const md = ['# ' + T.title, '', plural(T.count, 'meeting') + ' since ' + dayOf(T.since) + '.', ''];
+  if (T.open.length) md.push('## Still open', ...T.open.map((o) => '- ' + o.text + (o.owner ? ' (' + o.owner + ')' : '') + ', in ' + plural(o.seen, 'meeting')), '');
+  if (T.decisions.length) md.push('## Decided so far', ...T.decisions.map((d) => '- ' + dayOf(d.at) + ': ' + d.text), '');
+  if (T.questions.length) md.push('## Still unanswered', ...T.questions.map((q) => '- ' + q.text), '');
+  md.push('## Every meeting', ...T.meetings.map((m) => '- ' + dayOf(m.at) + ': ' + (m.private ? 'Private note' : m.overview || m.title)));
+  try { await navigator.clipboard.writeText(md.join('\n')); toast('The series is on the clipboard as Markdown.'); } catch { toast('The clipboard was not available.'); }
+}
+
 /* "Show in the calendar": the Calendar switch back to the grid, on the meeting's day, with the meeting selected */
 function showMeeting(s, ev) {
   const ui = s.ui; if (!ui) return;

package/workspace/public/pm/c3-quiet.js

@@ -8,7 +8,7 @@
  *     - the portfolio: the headline joins the breadcrumb, an empty triage card is not shown, the timeline folds;
  *     - empty chips ("No owner", "0 epics", ...) are not drawn;
  *     - Calendar: the layer chips sit behind one Layers button, the Detail card shows once a meeting is picked;
- *     - Work: the lenses sit beside Add work;  Reports: Share and Edit dashboard join the tab row.
+ *     - Work: the lenses sit beside Add work;  Reports: Send this as a report and Edit dashboard join the tab row.
  * Desktop only: below 601px the page keeps today's layout.
  * The views draw their own markup; this module only moves and hides it, so every press still goes to the view's own handler.
  * It runs again, debounced, whenever the views redraw (one MutationObserver on the root). */
@@ -144,7 +144,7 @@ function apply(root) {
     const add = w.querySelector(':scope > .c3add'), bar = w.querySelector(':scope > .calbar'), l = bar && bar.querySelector('[data-pm-lenses]');
     if (add && l && l.parentElement === bar) { for (const o of add.querySelectorAll('[data-pm-lenses]')) o.remove(); add.appendChild(l); bar.classList.add('qt-moved'); }
   }
-  // Reports: Share and Edit dashboard on the tab row.
+  // Reports: Send this as a report and Edit dashboard on the tab row.
   for (const r of root.querySelectorAll('[data-rp3]')) {
     const scope = r.querySelector(':scope > .calbar .rp3-scope'), acts = r.querySelector('.rp3-head > .chips2');
     if (scope && acts) { for (const o of scope.querySelectorAll('.qt-acts')) o.remove(); acts.classList.add('qt-acts'); scope.appendChild(acts); }

package/workspace/public/pm/c3-report-print.css

@@ -0,0 +1,20 @@
+/* The printable report (Download > PDF): its own window, printed by the browser. Colours are the slide tokens of
+   tokens.css (linked first), so the paper reads the same in either theme. Slides are 16:9 landscape cards (.rp-slide),
+   everything else is A4. */
+@page { size: A4; margin: 16mm; }
+.rp-print { margin: 0; font-family: var(--sans); font-size: 14px; line-height: 1.5; color: var(--slide-fg); background: var(--slide-bg); }
+.rp-print h1 { font-size: 20px; margin: 0 0 4mm; }
+.rp-print h2 { font-size: 16px; margin: 6mm 0 2mm; color: var(--slide-brand); }
+.rp-print p, .rp-print ul { margin: 0 0 3mm; }
+.rp-print table { border-collapse: collapse; width: 100%; margin: 0 0 3mm; }
+.rp-print th, .rp-print td { border: 1px solid var(--slide-border); padding: 2mm 3mm; text-align: left; font-size: 12px; }
+.rp-print th { background: var(--slide-secondary); }
+.rp-print .rp-print-m { color: var(--slide-muted); }
+.rp-print-slides { margin: 0; }
+@page slides { size: 297mm 167mm; margin: 0; }
+.rp-slide { page: slides; page-break-after: always; width: 297mm; height: 167mm; box-sizing: border-box; padding: 14mm; font-size: 20px; }
+.rp-slide h2 { margin-top: 0; font-size: 24px; }
+.rp-slide li { margin-bottom: 2mm; }
+.rp-slide table { font-size: 16px; }
+.rp-slide--title { background: var(--slide-brand); color: var(--slide-bg); }
+.rp-slide--title h2 { color: var(--slide-bg); }

package/workspace/public/pm/c3-report-setup.css

@@ -0,0 +1,62 @@
+/* pm/c3-report-setup.css — the Reports tab (Ask PMOS, Found in your work, Set up, Documents), the "Send this as a report" sheet, the Briefing card, the Settings
+ * block and the report formats of the document sheet (initiative report-workspace). The mockup's 41-reportsetup.css under real class names: .mk-rs is .rs,
+ * .mk-rs-* is .rs-*, .mk-kv is .rs-kv. Tokens only. Corners: 6px on a control or a card drawn as paper, 8px on a container, else 0.
+ * c3-report-setup.js and c3-doc-sheet.js link it once. The slide colours are the --slide-* tokens of tokens.css. */
+/* in .brief a .nrow has two columns, so the row buttons sit under the text */
+.c3 .rs .nrow > .acts { grid-column: 2; justify-content: flex-start; display: flex; gap: 6px; flex-wrap: wrap; }
+.c3 .rs, .c3 .rs > * { min-width: 0; }
+.c3 .rs .nrow .chips .chip2 { max-width: 100%; }
+.c3 .rs .form { margin: 0; }
+.c3 .rs .seg { max-width: 100%; overflow-x: auto; }
+.c3 .rs .seg button { white-space: nowrap; }
+.c3 [data-rs-finder] .nrow > .acts { grid-column: 2; justify-content: flex-start; display: flex; gap: 6px; flex-wrap: wrap; }
+.c3 [data-rs-finder] .seg { max-width: 100%; overflow-x: auto; }
+.c3 .rs .lh { grid-template-columns: auto minmax(0, 1fr); }
+.c3 .rs .lh > .chips2 { grid-column: 1 / -1; }
+.c3 .rs-kv { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 12px; margin: 0; font-size: var(--fs-2); }
+.c3 .rs-kv dt { font: var(--fs-1) var(--mono); color: var(--muted-foreground); text-transform: uppercase; letter-spacing: .06em; padding-top: 2px; }
+.c3 .rs-kv dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
+.c3 .rs-kv input[type="text"] { width: 100%; box-sizing: border-box; }
+.c3 .rs-kv ol { margin: 0; padding-left: 18px; }
+.c3 .rs-lbl { font: var(--fs-1) var(--mono); color: var(--muted-foreground); }
+.c3 .rs-help { font-size: var(--fs-2); }
+.c3 .rs-stack { display: grid; gap: var(--sp-2); }
+.c3 .rs-tools { display: inline-flex; gap: 6px; align-items: center; }
+.c3 .rs-menu { align-items: center; }
+@media (max-width: 560px) { .c3 .rs-kv { grid-template-columns: minmax(0, 1fr); } }
+
+/* Output formats: the document drawn as slides, a grid, a doc page or A4 pages. Paper colours are the slide tokens. */
+.c3 .rs-slides { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: var(--sp-3); }
+.c3 .rs-slides > .ds-sec { margin-left: 0; }
+.c3 .rs-slide { aspect-ratio: 16 / 9; min-width: 0; display: grid; grid-template-rows: auto 1fr auto; gap: var(--sp-2); padding: var(--sp-3); background: var(--slide-bg); color: var(--slide-fg); border: 1px solid var(--slide-border); border-radius: 6px; font-size: var(--fs-2); overflow: hidden; }
+.c3 .rs-sh { font-weight: 600; font-size: var(--fs-3); color: var(--slide-brand); overflow-wrap: anywhere; }
+.c3 .rs-slide.title { background: var(--slide-brand); color: var(--slide-bg); }
+.c3 .rs-slide.title .rs-sh { color: var(--slide-bg); font-size: var(--fs-4); }
+.c3 .rs-slide .m, .c3 .rs-page .m { color: var(--slide-muted); margin: 0; }
+.c3 .rs-slide.title .m { color: var(--slide-border); }
+.c3 .rs-slide p, .c3 .rs-slide .ds-md { margin: 0; font-size: var(--fs-2); color: inherit; }
+.c3 .rs-slide ul, .c3 .rs-page ul { margin: 0; padding-left: 18px; display: grid; gap: 4px; }
+.c3 .rs-sf { display: flex; justify-content: space-between; font: var(--fs-1) var(--mono); color: var(--slide-foot); }
+.c3 .rs-big { display: flex; gap: var(--sp-3); flex-wrap: wrap; }
+.c3 .rs-big b { display: block; font-size: var(--fs-4); color: var(--slide-primary); }
+.c3 .rs-big span { color: var(--slide-muted); font-size: var(--fs-1); }
+.c3 .rs-sheets { display: grid; gap: var(--sp-3); }
+.c3 .rs-gridwrap { max-width: 100%; overflow-x: auto; border: 1px solid var(--slide-border); border-radius: 6px; background: var(--slide-bg); }
+.c3 .rs-grid { border-collapse: collapse; min-width: 640px; width: 100%; color: var(--slide-fg); font-size: var(--fs-2); }
+.c3 .rs-grid th, .c3 .rs-grid td { border: 1px solid var(--slide-border); padding: 4px 8px; text-align: left; }
+.c3 .rs-grid thead th, .c3 .rs-grid tbody th { background: var(--slide-secondary); color: var(--slide-muted); font: var(--fs-1) var(--mono); text-align: center; }
+.c3 .rs-grid tr.hd td { font-weight: 600; background: var(--slide-track); }
+.c3 .rs-grid td.n { text-align: right; font-family: var(--mono); }
+.c3 .rs-grid td.pos { color: var(--slide-done); }
+.c3 .rs-grid td.neg { color: var(--slide-overdue); }
+.c3 .rs-page { background: var(--slide-bg); color: var(--slide-fg); border: 1px solid var(--slide-border); border-radius: 6px; padding: var(--sp-4); display: grid; gap: var(--sp-2); align-content: start; min-width: 0; font-size: var(--fs-3); }
+.c3 .rs-page h3 { margin: 0; font-size: var(--fs-5); }
+.c3 .rs-page p { margin: 0; }
+.c3 .rs-page .ds-md { color: inherit; }
+.c3 .rs-page .ds-sec-h h3 { color: var(--slide-brand); }
+.c3 .rs-pages { display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
+.c3 .rs-page.a4 { aspect-ratio: 1 / 1.414; grid-template-rows: auto; align-content: start; position: relative; }
+.c3 .rs-pn { position: absolute; bottom: var(--sp-2); right: var(--sp-3); font: var(--fs-1) var(--mono); color: var(--slide-foot); }
+
+.c3 .rs-min0 { min-width: 0; }
+.c3 .rs-kv .chip2 + .rs-help { margin-left: 6px; }