create-pmos 0.512.0 → 0.514.0

package/workspace/public/pm/tk-tasks.css

@@ -6,10 +6,10 @@
 .tk-gh { position: relative; display: flex; align-items: center; }
 .tk-ghb { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; margin: 6px 0 2px; padding: 0 8px; background: none; border: 0; font: inherit; color: var(--cz-ink); text-align: left; cursor: pointer; border-radius: 12px; }
 .tk-gh.s .tk-ghb { padding-right: 8px; }
-.tk-ghb b { flex: 1; min-width: 0; font-size: var(--fs-3); font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.tk-ghb b { flex: 1; min-width: 0; font-size: var(--fs-row); font-weight: var(--fw-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-row); }
 .tk-gh.s .tk-ghb b { padding-right: 44px; }
-.tk-ghb[aria-expanded="false"] b { color: var(--cz-ink2); font-weight: 700; }
-.tk-ghr { display: inline-flex; align-items: center; gap: 2px; font-size: var(--fs-2); font-weight: 600; color: var(--cz-ink3); }
+.tk-ghb[aria-expanded="false"] b { color: var(--cz-ink2); font-weight: var(--fw-strong); }
+.tk-ghr { display: inline-flex; align-items: center; gap: 2px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
 .tk-ghb:focus-visible, .tk-snd:focus-visible, .tk-row:focus-visible, .tk-fold:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: -2px; }
 /* the send icon sits before the count, inside the header row (PgTkList .gh .r) */
 .tk-snd { position: absolute; right: 52px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border-radius: 999px; border: 0; background: none; color: var(--cz-ink2); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
@@ -23,55 +23,55 @@
 .tk-sq.doing { background: var(--cz-blue); }
 .tk-sq.done { background: var(--cz-ok); }
 .tk-t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
-.tk-t b { font-size: var(--fs-3); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.tk-t span { font-size: var(--fs-2); color: var(--cz-ink3); }
+.tk-t b { font-size: var(--fs-row); font-weight: var(--fw-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-row); }
+.tk-t span { font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .tk-mk { width: 8px; height: 8px; border-radius: 50%; flex: none; display: inline-block; }
 .tk-mk.warn { background: var(--cz-risk); }
 .tk-mk.info { background: var(--cz-blue); }
-.tk-av { width: 24px; height: 24px; border-radius: 50%; background: var(--cz-well); color: var(--cz-ink2); font-size: var(--fs-1); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex: none; }
-.tk-fold { position: relative; display: flex; align-items: center; width: 100%; min-height: 44px; padding: 0 14px 0 42px; background: none; border: 0; font: 600 var(--fs-3) var(--cz-sans); color: var(--cz-ink2); cursor: pointer; text-align: left; justify-content: space-between; border-radius: 16px; }
-.tk-read { margin: 8px 8px 0; font-size: var(--fs-2); color: var(--cz-ink3); }
+.tk-av { width: 24px; height: 24px; border-radius: 50%; background: var(--cz-well); color: var(--cz-ink2); font-size: var(--fs-badge); font-weight: var(--fw-strong); display: inline-flex; align-items: center; justify-content: center; flex: none; line-height: var(--lh-badge); }
+.tk-fold { position: relative; display: flex; align-items: center; width: 100%; min-height: 44px; padding: 0 14px 0 42px; background: none; border: 0; font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); color: var(--cz-ink2); cursor: pointer; text-align: left; justify-content: space-between; border-radius: 16px; }
+.tk-read { margin: 8px 8px 0; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
 .tk-card { background: var(--cz-card); border-radius: 20px; padding: 12px 14px; box-shadow: 0 8px 24px -20px rgba(42, 46, 53, .35); }
 .tk-empty { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
-.tk-empty p { margin: 0; font-size: var(--fs-2); line-height: 1.45; color: var(--cz-ink2); }
+.tk-empty p { margin: 0; font-size: var(--fs-meta); line-height: 1.45; color: var(--cz-ink2); }
 .hi-v .tk-g.hi-tg { border-radius: 0; }
 
 /* ── T2 · one drafted ticket ── */
 .tk-v { display: flex; flex-direction: column; gap: 14px; padding-bottom: 8px; position: relative; }
-.tk-crumb { margin: 0; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink3); }
-.tk-flag { margin: 0; display: flex; align-items: center; gap: 8px; font-size: var(--fs-2); color: var(--cz-ink2); }
+.tk-crumb { margin: 0; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
+.tk-flag { margin: 0; display: flex; align-items: center; gap: 8px; font-size: var(--fs-meta); color: var(--cz-ink2); line-height: var(--lh-meta); }
 .tk-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
 .tk-f { background: var(--cz-card); border: 0; border-radius: 14px; padding: 8px 12px; min-height: 52px; display: flex; flex-direction: column; justify-content: center; text-align: left; font: inherit; color: var(--cz-ink); cursor: pointer; box-shadow: 0 8px 24px -20px rgba(42, 46, 53, .35); }
 .tk-f:hover { background: color-mix(in srgb, var(--cz-well) 45%, var(--cz-card)); }
 .tk-f:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; }
-.tk-fl { font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); }
-.tk-fv { font-size: var(--fs-3); font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.tk-fv.mut, .tk-mut { color: var(--cz-ink3); font-weight: 600; }
+.tk-fl { font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-badge); }
+.tk-fv { font-size: var(--fs-row); font-weight: var(--fw-strong); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: var(--lh-row); }
+.tk-fv.mut, .tk-mut { color: var(--cz-ink3); font-weight: var(--fw-strong); }
 .tk-sh { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
-.tk-sh h3 { flex: 1; margin: 0; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
-.tk-sec2 p, .tk-cb2 p { margin: 0 0 6px; font-size: var(--fs-3); line-height: 1.45; }
-.tk-sec2 ol, .tk-sec2 ul, .tk-cb2 ol, .tk-cb2 ul { margin: 0 0 6px; padding-left: 20px; font-size: var(--fs-3); line-height: 1.45; }
-.tk-ac { display: flex; gap: 8px; font-size: var(--fs-3); line-height: 1.4; padding: 6px 0; border-top: 1px solid var(--cz-hair); }
+.tk-sh h3 { flex: 1; margin: 0; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
+.tk-sec2 p, .tk-cb2 p { margin: 0 0 6px; font-size: var(--fs-body); line-height: 1.45; }
+.tk-sec2 ol, .tk-sec2 ul, .tk-cb2 ol, .tk-cb2 ul { margin: 0 0 6px; padding-left: 20px; font-size: var(--fs-body); line-height: 1.45; }
+.tk-ac { display: flex; gap: 8px; font-size: var(--fs-body); line-height: 1.4; padding: 6px 0; border-top: 1px solid var(--cz-hair); }
 .tk-ac:first-of-type { border-top: 0; }
-.tk-ac em { font-style: normal; font-weight: 800; color: var(--cz-ink3); flex: none; }
-.tk-miss { margin: 0; display: flex; align-items: center; gap: 8px; font-size: var(--fs-2); color: var(--cz-ink2); }
+.tk-ac em { font-style: normal; font-weight: var(--fw-strong); color: var(--cz-ink3); flex: none; }
+.tk-miss { margin: 0; display: flex; align-items: center; gap: 8px; font-size: var(--fs-meta); color: var(--cz-ink2); line-height: var(--lh-meta); }
 .tk-ib { width: 32px; height: 32px; border-radius: 999px; border: 0; background: none; color: var(--cz-ink3); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
 .tk-ib:hover { background: var(--cz-well); color: var(--cz-ink); }
 .tk-folds { padding: 0 14px; }
 .tk-coll + .tk-coll { border-top: 1px solid var(--cz-hair); }
 .tk-cr { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 0; background: none; border: 0; font: inherit; color: var(--cz-ink); cursor: pointer; text-align: left; }
-.tk-cr b { flex: 1; font-size: var(--fs-3); font-weight: 700; }
-.tk-cn { font-size: var(--fs-2); color: var(--cz-ink3); font-weight: 600; }
+.tk-cr b { flex: 1; font-size: var(--fs-row); font-weight: var(--fw-strong); line-height: var(--lh-row); }
+.tk-cn { font-size: var(--fs-label); color: var(--cz-ink3); font-weight: var(--fw-strong); line-height: var(--lh-label); }
 .tk-cr svg { color: var(--cz-ink3); }
 .tk-cb2 { padding: 0 0 10px; }
 .tk-cba { display: flex; justify-content: flex-end; }
 .tk-ed { display: flex; flex-direction: column; gap: 8px; }
-.tk-ed textarea { width: 100%; box-sizing: border-box; min-height: 120px; border: 1px solid var(--cz-hair); border-radius: 12px; padding: 10px 12px; font: var(--fs-3)/1.45 var(--cz-sans); color: var(--cz-ink); background: var(--cz-card); resize: vertical; }
+.tk-ed textarea { width: 100%; box-sizing: border-box; min-height: 120px; border: 1px solid var(--cz-hair); border-radius: 12px; padding: 10px 12px; font: var(--fs-body)/1.45 var(--cz-sans); color: var(--cz-ink); background: var(--cz-card); resize: vertical; }
 .tk-eda { display: flex; gap: 8px; }
 .tk-vh { position: absolute; left: -9999px; }
 .tk-fab { position: sticky; bottom: 16px; align-self: flex-end; margin-top: 0; width: 52px; height: 52px; border-radius: 50%; border: 0; background: var(--cz-solid); color: var(--cz-onsolid); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 14px 34px -12px rgba(42, 46, 53, .45); z-index: 2; }
 .tk-fab:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 3px; }
-.tk-msg { margin: 0; font-size: var(--fs-3); color: var(--cz-late); min-height: 0; }
+.tk-msg { margin: 0; font-size: var(--fs-body); color: var(--cz-late); min-height: 0; line-height: var(--lh-body); }
 .tk-msg:empty { display: none; }
 
 /* ── T3 · the Send sheet ── */
@@ -81,39 +81,39 @@
 .tk-sheet.phone { left: 0; right: 0; bottom: 0; top: auto; transform: none; width: auto; max-height: calc(100vh - 150px); border-radius: 28px 28px 0 0; padding: 10px 18px 20px; }
 .tk-grab { display: none; width: 40px; height: 5px; border-radius: 3px; background: var(--cz-hair); margin: 0 auto 4px; }
 .tk-sheet.phone .tk-grab { display: block; }
-.tk-h { margin: 0; font-size: var(--fs-5); font-weight: 800; }
-.tk-note { margin: 0; font-size: var(--fs-2); color: var(--cz-ink2); }
+.tk-h { margin: 0; font-size: var(--fs-panel); font-weight: var(--fw-strong); line-height: var(--lh-panel); }
+.tk-note { margin: 0; font-size: var(--fs-meta); color: var(--cz-ink2); line-height: var(--lh-meta); }
 .tk-where { background: var(--cz-well); border-radius: 18px; overflow: hidden; }
-.tk-wr { display: flex; align-items: center; gap: 10px; padding: 10px 14px; min-height: 46px; font-size: var(--fs-3); box-sizing: border-box; }
+.tk-wr { display: flex; align-items: center; gap: 10px; padding: 10px 14px; min-height: 46px; font-size: var(--fs-body); box-sizing: border-box; line-height: var(--lh-body); }
 .tk-wr + .tk-wr, .tk-where > .tk-wr ~ .tk-wr { border-top: 1px solid var(--cz-hair); }
-.tk-wl { width: 64px; flex: none; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
-.tk-wv { flex: 1; min-width: 0; font-weight: 700; }
-.tk-wv.mut { color: var(--cz-ink3); font-weight: 600; }
-.tk-sel { flex: 1; font: 700 var(--fs-3) var(--cz-sans); color: var(--cz-ink); background: none; border: 0; }
-.tk-chg { margin-left: auto; display: inline-flex; align-items: center; gap: 2px; background: none; border: 0; font: 700 var(--fs-2) var(--cz-sans); color: var(--cz-ink3); cursor: pointer; min-height: 36px; }
+.tk-wl { width: 64px; flex: none; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
+.tk-wv { flex: 1; min-width: 0; font-weight: var(--fw-strong); }
+.tk-wv.mut { color: var(--cz-ink3); font-weight: var(--fw-strong); }
+.tk-sel { flex: 1; font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); color: var(--cz-ink); background: none; border: 0; }
+.tk-chg { margin-left: auto; display: inline-flex; align-items: center; gap: 2px; background: none; border: 0; font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink3); cursor: pointer; min-height: 36px; }
 .tk-chgbox { display: flex; flex-direction: column; gap: 8px; padding: 0 14px 12px; }
-.tk-opt { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; background: var(--cz-card); border: 1px solid var(--cz-hair); border-radius: 14px; padding: 8px 12px; font: 700 var(--fs-3) var(--cz-sans); color: var(--cz-ink); cursor: pointer; }
+.tk-opt { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; background: var(--cz-card); border: 1px solid var(--cz-hair); border-radius: 14px; padding: 8px 12px; font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); color: var(--cz-ink); cursor: pointer; }
 .tk-opt.on { border-color: var(--cz-blue); }
-.tk-opt em { font-style: normal; font-weight: 600; font-size: var(--fs-2); color: var(--cz-ink3); }
-.tk-fld { display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
+.tk-opt em { font-style: normal; font-weight: var(--fw-strong); font-size: var(--fs-label); color: var(--cz-ink3); line-height: var(--lh-label); }
+.tk-fld { display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
 .tk-row2 { display: flex; gap: 8px; }
-.tk-fld input { flex: 1; min-width: 0; height: 40px; border: 1px solid var(--cz-hair); border-radius: 12px; padding: 0 12px; font: var(--fs-3) var(--cz-sans); color: var(--cz-ink); background: var(--cz-card); }
-.tk-use { height: 40px; padding: 0 14px; border-radius: 999px; border: 0; background: var(--cz-solid); color: var(--cz-onsolid); font: 700 var(--fs-3) var(--cz-sans); cursor: pointer; }
+.tk-fld input { flex: 1; min-width: 0; height: 40px; border: 1px solid var(--cz-hair); border-radius: 12px; padding: 0 12px; font: var(--fs-body)/var(--lh-body) var(--cz-sans); color: var(--cz-ink); background: var(--cz-card); }
+.tk-use { height: 40px; padding: 0 14px; border-radius: 999px; border: 0; background: var(--cz-solid); color: var(--cz-onsolid); font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); cursor: pointer; }
 .tk-sec { display: flex; flex-direction: column; gap: 8px; }
-.tk-sn { margin: 0; font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
+.tk-sn { margin: 0; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
 .tk-items { display: flex; flex-direction: column; }
 .tk-it { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 0; background: none; border: 0; border-top: 1px solid var(--cz-hair); font: inherit; color: var(--cz-ink); text-align: left; cursor: pointer; }
 .tk-it:first-child { border-top: 0; }
 .tk-itx { flex: 1; min-width: 0; display: flex; flex-direction: column; }
-.tk-it b { font-size: var(--fs-3); font-weight: 700; }
+.tk-it b { font-size: var(--fs-row); font-weight: var(--fw-strong); line-height: var(--lh-row); }
 .tk-it[aria-disabled="true"] { cursor: default; color: var(--cz-ink3); }
 .tk-it:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; border-radius: 8px; }
-.tk-why { font-size: var(--fs-2); font-weight: 600; color: var(--cz-ink3); }
+.tk-why { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
 .tk-cb { width: 20px; height: 20px; border-radius: 6px; background: var(--cz-solid); color: var(--cz-onsolid); display: inline-flex; align-items: center; justify-content: center; flex: none; box-sizing: border-box; }
 .tk-cb.off { background: transparent; border: 1.5px solid var(--cz-ink3); opacity: .6; }
 .tk-acts { margin-top: auto; display: flex; gap: 8px; }
-.tk-acts button, .tk-go.sm, .tk-c.sm { flex: 1; height: 50px; border-radius: 999px; font: 800 var(--fs-3) var(--cz-sans); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
-.tk-go.sm, .tk-c.sm { flex: none; height: 38px; padding: 0 16px; font-size: var(--fs-2); }
+.tk-acts button, .tk-go.sm, .tk-c.sm { flex: 1; height: 50px; border-radius: 999px; font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
+.tk-go.sm, .tk-c.sm { flex: none; height: 38px; padding: 0 16px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .tk-c { background: var(--cz-card); border: 1px solid var(--cz-hair); color: var(--cz-ink); }
 .tk-go { background: var(--cz-solid); border: 0; color: var(--cz-onsolid); }
 .tk-go:disabled { opacity: .45; cursor: default; }

package/workspace/public/pm/tk-view.css

@@ -1,21 +1,21 @@
 /* pm/tk-view.css — the one Jira ticket Viewer (tk-view.js; canvas OvViewers "Jira ticket"), over ov-view.css and cozy.css's tokens. */
-.tkv { display: flex; flex-direction: column; gap: 16px; padding: 6px 2px 18px; font-size: var(--fs-3); color: var(--cz-ink); }
+.tkv { display: flex; flex-direction: column; gap: 16px; padding: 6px 2px 18px; font-size: var(--fs-body); color: var(--cz-ink); line-height: var(--lh-body); }
 .tkv .czs-sum { margin: 0; }
-.tkv .nt { border: 0; outline: 0; resize: none; field-sizing: content; min-height: 44px; border-radius: 12px; padding: 6px 8px; margin: 0 -8px; font: inherit; font-size: var(--fs-3); line-height: 1.55; color: var(--cz-ink); background: transparent; }
+.tkv .nt { border: 0; outline: 0; resize: none; field-sizing: content; min-height: 44px; border-radius: 12px; padding: 6px 8px; margin: 0 -8px; font: inherit; font-size: var(--fs-body); line-height: 1.55; color: var(--cz-ink); background: transparent; }
 .tkv .nt::placeholder { color: var(--cz-ink3); }
 .tkv .nt:hover { background: var(--cz-well); }
 .tkv .nt:focus { background: var(--cz-card); box-shadow: 0 0 0 1.5px var(--cz-blue), 0 0 0 5px var(--cz-bluebg); }
 .tkv .czs-secs { margin: 0; }
-.tkv-ac, .tkv-sub, .tkv-ln { list-style: none; margin: 0; padding: 0 0 4px; display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-2); line-height: 1.5; }
+.tkv-ac, .tkv-sub, .tkv-ln { list-style: none; margin: 0; padding: 0 0 4px; display: flex; flex-direction: column; gap: 6px; font-size: var(--fs-meta); line-height: 1.5; }
 .tkv-ac li { position: relative; padding-left: 16px; }
 .tkv-ac li::before { content: ""; position: absolute; left: 4px; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: var(--cz-ink3); }
 .tkv-sub li { display: flex; align-items: center; gap: 8px; color: var(--cz-ink2); }
 .tkv-sub li.d { color: var(--cz-ink3); }
 .tkv-sub li.d span { text-decoration: line-through; }
 .tkv-ln li { display: flex; align-items: baseline; gap: 8px; }
-.tkv-ln em { font-style: normal; color: var(--cz-ink3); font-size: var(--fs-2); min-width: 72px; }
+.tkv-ln em { font-style: normal; color: var(--cz-ink3); font-size: var(--fs-meta); min-width: 72px; line-height: var(--lh-meta); }
 .tkv-ln button { border: 0; background: transparent; padding: 0; font: inherit; color: var(--cz-blueink); cursor: pointer; text-align: left; }
 .tkv-ln button:hover { text-decoration: underline; }
-.tkv-q { margin: 0 0 4px; font-size: var(--fs-2); color: var(--cz-ink3); }
-.tkv-msg { margin: 0; font-size: var(--fs-3); color: var(--cz-red); }
+.tkv-q { margin: 0 0 4px; font-size: var(--fs-meta); color: var(--cz-ink3); line-height: var(--lh-meta); }
+.tkv-msg { margin: 0; font-size: var(--fs-body); color: var(--cz-red); line-height: var(--lh-body); }
 .tkv-msg:empty { display: none; }

package/workspace/public/pm/wf-page.css

@@ -3,9 +3,9 @@
 body.wf-page { min-height: 100vh; overflow: hidden; font-family: var(--cz-sans); color: var(--cz-ink); background: var(--cz-well2); }
 .wf-page button { font-family: var(--cz-sans); }
 .wf-vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
-.wf-small { font-size: var(--fs-2); line-height: 1.45; }
+.wf-small { font-size: var(--fs-meta); line-height: 1.45; }
 .wf-mut { color: var(--cz-ink3); }
-.wf-err { color: var(--cz-red); font-size: var(--fs-2); margin: 0; }
+.wf-err { color: var(--cz-red); font-size: var(--fs-meta); margin: 0; line-height: var(--lh-meta); }
 .wf-err:empty { display: none; }
 .wf-pad { padding: 8px 10px; }
 .wf-page p { margin: 0; }
@@ -13,15 +13,15 @@ body.wf-page { min-height: 100vh; overflow: hidden; font-family: var(--cz-sans);
 /* ── the list ── */
 .wf-list { gap: 2px; overflow: auto; }
 .wf-list .lhead { display: flex; align-items: center; justify-content: space-between; padding: 4px 6px 10px 10px; }
-.wf-list h2 { margin: 0; font-size: var(--fs-4); font-weight: 800; }
+.wf-list h2 { margin: 0; font-size: var(--fs-section); font-weight: var(--fw-strong); line-height: var(--lh-section); }
 .wf-page .ib { width: 36px; height: 36px; border-radius: 12px; display: inline-grid; place-items: center; border: 0; background: none; color: var(--cz-ink2); cursor: pointer; padding: 0; flex: none; }
 .wf-page .ib.sm { width: 30px; height: 30px; border-radius: 10px; }
 .wf-page .ib:hover { background: var(--cz-well2); }
 .wfl { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 14px; width: 100%; border: 0; background: none; color: var(--cz-ink); cursor: pointer; text-align: left; }
 .wfl:hover { background: var(--cz-well2); }
 .wfl.sel { background: var(--cz-card); box-shadow: 0 6px 18px -10px rgba(42,46,53,.25); }
-.wfl .t { font-size: var(--fs-3); font-weight: 700; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.wfl .n { font-size: var(--fs-2); color: var(--cz-ink3); font-weight: 600; }
+.wfl .t { font-size: var(--fs-row); font-weight: var(--fw-strong); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: var(--lh-row); }
+.wfl .n { font-size: var(--fs-label); color: var(--cz-ink3); font-weight: var(--fw-strong); line-height: var(--lh-label); }
 .wfl.arch .t { color: var(--cz-ink3); }
 .wfl .wfb { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; text-align: left; }
 .wfl .wfb:focus-visible, .wfl .wfs:focus-visible { outline: 2px solid var(--cz-blue); outline-offset: 2px; border-radius: 8px; }
@@ -31,7 +31,7 @@ body.wf-page { min-height: 100vh; overflow: hidden; font-family: var(--cz-sans);
 .wfl .wfs:hover { background: var(--cz-card); color: var(--cz-ink2); box-shadow: 0 0 0 1px var(--cz-hair); }
 .wfl .wfs.on, .wfl .wfs.on:hover { color: var(--cz-risk); }
 @media (hover: none) { .wfl .wfs { opacity: 1; } }
-.wf-sub { font-size: var(--fs-1); font-weight: 800; color: var(--cz-ink3); padding: 14px 10px 4px; }
+.wf-sub { font-size: var(--fs-badge); font-weight: var(--fw-strong); color: var(--cz-ink3); padding: 14px 10px 4px; line-height: var(--lh-badge); }
 .wf-page .wfi { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 6px; background: var(--cz-well); color: var(--cz-ink2); flex: none; }
 .wfl .wfi, .wf-head .wfi { background: var(--cz-well2); }
 .wfl.sel .wfi { background: var(--cz-well); }
@@ -44,71 +44,71 @@ body.wf-page { min-height: 100vh; overflow: hidden; font-family: var(--cz-sans);
 .wf-main { flex: 1 1 auto; min-width: 0; min-height: 0; overflow: auto; padding: 6px 6px 0 4px; display: flex; flex-direction: column; gap: 14px; }
 .wf-head { display: flex; align-items: center; gap: 10px; min-height: 40px; }
 .wf-push { margin-left: auto; }
-.wf-h1 { margin: 0; font-size: var(--fs-5); font-weight: 800; letter-spacing: -.01em; }
-.wf-h2 { margin: 0; font-size: var(--fs-5); font-weight: 800; flex: 1; }
-.wf-h3 { font-size: var(--fs-4); font-weight: 800; }
+.wf-h1 { margin: 0; font-size: var(--fs-page); font-weight: var(--fw-strong); letter-spacing: -.01em; line-height: var(--lh-page); }
+.wf-h2 { margin: 0; font-size: var(--fs-panel); font-weight: var(--fw-strong); flex: 1; line-height: var(--lh-panel); }
+.wf-h3 { font-size: var(--fs-section); font-weight: var(--fw-strong); line-height: var(--lh-section); }
 .wf-rn { font: inherit; color: inherit; background: none; border: 0; padding: 2px 6px; margin: -2px -6px; border-radius: 10px; cursor: text; text-align: left; }
 .wf-rn:hover { background: var(--cz-well); }
 .wf-ren { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
-.wf-ren input { font: 800 var(--fs-5) var(--cz-sans); color: var(--cz-ink); border: 1.5px solid var(--cz-blue); border-radius: 12px; padding: 4px 10px; min-width: 260px; background: var(--cz-card); }
+.wf-ren input { font: var(--fw-strong) var(--fs-panel)/var(--lh-panel) var(--cz-sans); color: var(--cz-ink); border: 1.5px solid var(--cz-blue); border-radius: 12px; padding: 4px 10px; min-width: 260px; background: var(--cz-card); }
 .wf-sv { width: 32px; height: 32px; border-radius: 10px; border: 0; background: var(--cz-blueink); color: var(--cz-card); display: grid; place-items: center; cursor: pointer; }
 .wf-ren .wf-err { flex-basis: 100%; }
 .wf-cols { flex: none; display: flex; gap: 8px; min-height: 420px; }
 .wf-col { flex: 1 1 0; min-width: 0; background: var(--cz-well); border-radius: 18px; padding: 10px 8px 8px; display: flex; flex-direction: column; gap: 6px; }
-.wf-col h3 { margin: 0; padding: 2px 6px; font-size: var(--fs-3); font-weight: 800; }
+.wf-col h3 { margin: 0; padding: 2px 6px; font-size: var(--fs-section); font-weight: var(--fw-strong); line-height: var(--lh-section); }
 .wf-col.wf-end { flex: .9 1 0; background: transparent; border: 1.5px dashed var(--cz-hair2, var(--cz-hair)); }
 .wf-col.wf-end p { padding: 0 6px; }
 .wf-drop { display: flex; flex-direction: column; gap: 6px; min-height: 40px; border-radius: 12px; }
 .wf-drop.over { outline: 2px dashed var(--cz-blue); outline-offset: 2px; }
-.wf-card { display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 10px; border-radius: 14px; background: var(--cz-card); border: 1px solid var(--cz-hair); box-shadow: 0 1px 2px rgba(42,46,53,.05); color: var(--cz-ink); cursor: pointer; text-align: left; font-size: var(--fs-2); }
+.wf-card { display: flex; align-items: center; gap: 8px; width: 100%; padding: 7px 10px; border-radius: 14px; background: var(--cz-card); border: 1px solid var(--cz-hair); box-shadow: 0 1px 2px rgba(42,46,53,.05); color: var(--cz-ink); cursor: pointer; text-align: left; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .wf-card[draggable="true"] { cursor: grab; }
 .wf-card:hover { border-color: var(--cz-blue); }
 .wf-card.opt { border-style: dashed; box-shadow: none; }
 .wf-card.drag { opacity: .45; }
 .wf-grip { color: var(--cz-ink3); display: inline-flex; width: 14px; flex: none; }
-.wf-num { width: 16px; font-weight: 800; color: var(--cz-ink3); flex: none; font-size: var(--fs-2); }
+.wf-num { width: 16px; font-weight: var(--fw-strong); color: var(--cz-ink3); flex: none; font-size: var(--fs-label); line-height: var(--lh-label); }
 .wf-ct { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.wf-pill { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 999px; font-size: var(--fs-1); font-weight: 700; background: var(--cz-well); color: var(--cz-ink2); flex: none; max-width: 52%; }
+.wf-pill { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: 999px; font-size: var(--fs-badge); font-weight: var(--fw-strong); background: var(--cz-well); color: var(--cz-ink2); flex: none; max-width: 52%; line-height: var(--lh-badge); }
 .wf-pill span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .wf-pill.dash { background: transparent; border: 1.5px dashed var(--cz-ink3); color: var(--cz-ink3); }
 .wf-pill.y { background: var(--cz-riskbg); color: var(--cz-risk); }
 .wf-box { background: var(--cz-well); border-radius: 14px; padding: 10px 12px; }
 .wf-how { display: flex; flex-direction: column; gap: 4px; }
-.wf-btn { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 16px; border-radius: 999px; border: 0; font-size: var(--fs-3); font-weight: 700; cursor: pointer; background: var(--cz-well); color: var(--cz-ink); }
-.wf-btn.sm { height: 32px; padding: 0 12px; font-size: var(--fs-2); }
+.wf-btn { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 16px; border-radius: 999px; border: 0; font-size: var(--fs-row); font-weight: var(--fw-strong); cursor: pointer; background: var(--cz-well); color: var(--cz-ink); line-height: var(--lh-row); }
+.wf-btn.sm { height: 32px; padding: 0 12px; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .wf-btn.dark { background: var(--cz-ink); color: var(--cz-card); }
 .wf-btn.ghost { background: transparent; color: var(--cz-ink2); }
 .wf-btn.ghost:hover { background: var(--cz-well2); }
 .wf-col > .wf-btn { align-self: flex-start; }
-.wf-link { border: 0; background: none; padding: 0; color: var(--cz-blueink); font: inherit; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
+.wf-link { border: 0; background: none; padding: 0; color: var(--cz-blueink); font: inherit; font-weight: var(--fw-strong); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
 .wf-acts { display: flex; gap: 8px; }
 
 /* ── the stage panel and the condition (the Viewer) ── */
 .wf-stage { padding: 4px 22px 22px; display: flex; flex-direction: column; gap: 12px; }
-.wf-lbl { font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink3); }
+.wf-lbl { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink3); line-height: var(--lh-label); }
 .wf-sgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; align-items: start; }
 .wf-scol { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
 .wf-field { display: flex; flex-direction: column; gap: 6px; }
-.wf-fl { font-size: var(--fs-2); font-weight: 800; color: var(--cz-ink2); }
-.wf-inp { font: 600 var(--fs-3) var(--cz-sans); color: var(--cz-ink); background: var(--cz-card); border: 1px solid var(--cz-hair2, var(--cz-hair)); border-radius: 12px; padding: 8px 12px; min-width: 0; box-sizing: border-box; }
+.wf-fl { font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); line-height: var(--lh-label); }
+.wf-inp { font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); color: var(--cz-ink); background: var(--cz-card); border: 1px solid var(--cz-hair2, var(--cz-hair)); border-radius: 12px; padding: 8px 12px; min-width: 0; box-sizing: border-box; }
 .wf-inp:focus { outline: 2px solid var(--cz-blue); outline-offset: 0; }
 .wf-inp.bare { flex: 1; border-color: transparent; background: transparent; padding: 4px 6px; }
 .wf-inp.bare:hover { border-color: var(--cz-hair); }
 .wf-inp.ta { width: 100%; min-height: 72px; resize: vertical; line-height: 1.45; }
 .wf-inp:disabled { color: var(--cz-ink2); background: var(--cz-well); }
 .wf-seg { display: inline-flex; background: var(--cz-well); border-radius: 999px; padding: 3px; gap: 2px; flex-wrap: wrap; align-self: flex-start; }
-.wf-seg .sb { border: 0; background: none; border-radius: 999px; height: 30px; padding: 0 12px; font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink2); cursor: pointer; }
+.wf-seg .sb { border: 0; background: none; border-radius: 999px; height: 30px; padding: 0 12px; font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); cursor: pointer; line-height: var(--lh-label); }
 .wf-seg .sb[aria-checked="true"] { background: var(--cz-card); color: var(--cz-ink); box-shadow: 0 2px 6px -3px rgba(42,46,53,.3); }
 .wf-seg .sb:disabled { cursor: default; opacity: .7; }
 .wf-chips { display: flex; flex-wrap: wrap; gap: 6px; }
-.wf-chip { height: 30px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--cz-hair2, var(--cz-hair)); background: var(--cz-card); font-size: var(--fs-2); font-weight: 700; color: var(--cz-ink2); cursor: pointer; }
+.wf-chip { height: 30px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--cz-hair2, var(--cz-hair)); background: var(--cz-card); font-size: var(--fs-label); font-weight: var(--fw-strong); color: var(--cz-ink2); cursor: pointer; line-height: var(--lh-label); }
 .wf-chip.on { background: var(--cz-bluebg); border-color: var(--cz-blue); color: var(--cz-blueink); }
 .wf-chip:disabled { cursor: default; }
 /* a workflow that ships with PMOS: its controls read as settled, not as presses that fail */
 .wf-chip:disabled, .wf-sw:disabled, .wf-pick:disabled { cursor: default; opacity: .55; }
 .wf-fin { padding: 4px 8px 4px 10px; display: flex; flex-direction: column; }
 .wf-fi { display: flex; align-items: center; gap: 6px; }
-.wf-addi { padding: 6px 0; font-size: var(--fs-2); }
+.wf-addi { padding: 6px 0; font-size: var(--fs-meta); line-height: var(--lh-meta); }
 .wf-cond { display: flex; align-items: center; gap: 8px; }
 .wf-cond span { flex: 1; }
 .wf-then { display: flex; flex-direction: column; gap: 8px; }
@@ -116,8 +116,8 @@ body.wf-page { min-height: 100vh; overflow: hidden; font-family: var(--cz-sans);
 .wf-wrap { flex-wrap: wrap; }
 .wf-grow { flex: 1; min-width: 160px; }
 .wf-stage select { max-width: 100%; min-width: 0; text-overflow: ellipsis; }
-.wf-pick { font: 700 var(--fs-2) var(--cz-sans); color: var(--cz-ink); height: 32px; border-radius: 10px; border: 1px solid var(--cz-hair2, var(--cz-hair)); background: var(--cz-card); padding: 0 8px; max-width: 220px; }
-.wf-swl { display: flex; align-items: center; gap: 10px; font-size: var(--fs-2); cursor: pointer; }
+.wf-pick { font: var(--fw-strong) var(--fs-label)/var(--lh-label) var(--cz-sans); color: var(--cz-ink); height: 32px; border-radius: 10px; border: 1px solid var(--cz-hair2, var(--cz-hair)); background: var(--cz-card); padding: 0 8px; max-width: 220px; }
+.wf-swl { display: flex; align-items: center; gap: 10px; font-size: var(--fs-meta); cursor: pointer; line-height: var(--lh-meta); }
 .wf-sw { width: 32px; height: 20px; border-radius: 999px; background: var(--cz-hair2, var(--cz-ink3)); position: relative; flex: none; border: 0; padding: 0; cursor: pointer; }
 .wf-sw i { position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: var(--cz-card); transition: left .12s; }
 .wf-sw[aria-checked="true"] { background: var(--cz-blue); }
@@ -127,7 +127,7 @@ body.wf-page { min-height: 100vh; overflow: hidden; font-family: var(--cz-sans);
 .wf-draft { padding: 4px 22px 22px; display: flex; flex-direction: column; gap: 4px; min-height: 100%; box-sizing: border-box; }
 .wf-dh { display: flex; align-items: center; gap: 8px; }
 .wf-draft .wf-lbl { margin: 10px 0 2px; }
-.wf-trow { display: flex; gap: 8px; padding: 7px 2px; align-items: flex-start; border-bottom: 1px solid var(--cz-hair); font-size: var(--fs-3); }
+.wf-trow { display: flex; gap: 8px; padding: 7px 2px; align-items: flex-start; border-bottom: 1px solid var(--cz-hair); font-size: var(--fs-body); line-height: var(--lh-body); }
 .wf-trow .wf-pill { margin-top: 3px; }
 .wf-dacts { margin-top: auto; padding-top: 12px; }
 
@@ -146,12 +146,12 @@ body.wf-page { min-height: 100vh; overflow: hidden; font-family: var(--cz-sans);
 .wf-mv b { flex: 1; }
 .wf-mvl { display: flex; flex-direction: column; gap: 8px; }
 .wf-menu { position: fixed; z-index: 90; min-width: 180px; background: var(--cz-card); border-radius: 14px; box-shadow: var(--cz-sheet); padding: 6px; display: flex; flex-direction: column; }
-.wf-menu button { border: 0; background: none; text-align: left; padding: 9px 12px; border-radius: 10px; font: 700 var(--fs-3) var(--cz-sans); color: var(--cz-ink); cursor: pointer; }
+.wf-menu button { border: 0; background: none; text-align: left; padding: 9px 12px; border-radius: 10px; font: var(--fw-strong) var(--fs-row)/var(--lh-row) var(--cz-sans); color: var(--cz-ink); cursor: pointer; }
 .wf-menu button:hover, .wf-menu button:focus { background: var(--cz-well); outline: none; }
 .wf-menu button.danger { color: var(--cz-red); }
-.wf-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 95; background: var(--cz-ink); color: var(--cz-card); border-radius: 999px; padding: 10px 18px; font-size: var(--fs-3); font-weight: 700; display: flex; gap: 10px; align-items: center; }
+.wf-toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 95; background: var(--cz-ink); color: var(--cz-card); border-radius: 999px; padding: 10px 18px; font-size: var(--fs-row); font-weight: var(--fw-strong); display: flex; gap: 10px; align-items: center; line-height: var(--lh-row); }
 .wf-toast[hidden] { display: none; }
-.wf-undo { border: 0; background: none; color: var(--cz-bluebg); font: inherit; font-weight: 800; cursor: pointer; padding: 0; }
+.wf-undo { border: 0; background: none; color: var(--cz-bluebg); font: inherit; font-weight: var(--fw-strong); cursor: pointer; padding: 0; }
 
 /* ── a phone: the list is the page; a workflow opens over it with ← (the columns stack) ── */
 @media (max-width: 760px) {
@@ -163,7 +163,7 @@ body.wf-page { min-height: 100vh; overflow: hidden; font-family: var(--cz-sans);
   .wf-main { padding: 0; overflow: visible; }
   .wf-cols { flex-direction: column; min-height: 0; }
   .wf-col.wf-end { flex: none; }
-  .wf-h1 { font-size: var(--fs-5); }
+  .wf-h1 { font-size: var(--fs-panel); line-height: var(--lh-panel); }
   .wf-head { flex-wrap: wrap; }
   .wf-head > .wf-small { flex-basis: 100%; order: 3; padding-left: 40px; }
   .wf-ren input { min-width: 0; width: 100%; }
@@ -180,5 +180,5 @@ body.wf-page { min-height: 100vh; overflow: hidden; font-family: var(--cz-sans);
 .wf-brr { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--cz-hair); }
 .wf-brr span { flex: 1; min-width: 0; }
 .wf-brr svg { flex: none; color: var(--cz-ink3); }
-.wf-brr select { min-width: 170px; min-height: 36px; font: inherit; font-weight: 800; color: var(--cz-blueink); background: var(--cz-bluebg); border: 0; border-radius: 12px; padding: 6px 10px; }
+.wf-brr select { min-width: 170px; min-height: 36px; font: inherit; font-weight: var(--fw-strong); color: var(--cz-blueink); background: var(--cz-bluebg); border: 0; border-radius: 12px; padding: 6px 10px; }
 .wf-br > .wf-small:last-child { padding-top: 10px; border-top: 1px solid var(--cz-hair); margin: 0; }

package/workspace/public/premium-aud.html

@@ -8,7 +8,7 @@
 <!-- The audience tab (batch 12 item 1, S3; canvas XrtA9Present): what the call sees while the PM presents from the recording tab. It shows
      the stage only. The recording tab's presenter (pm/cozy-rec-present.js) says what to show over BroadcastChannel('pmos-present');
      this page reads the material itself and draws it (pm/cozy-aud.js). It has no controls and writes nothing. -->
-<link rel="preload" href="/vendor/nunito-var.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="preload" href="/vendor/plus-jakarta-sans-var.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="/pm/cozy.css" />
 <link rel="stylesheet" href="/pm/premium-vw-slides.css" />
 <link rel="stylesheet" href="/pm/cozy-mtg-present.css" />

package/workspace/public/premium-board.html

@@ -9,7 +9,7 @@
  across the six stages and two milestones, with progress toward its current output from Jira. It reads GET /api/board-premium. The floating place menu
  (pm/cozy-nav.js) replaces the rail on screen; the rail stays in the markup so premium-shell.js keeps its wiring. Discuss in chat on a panel opens Home's chat
  about it in a panel on the Board (pm/page-chat.js); a phone goes to Home. -->
-<link rel="preload" href="/vendor/nunito-var.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="preload" href="/vendor/plus-jakarta-sans-var.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="/pm/cozy.css" />
 <link rel="stylesheet" href="/pm/cozy-pick.css" />
 <link rel="stylesheet" href="/pm/cozy-board.css" />

package/workspace/public/premium-intelligence.html

@@ -13,7 +13,7 @@
  One bar: the product picker, the tabs Goals, Outcomes and Library, the view, the period and the icon tools. No page header; the floating place menu
  (pm/cozy-nav.js) replaces the rail. It reads GET /api/insights-premium (the KR metric records, the board's initiatives, the report files and setups)
  and GET /api/board-metrics-premium for the Delivery trends tiles, whose one press sets a target (POST /api/board-metric-targets/save). -->
-<link rel="preload" href="/vendor/nunito-var.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="preload" href="/vendor/plus-jakarta-sans-var.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="/pm/cozy.css" />
 <link rel="stylesheet" href="/pm/cozy-pick.css" />
 <link rel="stylesheet" href="/pm/cozy-insights.css" />

package/workspace/public/premium-rec.html

@@ -8,7 +8,7 @@
 <!-- The recording tab (batch 12 item 1): ?note=<id>[&ws=][&go=1]. It holds the recorder and never navigates away, so its links open
      in the other PMOS tab (named pmos-main by rec-tab-core.js). pm/cozy-rec-tab.js draws it. -->
 <base target="pmos-main" />
-<link rel="preload" href="/vendor/nunito-var.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="preload" href="/vendor/plus-jakarta-sans-var.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="/pm/cozy.css" />
 <link rel="stylesheet" href="/pm/cozy-rec-tab.css" />
 </head>

package/workspace/public/premium-viewer.html

@@ -8,7 +8,7 @@
 <!-- The Viewer on its own page (initiative premium-agreed-design, area viewer). It is the address "Open in a new tab" gives an item:
      ?open=meeting&note=<id> or &event=<id>&date=YYYY-MM-DD, ?open=calendar, ?open=notes, ?open=report&path=reports/<cadence>/<date>.md,
      each with an optional &ws=. The item opens in the same Viewer card Home shows (cozy-viewer.js), here as the whole page. -->
-<link rel="preload" href="/vendor/nunito-var.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="preload" href="/vendor/plus-jakarta-sans-var.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="/pm/cozy.css" />
 <link rel="stylesheet" href="/pm/cozy-vw.css" />
 </head>

package/workspace/public/premium-workflows.html

@@ -8,7 +8,7 @@
 <!-- Settings › Workflows (initiative workflows per initiative, D99; canvas WfAModel, WfAStage, WfACond, WfARemove, WfANew, WfADraft). The list of
      workflows on the left; the picked one as one numbered list across To do, In progress and Done; a stage opens in the Viewer. + opens the normal
      chat, scoped "New workflow", and PMOS drafts the workflow into the Viewer. pm/wf-page.js draws it; pm/wf-stage.js is the stage panel. -->
-<link rel="preload" href="/vendor/nunito-var.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="preload" href="/vendor/plus-jakarta-sans-var.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="/pm/cozy.css" />
 <link rel="stylesheet" href="/pm/cozy-home.css" />
 <link rel="stylesheet" href="/pm/cozy-today.css" />

package/workspace/public/premium.html

@@ -16,7 +16,7 @@
 <meta name="apple-mobile-web-app-title" content="PMOS" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black" />
 <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />
-<link rel="preload" href="/vendor/nunito-var.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="preload" href="/vendor/plus-jakarta-sans-var.woff2" as="font" type="font/woff2" crossorigin />
 <link rel="stylesheet" href="/pm/cozy.css" />
 <link rel="stylesheet" href="/pm/cozy-pick.css" />
 <link rel="stylesheet" href="/pm/cozy-home.css" />

package/workspace/server.js

@@ -7110,6 +7110,7 @@ async function handleRequest(req, res) {
   if (p === '/vendor/space-grotesk-var.woff2') return serveFile(res, path.join(PUB, 'vendor', 'space-grotesk-var.woff2'));
   if (p === '/vendor/geist-var.woff2') return serveFile(res, path.join(PUB, 'vendor', 'geist-var.woff2'));
   if (p === '/vendor/nunito-var.woff2') return serveFile(res, path.join(PUB, 'vendor', 'nunito-var.woff2'));   // the Agreed design's face (premium-agreed-design)
+  if (p === '/vendor/plus-jakarta-sans-var.woff2') return serveFile(res, path.join(PUB, 'vendor', 'plus-jakarta-sans-var.woff2'));   // the workspace face since feedback batch 26 item 6 (2026-11-03)
   if (p === '/vendor/geist-mono-var.woff2') return serveFile(res, path.join(PUB, 'vendor', 'geist-mono-var.woff2'));
   if (p === '/vendor/ibm-plex-mono-400.woff2') return serveFile(res, path.join(PUB, 'vendor', 'ibm-plex-mono-400.woff2'));
   // 500 joined 400/700 with the four-panel design, whose section labels and pills are medium-weight

package/workspace/third-party/README.md

@@ -57,6 +57,7 @@ Two binary font faces are vendored under `public/vendor/` for `public/premium.ht
 | Geist (variable) | SIL Open Font License 1.1 | `public/vendor/geist-var.woff2` | `19f9c92546aa300c312235e3125af1b81394d8db9a4bc4a425cd5b641d2d54e1` |
 | Geist Mono (variable) | SIL Open Font License 1.1 | `public/vendor/geist-mono-var.woff2` | `684ad5b531f81d43c1e8c7038262d5db7cdc1f68006e04d6c7769efa8d33c8cc` |
 | Nunito (variable, latin) | SIL Open Font License 1.1 | `public/vendor/nunito-var.woff2` | `ba344451eab25b217a165363b1982048a5e5830a0daf36577973955a04cac793` |
+| Plus Jakarta Sans (variable, latin; @fontsource-variable/plus-jakarta-sans 5.3.0) | SIL Open Font License 1.1 | `public/vendor/plus-jakarta-sans-var.woff2` | `153fc85b70298beeb1d61a5f723331649e7f23bb77302a66e61cb3e2fbdb5e79` |
 
-The licences are in this folder: [geist-OFL.LICENSE](geist-OFL.LICENSE) and [geist-mono-OFL.LICENSE](geist-mono-OFL.LICENSE). The files are the ones in `prototype/premium-ux-concept/fonts/`.
+The licences are in this folder: [geist-OFL.LICENSE](geist-OFL.LICENSE), [geist-mono-OFL.LICENSE](geist-mono-OFL.LICENSE) and [plus-jakarta-sans-OFL.LICENSE](plus-jakarta-sans-OFL.LICENSE). Plus Jakarta Sans is the workspace face since feedback batch 26 item 6 (2026-11-03); Nunito stays for the report templates' standard look. The files are the ones in `prototype/premium-ux-concept/fonts/`.
 

package/workspace/third-party/plus-jakarta-sans-OFL.LICENSE

@@ -0,0 +1,93 @@
+Copyright 2020 The Plus Jakarta Sans Project Authors (https://github.com/tokotype/PlusJakartaSans) PlusJakartaSans-Italic[wght].ttf: Copyright 2020 The Plus Jakarta Sans Project Authors (https://github.com/tokotype/PlusJakartaSans)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.