@worca/app 1.3.0 → 1.4.0-rc.1

package/ui/public/style.css

@@ -31,12 +31,20 @@
   --line-2:light-dark(#E3E3E0,#494944);
 
   --green-bg:light-dark(#E2F3DF,#1C2F1D);  --green:#5BAE5B;  --green-ink:light-dark(#2F7A38,#8FD48F);
+  --green-ink-strong:light-dark(#2C7535,#8FD48F);  /* sidebar Saved figure: 4.79:1 on --line (the spend card's hover fill); --green-ink is 4.48:1 */
   --peach-bg:light-dark(#FCEEDA,#33261A);  --peach:#EFA63C;  --peach-ink:light-dark(#B5751A,#F2B96A);
   --red-bg:light-dark(#FBE3E0,#34201D);    --red:#E76A5A;    --red-ink:light-dark(#C5483A,#F08C7E);
   --blue-bg:light-dark(#DEEFF7,#1A2A33);   --blue:#5BA6CC;   --blue-ink:light-dark(#3782A8,#86C4E3);
   --blue-ink-strong:light-dark(#2B6A8C,#86C4E3);   /* inline link text at small sizes: 5.9:1 on white (--blue-ink is 3.8:1) */
   --violet-bg:light-dark(#EAE6F8,#262336); --violet:#8C7FD6; --violet-ink:light-dark(#6353B8,#B3A8EE);
   --amber-bg:light-dark(#FCE8C8,#332715);  --amber:#E6962A;  --amber-ink:light-dark(#A66510,#F0B45A);
+  /* Script-only families (script-wizard plan S10): the same lightness as the six above, both themes. */
+  --teal-bg:light-dark(#DDF2EF,#1A2E2B);   --teal:#4FB3A9;   --teal-ink:light-dark(#2A8A80,#86D3CA);
+  --pink-bg:light-dark(#FBE4EE,#33202A);   --pink:#E27BA8;   --pink-ink:light-dark(#B84A7C,#F0A2C3);
+  --indigo-bg:light-dark(#E3E7F9,#232739); --indigo:#6A7FD8; --indigo-ink:light-dark(#4457B5,#A3B0EE);
+  --lime-bg:light-dark(#EEF4D5,#262E15);   --lime:#A3BF3A;   --lime-ink:light-dark(#6E8A14,#C7DB6E);
+  --cocoa-bg:light-dark(#F1E7DB,#2F2620);  --cocoa:#B08A5E;  --cocoa-ink:light-dark(#7E5D33,#D2B08A);
+  --slate-bg:light-dark(#E8ECF0,#262A2E);  --slate:#8A96A3;  --slate-ink:light-dark(#58646F,#B3BEC8);
   --seq:light-dark(#B7B7BC,#8E8E92);   /* text role too (.ask-thinking-meter): 4.85:1 on panel */
 
   /* Question/ask amber wash (design §9, C3). --amber-bg is the SOLID amber; this
@@ -164,12 +172,14 @@ body{
 .nav button.active .nav-count{background:var(--on-ink-wash);color:var(--on-ink);}
 /* Running split-badges: green = work in flight, amber = paused count. Green is
    applied by app.js ONLY while the count is >0 — at zero the badge falls back to
-   n-grey, the inert-inventory treatment History/Projects/Workspaces use, so a
+   n-grey, the inert-inventory treatment the Schedules count uses, so a
    permanently green pill cannot dilute the green that should catch the eye.
    Both keep their colour on the dark active fill (the generic active rule above
    would wash them into translucent white). */
 .nav-count.n-run{background:var(--green);color:var(--on-status);}
 .nav-count.n-paused{background:var(--amber);color:var(--on-status);position:relative;margin-left:6px;}
+/* Schedules' unread-problems badge sits beside its grey count exactly as Running's paused badge does */
+#nav-schedules-unread{margin-left:6px;}
 .nav-count[hidden]{display:none;}   /* author display:grid beats the UA [hidden] rule */
 .nav button.active .nav-count.n-run{background:var(--green);color:var(--on-status);}
 .nav button.active .nav-count.n-paused{background:var(--amber);color:var(--on-status);}
@@ -236,6 +246,19 @@ body{
   -webkit-line-clamp: 3; line-clamp: 3; overflow-wrap: anywhere; }
 .nav-child.active .child-proj { color: var(--ink-3); }
 
+/* Static group (Nodes › Agents, Scripts). The parent is a disclosure: it never
+   takes the dark current-page fill (`.active` belongs to the child page) and
+   reads as --ink via .has-active while a child is open. The children reuse the
+   Running-row elbow above, but carry an icon where a run row carries a dot;
+   `.nav .nav-child > svg` (0,2,1) out-ranks `.nav button svg` (0,1,2). */
+.nav .nav-group.has-active { color: var(--ink); font-weight: 600; }
+.nav .nav-group-chev { width: 14px; height: 14px; margin-left: auto; color: var(--ink-3); transition: transform .2s; }
+.nav-group[aria-expanded="false"] .nav-group-chev { transform: rotate(-90deg); }
+.nav .nav-child > svg { width: 17px; height: 17px; }
+/* `.nav button.active svg` (0,2,2) paints the stroke --on-ink for the dark fill;
+   a child's fill is the soft --field tint, so its icon stays --ink. */
+.nav .nav-child.active svg { stroke: var(--ink); }
+
 /* Status dot (left). Color matches the current running agent/phase
    (violet=plan, peach=refine/review/running, blue=implement, red=clarify),
    grey-pulse=starting/pausing, green=done, red=error/stopped. */
@@ -293,11 +316,13 @@ body{
    plain height:100% here would push the track past the viewport and
    overflow:hidden would clip both screens' bottoms off-screen. */
 body.view-history .main,body.view-projects .main{display:flex;flex-direction:column;overflow:hidden;padding:0;}
+body.view-workspaces .main{display:flex;flex-direction:column;overflow:hidden;padding:0;}   /* the Workspaces track: the same bounded column */
 /* .main's 32px gutter goes with padding:0, so the compact top-nav (<1080px, a
    SIBLING of the views inside .main) must re-apply it or it lands 20px left of
    the list content, which keeps its own 32px on .hist-screen. flex:0 0 auto
    stops the wrapped 9-button nav from being squeezed once .main is a column. */
 body.view-history .topnav,body.view-projects .topnav{margin:12px 32px 0;flex:0 0 auto;}
+body.view-workspaces .topnav{margin:12px 32px 0;flex:0 0 auto;}
 .topbar{display:flex;align-items:flex-start;justify-content:space-between;
   gap:24px;margin-bottom:22px;}
 .topbar h1{font-size:26px;font-weight:700;letter-spacing:-.025em;margin:0 0 4px;}
@@ -356,6 +381,8 @@ body.view-history .topnav,body.view-projects .topnav{margin:12px 32px 0;flex:0 0
 .hint{display:block;color:var(--ink-3);font-size:12px;margin-top:7px;line-height:1.45;}
 .hint.err{color:var(--red-ink);}
 .hint.warn{color:var(--amber-ink);}
+.stat-tile .stat-value.is-neg{color:var(--red-ink);}
+.stat-tile .stat-value.is-pos{color:var(--green-ink);}
 
 .input,.select,.textarea,.ta-hl-back,
 input[type="text"],input[type="number"],textarea,select{
@@ -547,7 +574,8 @@ fieldset.source legend{font-weight:600;font-size:13px;padding:0 6px;color:var(--
 .actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;}
 .btn-ghost{background:var(--surface);border:1.5px solid var(--line-2);color:var(--ink);font-family:inherit;
   font-weight:600;font-size:13.5px;padding:13px 20px;border-radius:999px;cursor:pointer;transition:.15s;}
-.btn-ghost:hover{background:var(--field);}
+.btn-ghost:hover:not(:disabled){background:var(--field);}
+.btn-ghost:disabled{opacity:.45;cursor:not-allowed;}   /* a waiting step must not look clickable */
 .btn-go{display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:var(--on-ink);border:none;
   font-family:inherit;font-weight:600;font-size:14px;padding:14px 28px;border-radius:999px;cursor:pointer;
   transition:transform .15s,filter .15s;}
@@ -920,6 +948,231 @@ fieldset.source legend{font-weight:600;font-size:13px;padding:0 6px;color:var(--
 .qopen[hidden]{display:none;}
 .rd-questions .qanswered{font-size:12.5px;}
 
+/* ---------- Ask forms (agent-ask-forms design §6.1) ---------- */
+/* The declarative widget catalog, inside the same amber .qpanel wash. Every
+   colour is a token — the stylesheet's own rule, and several tests count hex
+   occurrences. Both themes ride the light-dark() tokens: no media query here.
+   Anything the renderer can hide carries an [hidden] guard, because an author
+   `display` beats the hidden attribute and `when` relies on it. */
+.af-form{display:flex;flex-direction:column;gap:14px;margin-top:12px;}
+.af-form>*{min-width:0;}
+/* `when` hides an EXISTING node (el.hidden = …) so focus and half-typed text survive.
+   The UA [hidden] rule loses to any author display, and almost every rule below sets
+   one, so this blanket guard carries the whole family. Specificity (0,1,1) beats a
+   single-class display rule without !important — keep every display rule at ONE class
+   (the stylesheet test pins that). */
+.af-form [hidden],.af-form[hidden]{display:none;}
+.af-fld{display:flex;flex-direction:column;gap:7px;}
+.af-fld[hidden]{display:none;}
+.af-display{gap:8px;}
+.af-label{font-weight:600;font-size:12.5px;color:var(--ink);display:flex;align-items:center;gap:5px;}
+.af-req{color:var(--red-ink);font-weight:700;}
+.af-help{margin:0;font-size:12px;line-height:1.45;color:var(--ink-2);}
+.af-err{font-size:12px;font-weight:500;color:var(--red-ink);}
+.af-err[hidden]{display:none;}
+.af-fld.af-bad .af-inp,.af-fld.af-bad .af-choices{border-color:var(--red);}
+
+/* text-ish controls */
+.af-inp{width:100%;font-family:inherit;font-size:12.5px;color:var(--ink);background:var(--field);
+  border:1.5px solid var(--line);border-radius:11px;padding:10px 14px;transition:.14s;}
+.af-inp::placeholder{color:var(--ink-3);}
+.af-inp:focus{outline:none;background:var(--field-focus);border-color:var(--green);}
+.af-inp:disabled{opacity:.72;cursor:default;}
+.af-area{min-height:64px;resize:vertical;line-height:1.5;}
+.af-date{max-width:220px;}
+.af-num-row{display:flex;align-items:center;gap:9px;}
+.af-num-row .af-inp{max-width:160px;}
+.af-unit{font:500 12px var(--mono);color:var(--ink-3);}
+.af-slider-row{display:flex;align-items:center;gap:12px;}
+.af-slider-row input[type="range"]{flex:1;min-width:0;}
+.af-slider-val{font:600 12.5px var(--mono);color:var(--ink);min-width:54px;text-align:right;}
+.af-slider-ends{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-3);}
+.af-switch-row{display:flex;align-items:center;gap:10px;cursor:pointer;}
+.af-switch-txt{font-weight:500;font-size:12.5px;color:var(--ink);}
+.af-select{width:100%;}
+
+/* choices — the .qopt idea, generalised to label + description */
+.af-choices{display:flex;flex-direction:column;align-items:stretch;gap:7px;}
+.af-choices.af-chips{flex-direction:row;flex-wrap:wrap;}
+.af-choice{display:flex;align-items:flex-start;gap:9px;font-family:inherit;font-weight:500;font-size:12.5px;
+  color:var(--ink);background:var(--panel);border:1.5px solid var(--line);border-radius:11px;
+  padding:10px 14px;cursor:pointer;transition:.14s;text-align:left;width:100%;}
+.af-chips .af-choice{width:auto;border-radius:999px;}
+.af-choice:hover{border-color:var(--ink-3);}
+.af-choice:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
+.af-choice:disabled{cursor:default;}
+.af-choice.on{background:var(--green-bg);border-color:var(--green);}
+.af-mark{flex:0 0 auto;width:15px;height:15px;margin-top:1px;border-radius:50%;
+  border:1.5px solid var(--radio-ring);background:var(--panel);display:grid;place-items:center;color:var(--panel);}
+.af-choice[role="checkbox"] .af-mark{border-radius:5px;}
+.af-choice.on .af-mark{background:var(--green);border-color:var(--green);color:var(--on-ink);}
+.af-choice-txt{display:flex;flex-direction:column;gap:3px;min-width:0;}
+.af-choice-desc{font-weight:400;font-size:11.5px;color:var(--ink-2);}
+.af-seg-sm button{font-size:12px;padding:5px 11px;}
+.af-free{margin-top:2px;}
+
+/* rank */
+.af-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;}
+.af-rank li{display:flex;align-items:center;gap:11px;background:var(--panel);border:1.5px solid var(--line);
+  border-radius:11px;padding:9px 12px;}
+.af-rank li.af-drag{opacity:.55;}
+.af-rank li.af-over{border-color:var(--green);}
+.af-rank-n{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--on-ink);
+  font:600 10.5px var(--mono);display:grid;place-items:center;}
+.af-rank-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--ink);}
+.af-rank-txt span{font-size:11.5px;color:var(--ink-3);}
+.af-rank-btns{display:flex;gap:4px;}
+.af-icon-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;cursor:pointer;
+  border:1.5px solid var(--line);background:var(--panel);color:var(--ink-2);}
+.af-icon-btn:hover{border-color:var(--ink-3);color:var(--ink);}
+.af-icon-btn:disabled{opacity:.4;cursor:default;}
+.af-icon-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
+
+/* tables */
+.af-tbl-wrap{overflow-x:auto;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);}
+.af-tbl{width:100%;border-collapse:collapse;font-size:12.5px;}
+.af-tbl th{text-align:left;font:400 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;
+  color:var(--ink-3);height:32px;padding:0 12px;border-bottom:1px solid var(--line);white-space:nowrap;}
+.af-tbl td{height:38px;padding:0 12px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle;}
+.af-tbl tr:last-child td{border-bottom:none;}
+.af-tbl th.af-r,.af-tbl td.af-r{text-align:right;}
+.af-tbl td.af-up{color:var(--green-ink);}
+.af-tbl td.af-down{color:var(--red-ink);}
+.af-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-weight:600;font-size:11px;background:var(--field);color:var(--ink-2);}
+/* the closed tone vocabulary (dom.mjs TONES): the four status families, tokens only */
+.af-pill[data-tone="ok"]{background:var(--green-bg);color:var(--green-ink);}
+.af-pill[data-tone="warn"]{background:var(--amber-bg);color:var(--amber-ink);}
+.af-pill[data-tone="bad"]{background:var(--red-bg);color:var(--red-ink);}
+.af-pill[data-tone="info"]{background:var(--blue-bg);color:var(--blue-ink);}
+.af-tbl tr.af-pick{cursor:pointer;}
+.af-tbl tr.af-pick:hover td{background:var(--field);}
+.af-tbl tr.af-pick[aria-selected="true"] td{background:var(--green-bg);}
+
+/* review list */
+.af-rv{display:flex;flex-direction:column;gap:9px;}
+.af-rv-item{background:var(--panel);border:1.5px solid var(--line);border-radius:12px;padding:11px 13px;
+  display:flex;flex-direction:column;gap:9px;}
+.af-rv-top{display:flex;align-items:flex-start;gap:12px;}
+.af-rv-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
+.af-rv-title{font-weight:600;font-size:12.5px;color:var(--ink);}
+.af-rv-body{font-size:12px;line-height:1.45;color:var(--ink-2);}
+.af-rv-meta{font:500 11px var(--mono);color:var(--ink-3);}
+.af-rv-note[hidden]{display:none;}
+.af-rv-item[data-tone="ok"]{border-color:var(--green);}
+.af-rv-item[data-tone="warn"]{border-color:var(--amber-line);}
+.af-rv-item[data-tone="bad"]{border-color:var(--red);}
+.af-rv-item[data-tone="info"]{border-color:var(--blue-ink);}
+.af-form .seg button[data-tone="ok"].on{color:var(--green-ink);}
+.af-form .seg button[data-tone="warn"].on{color:var(--amber-ink);}
+.af-form .seg button[data-tone="bad"].on{color:var(--red-ink);}
+.af-form .seg button[data-tone="info"].on{color:var(--blue-ink);}
+
+/* gallery, image, compare, media */
+.af-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:11px;}
+.af-gal-card{display:flex;flex-direction:column;gap:6px;padding:9px;border:1.5px solid var(--line);
+  border-radius:12px;background:var(--panel);text-align:left;font-family:inherit;}
+button.af-gal-card{cursor:pointer;}
+button.af-gal-card:hover{border-color:var(--ink-3);}
+button.af-gal-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
+.af-gal-card[aria-pressed="true"]{border-color:var(--green);background:var(--green-bg);}
+.af-gal-card img{width:100%;height:112px;object-fit:cover;border-radius:8px;background:var(--field);}
+.af-gal-cap{font-weight:600;font-size:12px;color:var(--ink);}
+.af-gal-sub{font:400 11px var(--mono);color:var(--ink-3);}
+.af-img{margin:0;display:flex;flex-direction:column;gap:6px;}
+.af-img img{width:100%;border-radius:12px;border:1px solid var(--line);background:var(--field);}
+.af-img figcaption{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-3);}
+.af-cmp{display:flex;flex-direction:column;gap:9px;}
+.af-cmp-view{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--field);}
+.af-cmp-view img{display:block;width:100%;}
+.af-cmp-top{position:absolute;inset:0;}
+.af-cmp-line{position:absolute;top:0;bottom:0;width:2px;background:var(--panel);}
+.af-cmp-tag{position:absolute;top:9px;padding:3px 9px;border-radius:999px;font:600 11px var(--mono);
+  background:var(--surface);color:var(--ink-2);}
+.af-cmp-tag.af-l{left:9px;}
+.af-cmp-tag.af-r{right:9px;}
+.af-media{width:100%;border-radius:12px;background:var(--field);}
+
+/* files, pdf, code, json, markdown, callout */
+.af-files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
+.af-files li{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid var(--line);
+  border-radius:10px;background:var(--panel);font-size:12px;color:var(--ink);}
+.af-file-badge{font:700 10px var(--mono);letter-spacing:.06em;padding:3px 7px;border-radius:6px;
+  background:var(--blue-bg);color:var(--blue-ink);}
+.af-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);font-size:11.5px;}
+.af-file-note{font-size:11.5px;color:var(--ink-2);}
+.af-file-size{font:400 11px var(--mono);color:var(--ink-3);}
+.af-file-bar{display:flex;align-items:center;gap:9px;}
+/* X14 — the ONE placeholder for a file with no snapshot (P5's `example` preview) or a
+   rel the manifest lacks. Never a broken <img>, never an empty frame. P5 reuses it. */
+.af-nofile{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px dashed var(--line-2);
+  border-radius:10px;background:var(--field);color:var(--ink-3);font-size:12px;}
+.af-gal-nofile{width:100%;height:112px;justify-content:center;flex-direction:column;gap:5px;text-align:center;}
+.af-open{font-weight:600;font-size:11.5px;color:var(--blue-ink);text-decoration:none;}
+.af-open:hover{text-decoration:underline;}
+.af-open[hidden]{display:none;}
+.af-pdf{display:flex;flex-direction:column;gap:8px;}
+.af-pdf-bar{display:flex;align-items:center;gap:9px;}
+.af-pdf-frame{width:100%;height:520px;border:1px solid var(--line);border-radius:12px;background:var(--field);}
+.af-code{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel);}
+.af-code-bar{display:flex;align-items:center;gap:10px;padding:7px 12px;background:var(--field);
+  border-bottom:1px solid var(--line);font:600 11px var(--mono);color:var(--ink-2);}
+.af-code-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.af-code-lang{color:var(--ink-3);}
+.af-code pre{margin:0;padding:10px 0;overflow-x:auto;font:400 12px/1.6 var(--mono);color:var(--ink);}
+.af-code code{display:block;}
+.af-ln{display:block;padding:0 12px;white-space:pre;}
+.af-ln.af-add{background:var(--green-bg);}
+.af-ln.af-del{background:var(--red-bg);}
+.af-ln.af-hunk{color:var(--ink-3);}
+.af-code-bar .af-add{color:var(--green-ink);}
+.af-code-bar .af-del{color:var(--red-ink);}
+.af-json{font:400 12px/1.65 var(--mono);color:var(--ink);background:var(--panel);border:1px solid var(--line);
+  border-radius:12px;padding:10px 12px;overflow-x:auto;}
+.af-json details{margin-left:11px;}
+.af-json summary{cursor:pointer;}
+.af-json .af-j-k{color:var(--ink-2);}
+.af-json .af-j-c{color:var(--ink-3);}
+.af-json .af-j-s{color:var(--green-ink);}
+.af-json .af-j-n{color:var(--blue-ink);}
+.af-json .af-j-leaf{margin-left:11px;}
+.af-md{font-size:13px;line-height:1.55;color:var(--ink);}
+.af-md-host{display:flex;flex-direction:column;gap:8px;}
+.af-callout{display:flex;align-items:flex-start;gap:9px;padding:10px 13px;border-radius:11px;
+  font-size:12.5px;line-height:1.5;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);}
+.af-callout b{color:var(--ink);}
+.af-callout.af-info{background:var(--blue-bg);border-color:var(--blue-bg);color:var(--blue-ink);}
+.af-callout.af-ok{background:var(--green-bg);border-color:var(--green-bg);color:var(--green-ink);}
+.af-callout.af-warn{background:var(--amber-bg);border-color:var(--amber-bg);color:var(--amber-ink);}
+.af-callout.af-bad{background:var(--red-bg);border-color:var(--red-bg);color:var(--red-ink);}
+
+/* layout containers */
+.af-grp{display:flex;flex-direction:column;gap:12px;padding:13px 15px;border:1px solid var(--amber-line);
+  border-radius:12px;background:var(--amber-wash-2);}
+.af-grp-title{margin:0;font-weight:600;font-size:12.5px;color:var(--ink);}
+.af-cols{display:grid;grid-template-columns:repeat(var(--af-cols,2),minmax(0,1fr));gap:14px;}
+.af-col{display:flex;flex-direction:column;gap:14px;min-width:0;}
+.af-tabs{display:flex;flex-direction:column;gap:12px;}
+.af-tabs-bar{display:flex;gap:6px;border-bottom:1px solid var(--line);}
+.af-tab{font-family:inherit;font-weight:600;font-size:12.5px;color:var(--ink-3);background:none;border:none;
+  border-bottom:2px solid transparent;padding:7px 11px;cursor:pointer;}
+.af-tab.on{color:var(--ink);border-bottom-color:var(--ink);}
+.af-tab:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
+.af-pane{display:flex;flex-direction:column;gap:14px;}
+.af-pane[hidden]{display:none;}
+
+/* the detail screen scales the family up, like `.rd-questions .qopt` does */
+.rd-questions .af-form{gap:18px;margin-top:16px;}
+.rd-questions .af-label{font-size:13.5px;}
+.rd-questions .af-choice{gap:11px;padding:13px 16px;border-radius:13px;font-size:13.5px;}
+.rd-questions .af-inp{padding:13px 16px;border-radius:13px;font-size:13.5px;}
+.rd-questions .af-gal-card img{height:148px;}
+.rd-questions .af-pdf-frame{height:640px;}
+
+/* readonly (History): the controls stay, greyed, and nothing hints why */
+.af-readonly .af-choice,.af-readonly .af-inp,.af-readonly .af-icon-btn{opacity:.78;}
+.af-readonly .af-choice{cursor:default;}
+.hd-cl-form{display:flex;flex-direction:column;gap:9px;padding:13px 15px;border:1px solid var(--line);
+  border-radius:var(--r-card);background:var(--panel);}
 /* ---------- Gate (cycle gate) ---------- */
 .gate-intro{font-size:13px;color:var(--ink-2);margin:0 0 14px;line-height:1.5;}
 .issues{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:9px;}
@@ -1221,24 +1474,45 @@ fieldset.source legend{font-weight:600;font-size:13px;padding:0 6px;color:var(--
 .ws-src-name{font-weight:600;font-size:12.5px;color:var(--ink-2);}
 .ws-src-row .select-wrap{width:100%;}
 .ws-src-row select[disabled]{opacity:.55;}
-
-/* Workspace management cards. */
-.ws-card{padding:0;overflow:hidden;}
-.ws-head{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;}
-.ws-head:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;}
-.ws-h-meta{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
-.ws-h-meta .ws-name{font-weight:600;font-size:15px;letter-spacing:-.01em;color:var(--ink);}
-.ws-h-meta .ws-projects{display:block;width:100%;font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.ws-src-prev { margin-top: 6px; }
+
+/* Workspaces list: the Projects list's shape (one card headed "Workspaces · N", a row per
+   workspace that IS the control), on its own ids. The page rides the pd- classes below. */
+#ws-list .saved-card{padding:0;overflow:hidden;}
+#ws-list .ws-item{border-bottom:1px solid var(--line);}
+#ws-list .ws-item:last-child{border-bottom:none;}
+#ws-list .ws-row{display:flex;align-items:center;gap:15px;padding:16px 20px;cursor:pointer;transition:background .12s;}
+#ws-list .ws-row:hover{background:var(--field);}
+#ws-list .ws-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;}
+#ws-list .ws-main{flex:1 1 auto;min-width:0;}
+#ws-list .ws-name{font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--ink);}
+#ws-list .ws-name .ws-stale{margin-left:8px;vertical-align:middle;}
+.ws-projects{display:block;margin-top:4px;font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .ws-projects .mono{font-size:12px;color:var(--ink-2);}
 .ws-projects .tm-home-mark{margin-right:5px;}
 .ws-sum-warn{color:var(--amber-ink);} .ws-sum-bad{color:var(--red-ink);}
 .tm-icon{width:14px;height:14px;color:var(--ink-2);flex:0 0 auto;}
 .ws-stale[hidden]{display:none;}
-.ws-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
-.ws-actions .btn-ghost{padding:7px 12px;font-size:12px;}
-.ws-detail{padding:0 20px 18px;border-top:1px dashed var(--line-2);}
-.ws-detail[hidden]{display:none;}
-.ws-desc{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}
+/* Workspace page: the summary line under the title, the members list, the description panel. */
+.wd .pd-meta .ws-projects{margin-top:0;white-space:normal;font-size:12.5px;color:var(--ink-2);}
+/* The workspace header is two rows, not three: summary and actions share the second. */
+.wd-row2{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:8px;}
+.wd-row2 .pd-meta{margin-top:0;flex:1 1 320px;}
+.wd-row2 .pd-actions{margin-top:0;margin-left:auto;flex:0 0 auto;}
+.wd-row2 .pd-spacer{display:none;}
+.wd .pd-row1 .ws-stale{flex:0 0 auto;}
+.wd-member-list{display:flex;flex-direction:column;}
+.wd-member{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;padding:11px 0;border-bottom:1px solid var(--line);
+  background:none;border-left:0;border-right:0;border-top:0;text-align:left;font:inherit;color:inherit;width:100%;}
+.wd-member:last-child{border-bottom:0;}
+.wd-member-name{font-weight:600;font-size:13.5px;color:var(--ink);}
+.wd-member .proj-path{margin-top:0;flex:1 1 auto;min-width:0;}
+.wd-member-chev{display:flex;align-items:center;color:var(--ink-3);margin-left:auto;}
+button.wd-member{cursor:pointer;}
+button.wd-member:hover .wd-member-name{text-decoration:underline;}
+button.wd-member:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;}
+.wd-desc .card-head .ws-edit{margin-left:auto;}
+.ws-desc .ws-desc-view{margin-top:0;}
 /* The wizard's project rows show each path as a sub-line (new on this branch): --ink-2 clears
    4.5:1 on white, the generic .opt-sub --ink-3 does not. */
 .wiz-proj.opt-row .opt-sub{color:var(--ink-2);}   /* three classes: outranks the generic .opt-row .opt-sub declared later */
@@ -1426,10 +1700,284 @@ fieldset.source legend{font-weight:600;font-size:13px;padding:0 6px;color:var(--
 .pf-hint[hidden],.pf-note[hidden]{display:none;}
 .agent-caps,.agent-workspace{display:flex;flex-direction:column;gap:2px;}
 
+/* ===== Agent ask forms (ask-forms spec §11) ===== */
+.agent-forms{display:flex;flex-direction:column;gap:8px;}
+.agent-forms-list{display:flex;flex-direction:column;gap:14px;}
+.agent-form-row{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;}
+.afm-head{display:flex;align-items:flex-end;gap:12px;}
+.afm-head .field{margin:0;}   /* .field{margin-bottom:18px} would lift the id input off the Remove button's baseline */
+.afm-head .afm-f-id{flex:1 1 auto;}
+.afm-remove{flex:0 0 auto;}
+.afm-editor .code-editor{width:100%;}
+.afm-add{align-self:flex-start;}
+.afm-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;}
+.afm-preview{min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;}
+.afm-projection{min-width:0;margin:0;white-space:pre-wrap;font-size:12px;}
+.afm-projection[hidden]{display:none;}
+.agent-forms-view{display:flex;flex-direction:column;gap:12px;margin-top:12px;}
+.agent-forms-view[hidden]{display:none;}
+.afv-row{border:1px solid var(--line);border-radius:10px;padding:12px;}
+.afv-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;}
+@media (max-width:900px){.afm-panes{grid-template-columns:minmax(0,1fr);}}
+
 /* (2) space between the header pills and the expanded markdown body */
 .agent-detail { margin-top:14px; }
 .agent-origin.origin-user { background:var(--violet-bg); }
 .agents-group-label { font-size:12px; font-weight:700; opacity:.65; margin:18px 0 8px; text-transform:uppercase; letter-spacing:.06em; }
+
+/* ===== Scripts view (scripts-workbench §5.1) ===== */
+.scripts-host{display:block;}
+.scripts-tools{display:flex;align-items:center;gap:10px;}
+.scripts-tools .script-filter{width:220px;padding:9px 13px;font-size:13px;}
+.script-card{display:flex;align-items:center;gap:14px;}
+.script-card .script-card-main{flex:1;min-width:0;}
+.script-card .script-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
+.script-card .script-name{font-size:14px;}
+.script-card .script-origin.badge{background:var(--field);color:var(--ink-2);}
+.script-card .script-runtime{font-family:var(--mono);font-size:11px;padding:2px 9px;}
+.script-card .script-warn{background:var(--amber-bg);color:var(--amber-ink);font-size:11px;padding:2px 9px;}
+.script-card .script-desc{display:block;margin-top:5px;color:var(--ink-2);}
+.script-card .script-meta{display:flex;align-items:center;gap:8px;margin-top:7px;min-width:0;}
+.script-card .script-ports{font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.script-card .script-cases{font-size:11px;padding:2px 9px;}
+/* The list card's case dot AND the bench's case rows (spec §5.3) — one rule for both. */
+.script-dot{width:8px;height:8px;border-radius:999px;border:1.5px solid var(--line-2);background:transparent;flex:0 0 auto;}
+.script-dot[data-state="pass"]{background:var(--green);border-color:var(--green);}
+.script-dot[data-state="fail"]{background:var(--red);border-color:var(--red);}
+.script-dot[data-state="ran"]{background:var(--seq);border-color:var(--seq);}
+.script-card .script-actions{display:flex;gap:8px;flex:0 0 auto;}
+.script-card .script-actions .btn-mini{font-size:11.5px;padding:5px 10px;}
+.scripts-empty{font-size:12px;color:var(--ink-3);padding:6px 0 4px;}
+/* ---------- Scripts detail (scripts-workbench §5.2) ---------- */
+.script-detail .script-dirty{background:var(--amber-bg);color:var(--amber-ink);font-size:11px;padding:2px 9px;}
+.script-form{max-width:760px;}
+.script-form .ins-f{margin-bottom:14px;}
+.script-form .ins-label{display:block;font-weight:600;font-size:12px;margin-bottom:6px;color:var(--ink-2);}
+.script-form .ins-number,.script-form .ins-select{width:100%;padding:9px 12px;font-size:13px;border:1px solid var(--line-2);
+  border-radius:10px;background:var(--field);color:var(--ink);}
+.script-form .ins-number:focus,.script-form .ins-select:focus{background:var(--field-focus);border-color:var(--ink);outline:none;}
+.script-zone{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:20px 0 8px;}
+.script-path-row{display:flex;align-items:center;gap:10px;margin-top:16px;}
+.script-path{font-family:var(--mono);font-size:11.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
+.script-source{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
+.script-source .script-editor-mount{width:100%;}
+.script-source [hidden]{display:none;}
+/* ---------- Test bench (scripts-workbench §5.3) ---------- */
+/* The bench is stacked under the editor now (script-wizard plan S12): the bar, the setup, the cases strip, the result. */
+.bench{display:flex;flex-direction:column;gap:14px;}
+.bench-col{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;min-width:0;}
+.bench-col-head{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;}
+.bench-case-list{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;}
+.bench-case-row{display:flex;align-items:center;gap:4px;min-width:0;}
+.bench-case{display:flex;align-items:center;gap:7px;flex:1;min-width:0;text-align:left;font-family:inherit;font-size:12.5px;
+  color:var(--ink);background:transparent;border:1px solid transparent;border-radius:10px;padding:6px 8px;cursor:pointer;}
+.bench-case:hover{background:var(--field);}
+.bench-case.on{background:var(--field);border-color:var(--line-2);}
+.bench-case .bench-case-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.bench-case-row .bench-lock{font-size:10px;padding:1px 7px;flex:0 0 auto;}
+/* The per-row actions stay small and only appear on hover or while the row is
+   selected, so a list of eight cases still reads as a list. */
+/* visibility, NOT opacity: an invisible control must not still be clickable. */
+.bench-case-row .bench-case-rename,.bench-case-row .bench-case-delete{flex:0 0 auto;padding:3px 7px;font-size:10.5px;visibility:hidden;}
+.bench-case-row:hover .bench-case-rename,.bench-case-row:hover .bench-case-delete,
+.bench-case-row:focus-within .bench-case-rename,.bench-case-row:focus-within .bench-case-delete{visibility:visible;}
+/* Setup edited since the case was selected: Run sends what is on screen, not the stored case. */
+.bench-case-row[data-edited="true"] .bench-case-name{font-style:italic;}
+.bench-case-rename-input{flex:1;min-width:0;padding:4px 7px;font-size:12px;}
+input.bench-case-name{width:100%;padding:9px 12px;font-size:13px;}
+.bench-case-actions{display:flex;flex-direction:column;gap:4px;margin-top:8px;}
+.bench-cases > .btn-mini,.bench-case-actions .btn-mini{width:100%;margin-top:4px;}
+.bench-zone{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:16px 0 8px;}
+/* The shared params form's one caption is styled for .ins-panel only; the bench hosts it too. */
+.bench-setup .ins-caption{display:block;margin:-7px 0 12px;color:var(--ink-3);font-size:11px;}
+.bench-setup .ins-f{margin-bottom:14px;}
+.bench-setup .ins-label{display:block;font-weight:600;font-size:12px;margin-bottom:6px;color:var(--ink-2);}
+.bench-setup .ins-select,.bench-setup .ins-number,.bench-setup .ins-textarea{width:100%;padding:9px 12px;font-size:13px;
+  border:1px solid var(--line-2);border-radius:10px;background:var(--field);color:var(--ink);}
+.bench-port{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px;}
+.bench-bind{display:flex;align-items:center;gap:7px;font-size:12.5px;cursor:pointer;}
+.bench-port-id{font-family:var(--mono);}
+.bench-port-type{font-size:10px;padding:1px 7px;}
+.bench-void-fired{margin-left:24px;font-size:11.5px;color:var(--ink-3);}
+.bench-src{margin:8px 0 6px;}
+.bench-text{width:100%;min-height:0;font-family:var(--mono);font-size:12px;padding:8px 10px;border:1px solid var(--line-2);
+  border-radius:10px;background:var(--field);color:var(--ink);resize:vertical;}
+.bench-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
+.bench-expect-row{margin-top:4px;}
+.bench-expect-head{display:flex;align-items:center;gap:8px;}
+.bench-expect-head .ins-select{flex:1;min-width:0;}
+.bench-expect-head .bench-expect-from-result{flex:0 0 auto;}
+.bench-expect-detail{margin-top:8px;}
+.bench-expect-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
+.bench-expect-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;border:1px solid var(--line);
+  border-radius:999px;padding:3px 10px;cursor:pointer;}
+.bench-expect-chip:has(input:checked){background:var(--green-bg);border-color:transparent;color:var(--green-ink);}
+.bench-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
+.bench-status-text{font-weight:600;font-size:13px;}
+.bench-dot{width:9px;height:9px;border-radius:999px;background:var(--seq);}
+.bench-dot[data-status="clean"]{background:var(--green);}
+.bench-dot[data-status="blocking"]{background:var(--amber);}
+.bench-dot[data-status="error"],.bench-dot[data-status="timeout"]{background:var(--red);}
+.bench-dot[data-status="running"]{background:var(--peach);}
+.bench-status .chip{font-size:11px;padding:2px 9px;}
+.bench-draft{background:var(--violet-bg);color:var(--violet-ink);}
+.bench-status [hidden]{display:none;}
+.bench-summary{margin-top:8px;font-size:12.5px;color:var(--ink-2);}
+.bench-fired{display:flex;flex-wrap:wrap;gap:6px;}
+.bench-fired-chip{font-size:11px;padding:2px 9px;}
+.bench-expect{margin-top:8px;font-size:12px;}
+.bench-expect-state.pass{color:var(--green-ink);}
+.bench-expect-state.fail{color:var(--red-ink);}
+.bench-expect-diff{color:var(--ink-2);margin-top:3px;}
+.bench-error{margin-top:8px;color:var(--red-ink);font-size:12.5px;}
+.bench-error-tail,.bench-warn{margin-top:4px;font-family:var(--mono);font-size:11.5px;color:var(--ink-3);white-space:pre-wrap;}
+.bench-tabs{margin:12px 0 10px;flex-wrap:wrap;}
+.bench-pane[hidden]{display:none;}
+.bench-pane .bench-log,.bench-pane .bench-json,.bench-pane .bench-rawtext{margin:0;max-height:360px;overflow:auto;
+  font-family:var(--mono);font-size:11.5px;line-height:1.5;white-space:pre-wrap;color:var(--ink);}
+.bench-pane .bench-raw{margin-bottom:8px;}
+.bench-open-full{display:inline-block;margin-top:8px;font-size:12px;color:var(--blue-ink-strong);}
+.bench-msg{min-height:0;}
+/* ===== Script wizard (script-wizard plan): step 1 and the workspace ===== */
+.wz{display:flex;flex-direction:column;gap:18px;}
+.wz-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
+.wz .sp{flex:1 1 auto;}
+.wz-track{display:flex;align-items:center;gap:6px;}
+.wz-step-pill{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 8px;border-radius:999px;border:0;background:transparent;font:600 12.5px var(--sans);color:var(--ink-3);cursor:pointer;}
+.wz-step-pill:disabled{cursor:default;}
+.wz-step-pill.on{background:var(--ink);color:var(--on-ink);}
+.wz-step-pill.done{color:var(--green-ink);background:var(--green-bg);}
+.wz-step-n{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;background:color-mix(in srgb, currentColor 12%, transparent);}
+.wz-step-pill.on .wz-step-n{background:color-mix(in srgb, var(--on-ink) 22%, transparent);}
+.wz-step-pill.done .wz-step-n{background:var(--green);color:var(--on-status);}
+.wz-step-pill .chip-rt{margin-left:2px;}
+.wz-step-sep{color:var(--seq);font-size:14px;}
+.wz-pick{display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px 0 20px;}
+.wz-pick-title{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;}
+.wz-pick-title h1{margin:0;font-size:32px;letter-spacing:-.01em;}
+.wz-pick-line{font-size:14px;color:var(--ink-2);}
+.wz-rt-cards{display:flex;gap:20px;width:100%;max-width:1080px;}
+@media (max-width:900px){.wz-rt-cards{flex-direction:column;}}
+.wz .rt{display:flex;flex-direction:column;gap:12px;flex:1 1 0;min-width:0;min-height:250px;padding:22px;border-radius:20px;background:var(--panel);border:2px solid transparent;box-shadow:var(--shadow);cursor:pointer;text-align:left;font-family:inherit;color:var(--ink);}
+.wz .rt:hover:not(:disabled){transform:translateY(-1px);}
+.wz .rt.sel{border-color:var(--ink);}
+.wz .rt:disabled{opacity:.45;cursor:not-allowed;}
+.wz .rt-head{display:flex;align-items:flex-start;justify-content:space-between;}
+.wz .rt-check{width:24px;height:24px;border-radius:999px;background:var(--ink);color:var(--on-ink);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}
+.wz .rt-name{font-size:19px;font-weight:600;}
+.wz .rt-line{font-size:13px;color:var(--ink-2);line-height:1.55;}
+.wz .rt-sig{margin-top:auto;font-size:11.5px;color:var(--ink-2);background:var(--field);border-radius:8px;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.wz-pick-foot{display:flex;justify-content:flex-end;width:100%;max-width:1080px;}
+.wz-body{display:grid;grid-template-columns:460px minmax(0,1fr);gap:24px;align-items:start;}
+@media (max-width:1100px){.wz-body{grid-template-columns:minmax(0,1fr);}}
+.wz-left,.wz-right{display:flex;flex-direction:column;gap:14px;min-width:0;}
+.wz .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);}
+.wz-panel-title{font-size:13.5px;font-weight:600;}
+.wz-tile{display:flex;align-items:center;gap:14px;padding:14px 16px;}
+.wz .tile{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
+.wz .tile-green{background:var(--green-bg);color:var(--green-ink);}.wz .tile-peach{background:var(--peach-bg);color:var(--peach-ink);}
+.wz .tile-red{background:var(--red-bg);color:var(--red-ink);}.wz .tile-blue{background:var(--blue-bg);color:var(--blue-ink);}
+.wz .tile-violet{background:var(--violet-bg);color:var(--violet-ink);}.wz .tile-amber{background:var(--amber-bg);color:var(--amber-ink);}
+.wz .tile-teal{background:var(--teal-bg);color:var(--teal-ink);}.wz .tile-pink{background:var(--pink-bg);color:var(--pink-ink);}
+.wz .tile-indigo{background:var(--indigo-bg);color:var(--indigo-ink);}.wz .tile-lime{background:var(--lime-bg);color:var(--lime-ink);}
+.wz .tile-cocoa{background:var(--cocoa-bg);color:var(--cocoa-ink);}.wz .tile-slate{background:var(--slate-bg);color:var(--slate-ink);}
+.wz-tile-text{display:flex;flex-direction:column;gap:4px;min-width:0;}
+.wz .pv-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.wz .pv-name.muted{color:var(--seq);font-weight:500;}
+.wz-tile-line{display:flex;align-items:center;gap:8px;}
+.wz .pv-key{font-size:12px;color:var(--ink-2);}
+.wz .chip-rt{font-family:var(--mono);font-size:11px;padding:2px 9px;}
+.wz .chip-node{background:var(--violet-bg);color:var(--violet-ink);}.wz .chip-python{background:var(--blue-bg);color:var(--blue-ink);}.wz .chip-shell{background:var(--amber-bg);color:var(--amber-ink);}
+.wz .chip-ok{background:var(--green-bg);color:var(--green-ink);}.wz .chip-warn{background:var(--amber-bg);color:var(--amber-ink);}.wz .chip-muted{background:var(--field);color:var(--ink-2);}
+.wz .chip-tiny{font-size:10px;padding:1px 7px;}
+.wz-identity,.wz-iface{padding:16px;display:flex;flex-direction:column;gap:12px;}
+.wz-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;}
+.wz .ins-f{margin:0;}
+.wz .ins-label{display:block;font-weight:600;font-size:12px;margin-bottom:6px;color:var(--ink-2);}
+.wz .ins-number,.wz .ins-textarea{width:100%;padding:9px 12px;font-size:13px;border:1px solid var(--line-2);border-radius:var(--r-ctrl);background:var(--field);color:var(--ink);font-family:inherit;}
+.wz .ins-number:focus,.wz .ins-textarea:focus{background:var(--field-focus);border-color:var(--ink);outline:none;}
+.wz .ins-textarea{resize:none;line-height:1.5;}
+.wz-swatches{display:flex;gap:8px;flex-wrap:wrap;}
+.wz .sw{width:28px;height:28px;border-radius:999px;border:3px solid var(--panel);box-shadow:0 0 0 1.5px var(--line-2);cursor:pointer;padding:0;}
+.wz .sw:hover:not(:disabled){box-shadow:0 0 0 1.5px var(--ink-3);}
+.wz .sw.sel{box-shadow:0 0 0 2px var(--ink);}
+.wz .sw:disabled{cursor:default;}
+.wz .sw-green{background:var(--green);}.wz .sw-peach{background:var(--peach);}.wz .sw-red{background:var(--red);}.wz .sw-blue{background:var(--blue);}
+.wz .sw-violet{background:var(--violet);}.wz .sw-amber{background:var(--amber);}.wz .sw-teal{background:var(--teal);}.wz .sw-pink{background:var(--pink);}
+.wz .sw-indigo{background:var(--indigo);}.wz .sw-lime{background:var(--lime);}.wz .sw-cocoa{background:var(--cocoa);}.wz .sw-slate{background:var(--slate);}
+.wz-icons{display:grid;grid-template-columns:repeat(10,36px);gap:6px;}
+.wz .ico{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--line-2);background:var(--panel);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-2);padding:0;}
+.wz .ico:hover:not(:disabled){border-color:var(--ink-3);}
+.wz .ico.sel{border-color:var(--ink);color:var(--ink);background:var(--field);}
+.wz .ico:disabled{cursor:default;}
+.wz-iface-head,.wz-zone-head{display:flex;align-items:center;gap:8px;}
+.wz-iface .zone{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:700;}
+.wz-prow{display:flex;align-items:center;gap:10px;min-height:32px;padding:0 10px 0 12px;border-radius:10px;background:var(--field);}
+.wz-prow.stale{background:transparent;border:1.5px dashed var(--line-2);}
+.wz-prow .pid{font-size:12.5px;font-weight:600;}
+.wz .tchip{font-family:var(--mono);font-size:11px;font-weight:600;height:22px;padding:0 8px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--panel);color:var(--ink-2);cursor:pointer;}
+.wz .tchip:hover:not(:disabled){border-color:var(--ink);color:var(--ink);}
+.wz .tchip:disabled{cursor:default;}
+.wz .tchip.void{color:var(--ink-3);}
+.wz .tchip.when{border-style:dashed;color:var(--violet-ink);border-color:var(--violet);}
+.wz .tchip.mode{color:var(--ink-3);}
+.wz-pdflt{flex:1 1 auto;min-width:60px;width:auto;margin:0;height:24px;padding:0 8px;font-size:12px;font-family:var(--mono);color:var(--ink);background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-ctrl);}
+.wz-pdflt:focus{background:var(--field-focus);border-color:var(--ink);outline:none;}
+.wz-prm{background:none;border:0;padding:0 4px;color:var(--ink-3);cursor:pointer;font-size:14px;line-height:1;}
+.wz-prm:hover{color:var(--red-ink);}
+.wz-iface .empty{font-size:12px;color:var(--ink-3);min-height:32px;display:flex;align-items:center;padding:0 12px;border:1.5px dashed var(--line-2);border-radius:10px;}
+.wz-routing{display:flex;align-items:center;gap:10px;min-height:28px;padding-left:2px;font-size:12.5px;color:var(--ink-2);}
+.wz .tog{width:34px;height:20px;border-radius:999px;background:var(--seq);position:relative;cursor:pointer;border:0;padding:0;flex:0 0 auto;}
+.wz .tog.on{background:var(--ink);}
+.wz .tog::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:var(--panel);transition:left .15s;}
+.wz .tog.on::after{left:16px;}
+.wz .tog:disabled{cursor:default;opacity:.6;}
+.wz-adv{padding:0 16px;}
+.wz-adv-toggle{height:44px;width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;font-family:inherit;color:var(--ink);text-align:left;}
+.wz-adv-sum{font-size:12px;color:var(--ink-3);}
+.wz .chev{display:inline-block;transition:transform .15s;color:var(--ink-3);font-size:16px;line-height:1;}
+.wz .chev.open{transform:rotate(90deg);}
+.wz-adv-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 0 16px;}
+.wz-adv-body[hidden]{display:none;}
+.wz-verdict-file{font-size:12px;color:var(--ink-2);display:flex;align-items:center;min-height:34px;}
+.wz-editor{display:flex;flex-direction:column;overflow:hidden;}
+.wz-ed-head{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px 0 18px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
+.wz-file{font-size:13px;font-weight:600;}
+.wz-editor .script-editor-mount{width:100%;}
+.wz-editor .code-editor{border:0;border-radius:0;}
+.wz-editor [hidden]{display:none;}
+.wz .script-path-row{display:inline-flex;align-items:center;gap:8px;margin:0;max-width:420px;}
+.bench-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);flex-wrap:wrap;}
+.bench-bar .ins-f{margin:0;display:flex;align-items:center;gap:8px;}
+.bench-bar .ins-label{margin:0;}
+.bench-bar .ins-select{width:auto;min-width:180px;}
+.wz .bench-col{padding:14px 16px;}
+.wz .bench-cases{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
+.wz .bench-cases .bench-col-head{width:100%;margin-bottom:2px;}
+.wz .bench-cases .bench-case-list{display:flex;flex-wrap:wrap;gap:6px;margin:0;width:100%;}
+.wz .bench-cases .bench-case-row{width:auto;}
+.wz .bench-cases input.bench-case-name{width:220px;}
+.wz .bench-cases > .btn-mini,.wz .bench-case-actions .btn-mini{width:auto;margin:0;}
+.wz .bench-case-actions{flex-direction:row;margin:0;gap:6px;}
+/* ---------- past-run artifact picker (W2) ---------- */
+.apick{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto;}
+.apick-project-name{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:10px 0 4px;}
+.apick-run,.apick-art{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-family:inherit;font-size:12.5px;
+  color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:12px;padding:8px 11px;cursor:pointer;}
+.apick-run:hover,.apick-art:hover{background:var(--field);}
+.apick-run-title,.apick-art-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.apick-run-meta,.apick-art-bytes{font-family:var(--mono);font-size:11px;color:var(--ink-3);flex:0 0 auto;}
+.apick-art-kind{font-size:10px;padding:1px 7px;}
+.apick-back{align-self:flex-start;}
+.apick-empty{font-size:12px;color:var(--ink-3);padding:6px 0;}
+.apick-err{font-size:12.5px;color:var(--red-ink);padding:6px 0;}
+.bench-src-label{display:block;margin:4px 0 2px;font-family:var(--mono);font-size:11px;color:var(--ink-3);
+  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.bench-port .bench-file[hidden]{display:none;}
+@media (max-width:760px){
+  .script-card{flex-direction:column;align-items:stretch;}
+  .scripts-tools .script-filter{width:100%;}
+}
 .agent-actions { display:flex; gap:8px; }
 .chip-select { display:flex; flex-wrap:wrap; gap:8px; }
 .chip-select label { display:inline-flex; gap:6px; align-items:center; font-size:12.5px; border:1px solid var(--line); border-radius:999px; padding:4px 10px; cursor:pointer; }
@@ -1461,12 +2009,28 @@ fieldset.source legend{font-weight:600;font-size:13px;padding:0 6px;color:var(--
 /* NO top padding on the scroller: the detail's sticky .pd-tabs must pin flush, as .hd-tabs does. */
 .proj-screen{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:0 32px 40px;
   transition:transform .46s cubic-bezier(.65,.02,.28,1);}
+/* The SHOWN screen rests on transform:none (not translateX(0)): a transform makes a stacking
+   context, and a Getting started guide elevates a control inside it (a project row, the Team
+   tab, Add project) above the scrim by z-index — which cannot escape a transformed ancestor.
+   none ↔ translateX() still animates (none is the identity). */
 .proj-screen-list .topbar{padding-top:26px;}
-.proj-screen-list{transform:translateX(0);}
+.proj-screen-list{transform:none;}
 .proj-screen-detail{transform:translateX(100%);padding:0;background:var(--bg);}
 .proj-shell.detail-open .proj-screen-list{transform:translateX(-100%);}
-.proj-shell.detail-open .proj-screen-detail{transform:translateX(0);}
+.proj-shell.detail-open .proj-screen-detail{transform:none;}
 .proj-shell.no-anim .proj-screen{transition:none;}
+/* ---------- Workspaces two-screen shell: the Projects track's twin, rule for rule (the Projects
+   rules above are pinned verbatim by tests, so this block repeats them on its own names). ---------- */
+.view[data-view="workspaces"]{flex:1 1 auto;min-height:0;padding:0;position:relative;}
+.ws-shell{position:relative;height:100%;overflow:hidden;}
+.ws-screen{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:0 32px 40px;
+  transition:transform .46s cubic-bezier(.65,.02,.28,1);}
+.ws-screen-list .topbar{padding-top:26px;}
+.ws-screen-list{transform:none;}
+.ws-screen-detail{transform:translateX(100%);padding:0;background:var(--bg);}
+.ws-shell.detail-open .ws-screen-list{transform:translateX(-100%);}
+.ws-shell.detail-open .ws-screen-detail{transform:none;}
+.ws-shell.no-anim .ws-screen{transition:none;}
 /* A keyed row IS the control (role=button): pointer + hover tint, the .hist-head idiom. The
    keyless row keeps #projects-list .pl-row's default cursor. */
 #projects-list .pl-row[role="button"]{cursor:pointer;transition:background .12s;}
@@ -1486,7 +2050,7 @@ fieldset.source legend{font-weight:600;font-size:13px;padding:0 6px;color:var(--
    card is a real <button> — reset the UA look so it reads like its siblings. */
 .pd-ov-value.pd-ov-wrap{font-size:13px;overflow-wrap:anywhere;}
 .pd-ov-missing{color:var(--red-ink);}
-button.pd-ov-card{text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%;}
+button.pd-ov-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%;}   /* a button centres its content vertically: the label must sit where its siblings' do */
 button.pd-ov-card:hover{border-color:var(--ink-3);}
 /* Memory tab: the same grid Settings → Memory paints (.mem-host); its message line sits above. */
 .pd-sec-memory .form-msg{margin:0 0 10px;}
@@ -1504,6 +2068,9 @@ button.pd-ov-card:hover{border-color:var(--ink-3);}
 .confirm-modal .card{width:min(440px,100%);}
 .confirm-message{margin:4px 0 18px;color:var(--ink-2);font-size:14px;line-height:1.5;white-space:pre-line;}
 .confirm-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:14px;}
+.gv-import-scripts p{margin:0 0 12px;color:var(--ink-2);font-size:13.5px;}
+.gv-import-script-h{font-size:12px;font-weight:700;margin:10px 0 4px;}
+.gv-import-script-v{margin:0;padding:8px 10px;border:1px solid var(--line-2);border-radius:10px;background:var(--field);color:var(--ink);font-size:12px;white-space:pre-wrap;word-break:break-all;max-height:180px;overflow:auto;}
 
 /* ── domain tag: palette sections + filter chips, workflow badge + filter ── */
 .pal-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-bottom:8px;}
@@ -1663,8 +2230,11 @@ button.pd-ov-card:hover{border-color:var(--ink-3);}
 .stat-tile{padding:18px 20px;}
 .stat-label{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:12.5px;font-weight:600;}
 .stat-ico{width:16px;height:16px;color:var(--ink-3);flex:0 0 auto;}
-.stat-delta{margin-left:auto;background:var(--field);color:var(--ink-2);font-size:11px;font-weight:600;
-  padding:2px 8px;border-radius:999px;}
+.stat-delta,.stat-mult{margin-left:auto;background:var(--field);color:var(--ink-2);font-size:11px;font-weight:600;
+  padding:2px 8px;border-radius:999px;white-space:nowrap;}
+/* Saved's "9.0× spend" pill sits far right; when a delta pill precedes it, that one takes the
+   auto margin and the two share the label row's 8px gap. */
+.stat-delta+.stat-mult{margin-left:0;}
 .stat-value{font-family:var(--mono);font-size:26px;font-weight:600;color:var(--ink);margin-top:8px;line-height:1.2;}
 .stat-frac{font-size:16px;color:var(--ink-3);}
 .stat-sub{display:block;color:var(--ink-3);font-size:11.5px;margin-top:6px;}
@@ -1743,11 +2313,14 @@ section[data-view="team-metrics"] .topbar{align-items:flex-start;}
 .tm-tbl td{padding:9px 10px;border-bottom:1px solid var(--line);}
 .tm-tbl tbody tr[data-filter-dim]{cursor:pointer;} .tm-tbl tbody tr[data-filter-dim]:hover,.tm-tbl tbody tr.on{background:var(--field);}
 .tm-tbl tr.dim td{color:var(--ink-3);}
+.tm-tbl td.tm-saved.pos{color:var(--green-ink);} .tm-tbl td.tm-saved.neg{color:var(--red-ink);}
 .tm-runs-foot{display:flex;align-items:center;gap:12px;margin-top:8px;}
 .tm-share{display:inline-block;width:90px;height:6px;border-radius:3px;background:var(--field);vertical-align:middle;}
 .tm-share-fill{display:block;height:100%;border-radius:3px;background:var(--blue);}
 .tm-runs{margin-top:18px;} .tm-runs-head{display:flex;align-items:center;justify-content:space-between;}
 .tm-run-tbl .tm-title{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+/* Actor and Started never wrap: with the Saved column in, Title (ellipsis) and Workflow give way first. */
+.tm-run-tbl td:nth-last-child(-n+2){white-space:nowrap;}
 .badge.grey{background:var(--field);color:var(--ink-2);}
 .tm-empty{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .tm-empty .card{padding:22px;}
 .tm-step{font-size:11px;letter-spacing:.08em;font-weight:700;color:var(--ink-2);}
@@ -1761,7 +2334,7 @@ section[data-view="team-metrics"] .topbar{align-items:flex-start;}
 .hd-tm.st-ok{color:var(--green-ink)} .hd-tm.st-warn{color:var(--amber-ink)} .hd-tm.st-err{color:var(--red-ink)} .hd-tm.st-muted{color:var(--ink-2)}
 
 /* Team metrics — Projects cell (board 4) */
-#projects-list .tm-slot{flex:0 1 420px;min-width:0;}
+
 /* border-left + padding-left are board 4's divider between the project row and the cell
    (mockup `.tm-cell{border-left:1px solid var(--line);padding-left:18px;min-width:420px}`);
    the 420px sizing lives on .tm-slot above so the cell itself can still wrap. */
@@ -1869,6 +2442,12 @@ section[data-view="team-metrics"] .topbar{align-items:flex-start;}
 .spend-ind.over .spend-ind-meter{background:var(--red-bg);}
 .spend-ind.over .spend-ind-meter-fill{background:var(--red-ink);}
 .spend-ind.over .spend-ind-sub{color:var(--red-ink);}
+/* No total limit: the Saved row takes the place the "no total limit" note held. A gain
+   is green — --green-ink-strong, since --green-ink measures 4.48:1 on this card's hover
+   fill (--line), under verify:theme's 4.5:1. A loss keeps neutral ink (--red-ink is
+   4.07:1 there); its "−" carries it. */
+.spend-ind-saved{margin-top:6px;}
+.spend-ind-saved.pos .spend-ind-label,.spend-ind-saved.pos .spend-ind-amt{color:var(--green-ink-strong);}
 .topnav-amt{margin-left:7px;font-family:var(--mono);font-weight:600;}
 .topnav-amt.warn{color:var(--amber-ink);}
 .topnav-amt.over{color:var(--red-ink);}
@@ -1938,6 +2517,11 @@ section[data-view="team-metrics"] .topbar{align-items:flex-start;}
 /* ---- Models view (configurable-models-design.md §4.10) ---- */
 .mv-list{display:grid;gap:18px;}
 .mv-section{display:grid;gap:10px;}
+/* Stacked cards keep the house 18px; the built-ins are compact rows, not panels, so they stay tight.
+   (The rows moved into .mv-sec-body when groups became foldable — the section's own gap no longer
+   reaches them.) */
+.mv-sec-body{display:grid;gap:18px;}
+.mv-section[data-section="builtin"] .mv-sec-body{gap:10px;}
 .mv-hide-builtin-row{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;}
 .mv-hide-builtin-row .hint{margin:0;}
 .mv-section-title{margin:4px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;opacity:.75;}
@@ -1981,6 +2565,129 @@ section[data-view="team-metrics"] .topbar{align-items:flex-start;}
 .mv-cost-rate .mv-cost-rate-in{min-width:0;font-family:var(--mono);font-size:12.5px;}
 .mv-cost-rate-unit{color:var(--ink-3);font-size:11.5px;white-space:nowrap;}
 
+/* ---- Model bridge (model-bridge-design.md §8): Providers card, Connection,
+   import sheet, sign-in block. Same 18px rhythm and card chrome as the rest
+   of the Models view; every revealed block gets an explicit [hidden] rule
+   because the grid/flex rules here otherwise beat the UA hidden rule. ---- */
+.mv-providers{padding:18px 22px;display:grid;gap:14px;}
+/* The Providers TAB: one card per account, so three unrelated sign-ins stop reading as one form. */
+.mv-providers-split{padding:0;background:transparent;box-shadow:none;gap:18px;}
+.mv-providers-split .mv-providers-hint{margin:0 2px 0;}
+.mv-pv-card{padding:18px 22px;display:grid;gap:12px;}
+.mv-pv-card .mv-pv-row{border:0;padding:0;margin:0;}
+/* New surface, new contrast: the house `.hint` / placeholder grey (--ink-3) sits at
+   2.8:1 on a white card and is only tolerated where the light baseline predates the
+   dark theme (test/fixtures/contrast-baseline-light.json — shrink, never grow). The
+   bridge's copy uses --ink-2 (6.5:1) so the theme proof passes without a new entry. */
+.mv-providers .hint,.mv-conn .hint,.mv-degradation,.mvi .hint,.mv-cp-signin-box .hint{color:var(--ink-2);}
+.mv-pv-row .input::placeholder,.mv-conn .input::placeholder,.mv-conn .textarea::placeholder{color:var(--ink-2);}
+.mv-providers .mv-providers-hint{margin:-6px 0 0;}
+.mv-pv-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px 18px;padding:14px 0 0;border-top:1px solid var(--line-2);}
+.mv-pv-main{display:grid;gap:6px;align-content:start;min-width:0;}
+.mv-pv-main .hint{margin:0;}
+.mv-pv-ctl{display:grid;gap:10px;align-content:start;}
+.mv-pv-btns{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center;}
+/* Test connection's verdict, beside the button (bridge-view.mjs renderProvidersCard). Empty until
+   a test runs, so the row keeps its rhythm. */
+.mv-pv-result{margin-right:auto;display:none;align-items:center;gap:6px;min-width:0;padding:5px 10px;border-radius:999px;
+  font:600 12px var(--sans);background:var(--field);color:var(--ink-2);overflow-wrap:anywhere;}
+.mv-pv-result.is-on{display:inline-flex;}
+.mv-pv-result.is-ok{background:var(--green-bg);color:var(--green-ink);}
+.mv-pv-result.is-err{background:var(--red-bg);color:var(--red-ink);}
+.mv-pv-result.is-busy{color:var(--ink-3);}
+
+/* Import dialog (app.js openImportDialog; model-bridge-design.md §8.4). The sheet it hosts is the
+   same node the page used to show, so its card chrome is dropped here rather than in two renderers. */
+/* ONE scroll area: .viewer-modal .card scrolls by default, and with the body scrolling too the
+   dialog showed two scrollbars side by side. The card is a column that clips; the list scrolls. */
+.mimp{width:min(980px,100%);max-height:86vh;display:flex;flex-direction:column;gap:14px;overflow:hidden;}
+.mimp-src{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);align-items:start;gap:12px 16px;}
+.mimp-src .mv-field{min-width:0;}
+.mimp-src .mimp-base-field.hidden{display:none;}
+/* One source: the picker takes the row rather than leaving a gap where a URL would be. */
+.mimp-src:has(.mimp-base-field.hidden) .mimp-source-field{grid-column:1 / -1;}
+.mimp-base-row{display:flex;gap:8px;min-width:0;}
+.mimp-base-row .input{flex:1 1 auto;min-width:0;}
+.mimp-base-row .btn-ghost{flex:0 0 auto;white-space:nowrap;}
+/* The note and the warnings sit clear of the scroll edge: flush against it, Chrome clipped their
+   first glyph. The table is what may scroll sideways, and it starts below them. */
+#mimp-body .mvi>.hint,#mimp-body .mvi-warn{padding-right:2px;}
+.mimp-msg{margin:0;}
+#mimp-body{flex:1 1 auto;min-height:0;overflow:auto;padding:0 4px;}
+.mimp-filter{flex:0 0 auto;}
+.mimp-filter.hidden{display:none;}
+#mimp-body tr.is-filtered{display:none;}
+/* The sheet carries .card, and `.viewer-modal .card` gives every card its own max-height + scroll:
+   inside the dialog that made a SECOND scrollbar beside the body's. The body is the one scroller. */
+#mimp-body .mvi{box-shadow:none;border:0;background:transparent;padding:0;margin:0;max-height:none;overflow:visible;}
+#mimp-body .mv-editor-title{display:none;}
+.mimp-btns{margin-top:0;}
+
+/* Model editor dialog (app.js openModelEditorDialog; configurable-models-design.md §4.10). The
+   editor renders its own .card, so the host only sizes and scrolls it. */
+.mv-editor-host{width:min(880px,100%);max-height:86vh;overflow:auto;}
+.mv-editor-host .mv-editor{margin:0;}
+
+/* Catalog toolbar and folding groups (models-view.mjs renderModelsList). */
+.mv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;}
+.mv-toolbar .mv-search{flex:1 1 280px;min-width:0;}
+.mv-filters{display:flex;flex-wrap:wrap;gap:6px;}
+.mv-filter{padding:6px 12px;border:1.5px solid var(--line-2);border-radius:999px;background:transparent;
+  color:var(--ink-2);font:600 12px var(--sans);cursor:pointer;white-space:nowrap;}
+.mv-filter:hover{border-color:var(--ink-3);}
+.mv-filter.on{background:var(--ink);border-color:var(--ink);color:var(--on-ink);}
+.mv-section-head{display:flex;align-items:center;gap:8px;}
+.mv-sec-toggle{display:flex;align-items:center;gap:8px;padding:2px 0;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit;}
+.mv-sec-toggle .mv-section-title{margin:0;}
+.mv-sec-caret{color:var(--ink-2);font-size:11px;line-height:1;transition:transform .12s ease;}
+.mv-sec-count{padding:1px 8px;border-radius:999px;background:var(--field);color:var(--ink-2);font:600 11px var(--mono);}
+.mv-section.is-folded .mv-sec-caret{transform:rotate(-90deg);}
+.mv-section.is-folded .mv-sec-body,.mv-section.is-folded .mv-sec-hint{display:none;}
+.mv-no-hits{margin-top:6px;}
+@media (prefers-reduced-motion: reduce){.mv-sec-caret{transition:none;}}
+.mv-pv-btns .btn-ghost,.mv-pv-btns .btn-go{padding:7px 12px;font-size:12px;}
+.mv-pv-row .input,.mv-pv-row .select{font-family:var(--mono);font-size:12.5px;padding:9px 12px;}
+.mv-pv-row .mv-pv-conc{max-width:120px;}
+.mv-cp-signin-box{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--field);}
+.mv-cp-code-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
+.mv-cp-code{font-family:var(--mono);font-size:26px;font-weight:700;letter-spacing:.12em;padding:4px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--line);}
+.mv-cp-code-row .btn-ghost{padding:7px 12px;font-size:12px;text-decoration:none;}
+.mv-cp-status.err{color:var(--red);}
+.mv-cp-signin-box .mv-cp-cancel{justify-self:start;padding:7px 12px;font-size:12px;}
+.mv-needs-signin{display:inline-flex;align-items:center;gap:6px;}
+.mv-needs-signin .mv-signin{padding:4px 10px;font-size:11.5px;}
+.mv-degradation{display:block;margin:4px 0 0;}
+.mv-conn{display:grid;gap:12px;}
+.mv-conn-modes{display:grid;gap:8px;}
+.mv-conn-mode{display:flex;align-items:flex-start;gap:8px;font-size:13px;cursor:pointer;}
+.mv-conn-mode input{margin-top:3px;}
+.mv-conn-mode-text{display:grid;gap:2px;}
+.mv-conn-mode-text .hint{margin:0;}
+.mv-conn-body{display:grid;gap:12px;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;}
+.mv-conn-body[hidden]{display:none;}
+.mv-conn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px;}
+/* A field without a hint sits beside one with a hint: start-align so the
+   select keeps its own height instead of stretching to the row's. */
+.mv-conn-grid .mv-field{align-content:start;}
+.mv-conn-grid .input,.mv-conn-grid .select{font-family:var(--mono);font-size:12.5px;}
+.mv-conn-provider-hint.warn{color:var(--amber-ink);}
+.mv-conn-adv{margin-top:0;}
+.mv-conn-adv[hidden]{display:none;}
+.mv-conn-adv-body{display:grid;gap:10px;}
+.mv-conn-adv-body .input,.mv-conn-adv-body .textarea{font-family:var(--mono);font-size:12.5px;}
+.mv-conn-caps{display:grid;gap:6px;}
+.mv-conn-caps-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
+.mv-conn-cap{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;}
+.mv-conn-limit{display:flex;align-items:center;gap:6px;font-size:12.5px;}
+.mv-conn-limit .mv-conn-limit-in{max-width:120px;font-family:var(--mono);font-size:12.5px;padding:7px 10px;}
+.mv-conn-note{margin:0;}
+.mvi-tbl{margin-top:8px;}
+.mvi-tbl td{vertical-align:top;}
+.mvi-tbl .mvi-id{display:block;margin:2px 0 0;font-family:var(--mono);}
+.mvi-tbl tr.mvi-disabled{opacity:.55;}
+.mvi-status{color:var(--ink-3);font-size:12px;}
+@media (max-width:720px){.mv-pv-row{grid-template-columns:1fr;}}
+
 /* ---- Model plugins (design §9.6): plugin cards + export wizard ---- */
 .mv-secret{display:block;margin:4px 0 0;}
 .mv-secret.err{color:var(--red);}
@@ -2101,7 +2808,7 @@ section[data-view="team-metrics"] .topbar{align-items:flex-start;}
    .hd-report has no icon, but it stands in the SAME row as .hd-archive and needs the
    same padding for the same reason: on .btn-ghost's own 13px it measured 48px beside
    a 38px Archive (headless Chrome, both themes). */
-.hd-back,.hd-resume,.hd-report,.pd-back,.pd-new,.pd-history{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;}
+.hd-back,.hd-resume,.hd-report,.pd-back,.pd-new,.pd-history,.ws-rescan{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;}   /* one height for every header action */
 .hd-resume[hidden]{display:none;}
 /* Same trap as the fallback issue link in the report modal: the author `display`
    above beats the UA's `[hidden]{display:none}`, and this button ships hidden. */
@@ -2136,7 +2843,7 @@ section[data-view="team-metrics"] .topbar{align-items:flex-start;}
    13.5px, so equal padding renders it 36px tall in a row of 38px buttons
    (measured in headless Chrome). The extra pixel per side matches .hd-pr, which
    is the same type size and already pays it. */
-.hd-archive,.pd-remove{display:flex;align-items:center;gap:8px;padding:9px 15px;border:1.5px solid var(--red-bg);
+.hd-archive,.pd-remove{display:flex;align-items:center;gap:8px;padding:8.5px 15px;border:1.5px solid var(--red-bg);   /* 12.5px type + 8.5px = the 13.5px buttons' height */
   border-radius:999px;background:var(--panel);font:600 12.5px var(--sans);color:var(--red-ink);cursor:pointer;}
 .hd-archive[hidden]{display:none;}
 .hd-archive:hover:not([disabled]),.pd-remove:hover:not([disabled]){background:var(--red-bg);border-color:var(--red);}
@@ -2180,6 +2887,33 @@ section[data-view="team-metrics"] .topbar{align-items:flex-start;}
    .hd-sec-* body) a display value, the inactive panels would all render at once. */
 .hd-sec[hidden],.pd-sec[hidden]{display:none;}
 
+/* ---------- shared code editor (scripts workbench §W16) ---------- */
+/* Two layers, one box: the <pre> paints the colours, the textarea above it is
+   transparent ink with a visible caret. Both must share EVERY metric that moves
+   a glyph — font, size, line-height, padding, white-space, tab-size — or the two
+   layers drift apart as the text grows. */
+.code-editor{position:relative;border:1px solid var(--line-2);border-radius:var(--r-ctrl);background:var(--field);overflow:hidden;}
+.code-editor:focus-within{background:var(--field-focus);border-color:var(--ink);}
+.code-editor .code-editor-hl,.code-editor .code-editor-ta{
+  margin:0;padding:12px 14px;font-family:var(--mono);font-size:12.5px;line-height:1.55;
+  white-space:pre;tab-size:2;border:0;letter-spacing:normal;}
+.code-editor .code-editor-hl{position:absolute;inset:0;overflow:auto;pointer-events:none;color:var(--ink);background:transparent;}
+.code-editor .code-editor-hl code{font:inherit;color:inherit;background:none;padding:0;}
+.code-editor .code-editor-ta{position:relative;display:block;width:100%;min-height:0;resize:vertical;
+  overflow:auto;background:transparent;color:transparent;caret-color:var(--ink);outline:none;}
+.code-editor .code-editor-ta::selection{background:var(--selection);}
+.code-editor.ro{background:var(--field);}
+.code-editor.ro .code-editor-ta{cursor:default;caret-color:transparent;}
+.code-editor :is(.hljs-comment,.hljs-quote,.hljs-punctuation){color:var(--hd-syntax-comment);}
+.code-editor :is(.hljs-keyword,.hljs-operator,.hljs-meta,.hljs-deletion){color:var(--hd-syntax-keyword);}
+.code-editor :is(.hljs-type,.hljs-built_in,.hljs-attr,.hljs-attribute,
+  .hljs-selector-class,.hljs-selector-id,.hljs-selector-tag){color:var(--hd-syntax-type);}
+.code-editor :is(.hljs-string,.hljs-regexp,.hljs-addition){color:var(--hd-syntax-string);}
+.code-editor :is(.hljs-number,.hljs-literal,.hljs-symbol,.hljs-bullet,
+  .hljs-variable,.hljs-template-variable){color:var(--hd-syntax-literal);}
+.code-editor :is(.hljs-title,.hljs-section,.hljs-name){color:var(--hd-syntax-title);}
+.code-editor :is(.hljs-comment,.hljs-quote){font-style:italic;}
+
 /* ---------- History detail: Diff tab ---------- */
 .hd-diff{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:18px;align-items:start;}
 .hd-diff{
@@ -2190,7 +2924,7 @@ section[data-view="team-metrics"] .topbar{align-items:flex-start;}
 .hd-diff .diff-del{color:var(--hd-count-del);}
 @media (max-width:900px){.hd-diff{grid-template-columns:1fr;}}
 .hd-diff-list,.hd-diff-pane{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;}
-.hd-diff-pane,.ask-md{
+.hd-diff-pane,.ask-md,.code-editor{
   --hd-syntax-comment:light-dark(#5B6167,#8B949E);
   --hd-syntax-keyword:light-dark(#B31D28,#FF7B72);
   --hd-syntax-type:light-dark(#9A3E00,#FFA657);
@@ -2498,6 +3232,11 @@ button.hd-mem-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px
 .mem-reasons li{margin:4px 0;}
 .mem-actions{margin-top:12px;align-items:center;gap:10px;}
 .mem-health-head .mem-defrag{margin-left:auto;}
+/* Settings → Memory: the Defragment model card above the scope (app.js paintMemDefragModelSettings). */
+.mem-model-card{margin-bottom:16px;}
+.mem-model-text{margin:0 0 12px;color:var(--ink-2);font-size:13px;line-height:1.5;}
+.mem-model-row{display:flex;flex-wrap:wrap;gap:12px;}
+.mem-model-row .field{flex:1 1 220px;margin-bottom:0;}
 .mem-defrag svg{display:block;flex:none;}
 .mem-host-hint{display:block;margin-top:8px;}
 .mem-list,.mem-history{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:14px 16px;}
@@ -2572,6 +3311,8 @@ button.hd-mem-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px
 .hd-pr:hover{opacity:.88;}
 .hd-pr-link{flex:0 0 auto;font:600 12.5px var(--sans);}
 .hd-pr-link[hidden]{display:none;}
+.hd-after{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;flex:0 0 auto;}
+.hd-after[hidden]{display:none;}
 
 /* WIDTH GOES ON `#shipit-modal .card`, NOT `.shipit-card`. The markup is
    `<div class="card shipit-card">` inside `.viewer-modal`, and
@@ -2604,6 +3345,15 @@ button.hd-mem-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px
 .shipit-files:empty + .shipit-dot{display:none;}
 .shipit-break{flex-basis:100%;height:0;}
 .shipit-branch{color:var(--ink);word-break:break-all;}
+/* The base-branch pick stands where the plain base name was, inline in the
+   summary line: a compact house select (cf. `.step-config select`) on the
+   --field pill, not the full-width form field. */
+.shipit-summary .select-wrap{max-width:100%;}
+.shipit-summary .select{width:auto;max-width:100%;padding:6px 30px 6px 10px;font:inherit;color:var(--ink);
+  background:var(--surface);border-color:var(--line-2);border-radius:10px;}
+.shipit-summary .select:focus{border-color:var(--ink);}
+.shipit-summary .select-wrap::after{right:11px;}
+.shipit-summary select:disabled{opacity:.55;cursor:not-allowed;}
 .shipit-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;}
 .shipit-ok{padding:11px 22px;border:1.5px solid var(--ink);border-radius:999px;background:var(--ink);
   font:600 13.5px var(--sans);color:var(--on-ink);cursor:pointer;}
@@ -2686,7 +3436,7 @@ button.hd-mem-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px
    `.hd-diff-file` already has its own (inset) ring and is not repeated here. */
 .hd-tab:focus-visible,.hd-back:focus-visible,.hd-resume:focus-visible,.pd-tab:focus-visible,.pd-back:focus-visible,.pd-new:focus-visible,.pd-history:focus-visible,.pd-remove:focus-visible,.pd-sec:focus-visible,.proj-open:focus-visible,.pd-ov-link:focus-visible,
 .hd-more:focus-visible,.hd-report:focus-visible,
-.hd-archive:focus-visible,.hd-pr:focus-visible,.hd-pr-link:focus-visible,
+.hd-archive:focus-visible,.hd-pr:focus-visible,.hd-pr-link:focus-visible,.hd-after:focus-visible,
 .hd-branch-copy:focus-visible,.hd-sec:focus-visible,.hist-open:focus-visible,
 .hist-branch-copy:focus-visible,.shipit-ok:focus-visible,.shipit-cancel:focus-visible{
   outline:2px solid var(--ink);outline-offset:2px;}
@@ -2748,8 +3498,8 @@ button.hd-mem-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px
 .rc-qpill{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;
   background:var(--amber-bg);color:var(--amber-ink);font:700 11.5px var(--sans);white-space:nowrap;}
 .rc-qpill[hidden]{display:none;}
-/* the four 30px icon buttons; .rc-open mirrors .hist-open exactly */
-.rc-acts .btn-pause,.rc-acts .btn-resume,.rc-acts .btn-stop,.rc-open{
+/* the five 30px icon buttons; .rc-open mirrors .hist-open exactly */
+.rc-acts .btn-pause,.rc-acts .btn-resume,.rc-acts .btn-stop,.rc-after,.rc-open{
   display:inline-flex;align-items:center;justify-content:center;gap:0;
   width:30px;height:30px;padding:0;border-radius:9px;background:var(--panel);cursor:pointer;}
 .rc-acts .btn-pause,.rc-acts .btn-resume{border:1px solid var(--amber);color:var(--amber-ink);}
@@ -2760,9 +3510,15 @@ button.hd-mem-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px
    with `.rc-acts .btn-pause` above and would LOSE on source order — a paused card
    would show both buttons. Re-state it at the cluster's specificity. */
 .rc-acts .btn-pause[hidden],.rc-acts .btn-resume[hidden]{display:none;}
+/* Same footgun for the run-chain button: the shared `display:inline-flex` above is an
+   AUTHOR rule and outranks the UA `[hidden]{display:none}`, so paintRunCard's
+   `afterBtn.hidden = true` would not hide it. Re-state it here. */
+.rc-acts .rc-after[hidden]{display:none;}
 .rc-open{border:1px solid var(--line);color:var(--ink-2);}
 .rc-open:hover{background:var(--ink);color:var(--on-ink);border-color:var(--ink);}
-.rc-open:focus-visible,.rc-branch-copy:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
+.rc-after{border:1px solid var(--line);color:var(--ink-2);}
+.rc-after:hover{background:var(--ink);color:var(--on-ink);border-color:var(--ink);}
+.rc-after:focus-visible,.rc-open:focus-visible,.rc-branch-copy:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
 /* ---------- Running redesign: shared keyframes (C2 — declared ONCE, here) ----------
    @keyframes are name-resolved, not cascaded, so their position relative to the
    rules that use them is irrelevant; what matters is that there is exactly one of
@@ -3106,9 +3862,9 @@ body.view-running .topnav{margin:12px 32px 0;flex:0 0 auto;}
 
 /* ---------- Collapsible sidebar: the 76px icon rail ---------- */
 /* No rule here restyles anything the expanded 298px column already had: 21 of
-   the 39 are scoped under `.sidebar.collapsed`, and the other 18
-   (`.brand .logo-mark`, `.side-toggle*`, `.nav .rail-tile*`, `.spend-ring*`)
-   style nodes that exist only because of this feature. The <1080px breakpoint
+   them are scoped under `.sidebar.collapsed`, and the rest (`.brand .logo-mark`,
+   `.side-toggle*`, `.nav .rail-tile*`, `.spend-ring*`, `.spend-stack*`) style
+   nodes that exist only because of this feature. The <1080px breakpoint
    (:920-922) still hides the sidebar outright and hands over to .topnav —
    collapse is a preference that only exists above it, and the two never overlap.
    HOUSE RULE for this whole block: no comment inside a rule body, and no
@@ -3244,6 +4000,19 @@ body.view-running .topnav{margin:12px 32px 0;flex:0 0 auto;}
    `padding:11px 13px` and hold its initials in an 8px content box.
    `flex:0 0 auto` keeps the fixed 36px box out of the column flex shrink. */
 .sidebar.collapsed .nav-children{align-items:center;gap:5px;margin-top:5px;}
+/* Nodes on the rail: no room for a parent row, so it goes and its two children
+   stand as ordinary 40px squares — the rail reads exactly as it did before the
+   group existed. The children must show even while the group is folded, so the
+   (0,3,0) rule out-ranks `.nav-children.collapsed` (0,2,0). The elbow has
+   nothing to hang from here, and an open child takes the same dark fill as
+   every other current-page square (beats `.nav .nav-child.active` on class
+   count). */
+.sidebar.collapsed .nav-group{display:none;}
+.sidebar.collapsed .nav-group-children.collapsed{display:flex;}
+.sidebar.collapsed .nav-child::before,.sidebar.collapsed .nav-child::after{content:none;}
+.sidebar.collapsed .nav .nav-child > svg{width:19px;height:19px;}
+.sidebar.collapsed .nav .nav-child.active{background:var(--ink);color:var(--on-ink);box-shadow:none;}
+.sidebar.collapsed .nav .nav-child.active svg{stroke:var(--on-ink);}
 .nav .rail-tile{position:relative;display:flex;align-items:center;justify-content:center;
   width:36px;height:36px;flex:0 0 auto;padding:0;gap:0;
   border:1.5px solid var(--line-2);border-radius:11px;
@@ -3311,15 +4080,33 @@ body.view-running .topnav{margin:12px 32px 0;flex:0 0 auto;}
   filter:brightness(.96);}
 .spend-ring.warn{--ring-fill:var(--amber-ink);--ring-track:var(--amber-bg);}
 .spend-ring.over{--ring-fill:var(--red-ink);--ring-track:var(--red-bg);}
-/* No total limit means no denominator: a flat neutral ring, and the centre shows
-   the amount instead of a percentage nothing backs. var(--ink-3), not
-   var(--line) — var(--line) on var(--panel) is ~1.1:1 across a 4.5px annulus, i.e.
-   an absent ring, which is not the same thing as a neutral one. */
-.spend-ring.no-limit{--ring-fill:var(--ink-3);--ring-track:var(--ink-3);}
 .spend-ring-val{display:flex;align-items:center;justify-content:center;
   width:29px;height:29px;border-radius:50%;background:var(--panel);
   font-family:var(--mono);font-size:9.5px;color:var(--ink-2);}
 
+/* ---- rail spend stack (no total limit) ---- */
+/* No total limit means no denominator, so the rail drops the ring for two stacked
+   figures: a caps label over a compact mono amount, Spent then Saved.
+   `.spend-stack` ties `.spend-ind` at (0,1,0) and wins the tie on source order, which
+   is what lets it override display / width / padding / border-radius and keep the
+   card's border, --field fill and pointer. 40px is the width of every rail square
+   (nav buttons, the toggle), so it overhangs the 39px content box by the same half
+   pixel they do and nothing clips; border-box leaves 38px inside, and the widest
+   amount railUsd() emits ("−$8.8k", six glyphs at 10px mono) is 36px.
+   `.spend-ind:hover` recolours the background only, which is the hover this wants.
+   A non-negative Saved pair is --green-ink-strong, as in the expanded card; Spent and a
+   loss stay --ink (--red-ink is 4.07:1 on that hover fill, under verify:theme's 4.5:1). */
+.spend-stack{display:flex;flex-direction:column;align-items:center;
+  width:40px;padding:7px 0;border-radius:12px;text-align:center;}
+.spend-stack-pair{display:flex;flex-direction:column;align-items:center;gap:1px;}
+.spend-stack-pair + .spend-stack-pair::before{content:"";width:22px;height:1px;
+  margin:5px 0;background:var(--line-2);}
+.spend-stack-lbl{font-family:var(--sans);font-size:9px;font-weight:600;line-height:1.1;
+  letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);}
+.spend-stack-val{font-family:var(--mono);font-size:10px;font-weight:600;line-height:1.2;
+  white-space:nowrap;color:var(--ink);}
+.spend-stack-pair.pos .spend-stack-lbl,.spend-stack-pair.pos .spend-stack-val{color:var(--green-ink-strong);}
+
 /* ---------- Ask Worca (spec §10.3-§10.6; tokens only, no hex) ---------- */
 /* Fixed full-height dock over the content column; children restore pointer
    events. z-40 sits above sticky tab lists (5) and below .viewer-modal (50)
@@ -3624,6 +4411,7 @@ body.rail-collapsed .ask-dock{left:76px;}
 .ask-rp-lane-msg{padding:12px 14px;font-size:12px;color:var(--ink-3);}
 .ask-card.ask-rp textarea.ask-rp-brief{width:100%;min-height:150px;max-height:420px;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--field);font-size:13px;line-height:1.6;resize:vertical;}
 .ask-rp-brief-foot{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:11.5px;color:var(--ink-3);flex-wrap:wrap;}
+.ask-rp-brief-foot[hidden],.ask-rp-brief[hidden]{display:none;}   /* a tracker-task card shows the task instead */
 .ask-rp-brief-foot kbd{font-family:var(--mono);font-size:10px;padding:1px 5px;border:1px solid var(--line-2);border-radius:5px;background:var(--panel);color:var(--ink-2);}
 .ask-rp-count{margin-left:auto;}
 .ask-rp-pills{display:flex;gap:6px;flex-wrap:wrap;}
@@ -3695,6 +4483,27 @@ body.rail-collapsed .ask-dock{left:76px;}
 .ask-mcard-results li.is-skipped{color:var(--ink-3);}
 .ask-mcard-actions{display:flex;align-items:center;gap:8px;margin-top:14px;}
 .ask-mcard.is-applied .ask-mcard-head{opacity:.9;}
+/* Team policy card (docs/team-policy.md "Ask Worca"): an edit's before → after list. */
+.ask-mcard-changes{list-style:none;margin:4px 0 0;padding:8px 10px;border-radius:8px;background:var(--field);display:flex;flex-direction:column;gap:4px;font-size:12.5px;}
+.ask-mcard-changes li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;min-width:0;}
+.ask-mcard-change-label{color:var(--ink-2);}
+.ask-mcard-change-val{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-family:var(--mono);font-size:11.5px;min-width:0;}
+.ask-mcard-before{color:var(--ink-3);text-decoration:line-through;}
+.ask-mcard-before.is-unset,.ask-mcard-after.is-unset{text-decoration:none;font-style:italic;color:var(--ink-3);}
+.ask-mcard-arrow{color:var(--ink-3);}
+.ask-mcard-after{color:var(--ink);font-weight:600;}
+/* schedule card (buildScheduleCard; docs/scheduled-runs.md "Ask Worca"): the metrics card's chrome + a before/after grid */
+.ask-scard-kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin-top:4px;font-size:12.5px;}
+.ask-scard-k{color:var(--ink-3);}
+.ask-scard-v{color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
+.ask-scard .ask-card-sched-link{align-self:flex-start;margin-top:2px;}
+.ask-card-start.is-danger{background:var(--red-ink);color:var(--on-status);}
+/* endpoint import sheet (bridge-view.mjs renderEndpointSheet): the server's own warnings, and a window it would not name */
+.mvi-warn{display:block;color:var(--amber-ink);}
+.mvi-ctx-unknown{color:var(--ink-3);font-size:11.5px;}
+/* model card (buildModelCard; docs/models.md "Ask Worca"): the policy card's change list + what will still block the model */
+.ask-modcard-warn{color:var(--amber-ink);}
+.ask-modcard .ask-card-sched-link{align-self:flex-start;margin-top:2px;}
 
 /* ---------- Auto proposal body (ui/public/auto-proposal.mjs) — one body, two hosts (mockup §D/§F) ----------
    Rhythm top→bottom: name → 8 → reasoning → 16 → chips → 8 → fingerprint → 16 → graph → 12 → loops → 16 → match → 8 → meta.
@@ -4018,6 +4827,7 @@ body.rail-collapsed .ask-dock{left:76px;}
    their sticky tab bars and take clearance via .rd-body/.hd-body/.pd-body instead;
    body.view-history/.view-running/.view-projects .main keep padding:0 by specificity. */
 .main,.run-screen-list,.hist-screen-list,.proj-screen-list,.rd-body,.hd-body,.pd-body{padding-bottom:var(--ask-dock-clearance);}
+.ws-screen-list{padding-bottom:var(--ask-dock-clearance);}   /* the Workspaces track's list gutter, the same clearance */
 
 /* ---------- native control skins (checkbox / radio / switch / rows) -------- */
 /* Everything the browser used to draw for itself. The mark is the one .qopt
@@ -4188,10 +4998,10 @@ html{scrollbar-color:var(--line-2) transparent;scrollbar-width:thin;}
 .gs-hide{background:none;border:0;padding:0;font:inherit;font-size:12.5px;color:var(--ink-2);cursor:pointer;
   text-decoration:underline;text-underline-offset:3px;}
 .gs-hide:hover{color:var(--ink);}
-/* Equal tiles that fill the row and wrap 4 -> 2 -> 1: symmetric, never a 3+1 orphan. */
-.gs-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
-@media (max-width:760px){.gs-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}}
-@media (max-width:440px){.gs-tiles{grid-template-columns:1fr;}}
+/* Nine equal tiles that fill the row and wrap 3 -> 1: a 3×3 square, then one column — two
+   columns would leave the ninth an orphan. */
+.gs-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
+@media (max-width:640px){.gs-tiles{grid-template-columns:1fr;}}
 .gs-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;
   border:1.5px solid var(--line);border-radius:var(--r-ctrl);background:var(--surface);
   padding:12px 14px 13px;font:inherit;font-size:13px;line-height:1.35;color:var(--ink);text-align:left;cursor:pointer;
@@ -4300,8 +5110,12 @@ html{scrollbar-color:var(--line-2) transparent;scrollbar-width:thin;}
    modal layer instead. */
 .guide-scrim{position:fixed;inset:0;z-index:44;background:var(--scrim);}
 /* !important: a control may carry its own id-level position/z-index (#prompt has z-index:1) that
-   would otherwise beat this transient class and leave the ringed control UNDER the scrim. */
-.guide-target{position:relative !important;z-index:45 !important;}
+   would otherwise beat this transient class and leave the ringed control UNDER the scrim.
+   The position is forced only on a STATIC control (guide-spot adds -static after reading
+   the computed style): an absolutely positioned target — the Composer's floating rail —
+   must keep its own position or it drops out of place. */
+.guide-target{z-index:45 !important;}
+.guide-target-static{position:relative !important;}
 .guide-lift{z-index:45 !important;}
 .guide-lift-static{position:relative;}
 /* A lifted select wrapper keeps its chevron ON TOP of the elevated select (the
@@ -4321,22 +5135,316 @@ html{scrollbar-color:var(--line-2) transparent;scrollbar-width:thin;}
 .guide-balloon::before{content:'';position:absolute;top:-6px;left:calc(var(--arrow-x,20px) - 5px);width:10px;height:10px;
   background:var(--panel);border-left:1px solid var(--line-2);border-top:1px solid var(--line-2);transform:rotate(45deg);}
 .guide-balloon.above::before{top:auto;bottom:-6px;transform:rotate(225deg);}
+/* Pinned inside the viewport over a target taller than it: no edge to point at. */
+.guide-balloon.pinned::before{display:none;}
 .guide-skip{background:none;border:0;padding:0;font:inherit;font-size:12px;color:var(--ink-2);cursor:pointer;
   text-decoration:underline;text-underline-offset:3px;}
 .guide-skip:hover{color:var(--ink);}
+/* Next (an explanation hop, or a control whose state is already right) sits beside Skip. */
+.guide-actions{display:flex;align-items:center;gap:14px;}
+.guide-next{padding:6px 14px;border:0;border-radius:999px;background:var(--ink);color:var(--on-ink);
+  font:600 12px var(--sans);font-family:inherit;cursor:pointer;transition:filter .12s;}
+.guide-next:hover{filter:brightness(1.15);}
+.guide-next:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
 .guide-ring[hidden],.guide-balloon[hidden]{display:none;}
+/* A click on the scrim: the ring flashes a wider halo and the balloon bobs once — "here". */
+.guide-ring.nudge{animation:guide-nudge-ring .45s ease-out;}
+.guide-balloon.nudge{animation:guide-nudge-balloon .45s ease-out;}
+@keyframes guide-nudge-ring{
+  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--violet) 70%,transparent);transform:scale(1);}
+  40%{transform:scale(1.04);}
+  100%{box-shadow:0 0 0 22px color-mix(in srgb,var(--violet) 0%,transparent);transform:scale(1);}
+}
+@keyframes guide-nudge-balloon{
+  0%,100%{transform:translateY(0);}
+  35%{transform:translateY(-6px);}
+  70%{transform:translateY(2px);}
+}
 .guide-layer.pointer .guide-ring{z-index:72;}
 .guide-layer.pointer .guide-balloon{z-index:73;}
 
 
+
+/* ---------- Scheduled runs: the Schedules view, the schedule sheet, the split Start button ----------
+   Tokens only (no hex): a waiting run is NEUTRAL — grey with a clock — so it never competes
+   with the amber items that need a decision. Missed is amber; a schedule that paused itself too. */
+.rc-sic.st-grey{background:var(--field);color:var(--ink-2);}
+.rc-status-word.st-grey{color:var(--ink-2);}
+.badge.blue{background:var(--blue-bg);color:var(--blue-ink);}
+
+/* split Start button: the primary action keeps its pill; the caret is its right half */
+.btn-split{display:inline-flex;align-items:stretch;position:relative;}
+.btn-split > .btn-go:first-child{border-radius:999px 0 0 999px;padding-right:22px;}
+.btn-split > .btn-split-more{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--on-ink);
+  border:none;border-left:1px solid var(--on-ink-wash-2);border-radius:0 999px 999px 0;padding:0 16px 0 13px;cursor:pointer;
+  transition:transform .15s,filter .15s;}
+.btn-split > .btn-split-more:hover{filter:brightness(1.08);}
+.btn-split > .btn-split-more:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
+.btn-split > .btn-go:disabled,.btn-split > .btn-split-more:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none;}
+.btn-split-menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:20;min-width:230px;padding:6px;
+  background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-menu);}
+.btn-split-menu[hidden]{display:none;}
+.btn-split-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;
+  background:transparent;border:none;border-radius:11px;padding:10px 12px;font-family:inherit;cursor:pointer;color:var(--ink);}
+.btn-split-menu button:hover,.btn-split-menu button:focus-visible{background:var(--field);outline:none;}
+.btn-split-menu b{font-weight:600;font-size:13.5px;}
+.btn-split-menu small{font-size:12px;color:var(--ink-3);}
+.btn-split.mini > .btn-go:first-child{padding:9px 14px 9px 16px;font-size:12.5px;}
+.btn-split.mini > .btn-split-more{padding:0 12px 0 9px;}
+.btn-split.mini .btn-split-menu{bottom:auto;top:calc(100% + 8px);}
+/* Simple mode hides the caret (Schedule… is Advanced): the Start pill closes up again. */
+:root[data-level="simple"] .btn-split > .btn-go:first-child:not(:has(~ [data-level-keep])){border-radius:999px;padding-right:28px;}
+:root[data-level="simple"] .btn-split.mini > .btn-go:first-child:not(:has(~ [data-level-keep])){padding-right:14px;}
+
+/* the schedule sheet */
+.sched-modal .card.sched-card{width:min(600px,100%);animation:wr-rise .28s cubic-bezier(.2,.7,.3,1) both;}
+.sched-run-title{margin:-10px 0 16px;color:var(--ink-2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.sched-presets{display:flex;flex-wrap:wrap;margin-bottom:16px;}
+.sched-presets button{flex:1 1 auto;padding:9px 8px;font-size:12.5px;white-space:nowrap;}
+.sched-quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
+.sched-quick[hidden]{display:none;}
+.sched-kind{display:flex;margin-bottom:14px;}
+.sched-kind button{flex:1 1 0;padding:11px 12px;font-size:13px;}
+.sched-after{display:grid;gap:10px;}
+/* paint() hides the presets seg and the After block by the `hidden` PROPERTY. `.sched-presets`
+   (display:flex) and `.sched-after` (display:grid) are AUTHOR display rules and outrank the UA
+   [hidden]{display:none} — the .sched-quick[hidden] footgun above. Restate both. */
+.sched-presets[hidden],.sched-after[hidden]{display:none;}
+.sched-chip{border:1.5px solid transparent;cursor:pointer;font-family:inherit;transition:background .14s,border-color .14s;}
+.sched-chip:hover{border-color:var(--line-2);}
+.sched-chip.on{background:var(--surface);border-color:var(--ink);color:var(--ink);}
+.sched-chip:focus-visible,.sched-day:focus-visible,.sched-tz-change:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
+.sched-days{display:flex;flex-wrap:wrap;gap:6px;}
+.sched-day{width:42px;height:38px;border-radius:12px;border:1.5px solid transparent;background:var(--field);color:var(--ink-2);
+  font:600 12.5px var(--sans);cursor:pointer;transition:background .14s,color .14s;}
+.sched-day:hover{border-color:var(--line-2);}
+.sched-day.on{background:var(--ink);color:var(--on-ink);}
+.sched-inline{display:flex;gap:9px;align-items:center;}
+.sched-inline > *{flex:1 1 0;min-width:0;}
+.sched-inline > input[type="number"]{flex:0 0 92px;}
+.sched-inline > [hidden]{display:none;}
+.sched-card .field-grid-2[hidden],.sched-card .field[hidden]{display:none;}
+.sched-sentence{margin:4px 0 8px;padding:13px 15px;border-radius:var(--r-ctrl);background:var(--violet-wash);
+  border:1px solid var(--violet-bg);font-size:14px;line-height:1.45;}
+.sched-sentence b{font-weight:600;}
+.sched-sentence.bad{background:var(--field);border-color:var(--line);}
+.sched-next{margin-top:3px;color:var(--ink-2);font-size:12.5px;font-variant-numeric:tabular-nums;min-height:18px;}
+.sched-tz{margin:0 0 16px;color:var(--ink-3);font-size:12px;}
+.sched-tz-change{background:none;border:none;padding:0;font:600 12px var(--sans);color:var(--blue-ink-strong);cursor:pointer;text-decoration:underline;}
+#sched-tz{margin:-8px 0 16px;}
+#sched-tz[hidden]{display:none;}
+.sched-note{margin-top:2px;}
+.sched-warn{margin-top:10px;padding:10px 13px;border-radius:12px;background:var(--amber-wash);border:1px solid var(--amber-line);}
+.sched-err{margin-top:10px;}
+.sched-err[hidden]{display:none;}
+
+/* the Schedules view: a tab strip (the Statistics .seg) over one pane at a time */
+.sched-tabs{display:flex;margin-bottom:18px;}
+.sched-pane[hidden]{display:none;}
+.sched-list{display:flex;flex-direction:column;gap:14px;}
+.sched-group-title{font:700 11.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:6px 4px -2px;}
+.sched-item{padding:18px 20px;}
+.sched-item.attention{border:1.5px solid var(--amber);box-shadow:0 0 0 4px var(--amber-bg),var(--shadow);}
+.sched-head{display:flex;align-items:flex-start;gap:13px;}
+.sched-head .rc-sic{align-self:flex-start;}
+.sched-head .rc-title{white-space:normal;}
+.sched-head > .switch{flex:0 0 auto;margin-top:5px;}
+.sched-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;
+  margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}
+.sched-acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-left:auto;}
+.sched-acts [hidden]{display:none;}
+.sched-sub{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:9px;font-size:12.5px;color:var(--ink-2);}
+.sched-when{font-variant-numeric:tabular-nums;}
+.sched-sub .sched-when{font-weight:600;color:var(--ink);}
+.sched-target{margin-top:4px;font-size:12.5px;color:var(--ink-3);overflow-wrap:anywhere;}
+.sched-rule{color:var(--ink-2);font-weight:500;}
+.sched-reason{margin-top:7px;font-size:12.5px;color:var(--amber-ink);}
+.sched-more{display:inline-flex;align-items:center;gap:7px;background:none;border:none;padding:6px 2px;cursor:pointer;
+  font:600 12px var(--sans);color:var(--ink-3);}
+.sched-more:hover{color:var(--ink);}
+.sched-more::before{content:"";width:6px;height:6px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;
+  transform:rotate(-45deg);transition:transform .15s;}
+.sched-more[aria-expanded="true"]::before{transform:rotate(45deg);}
+.sched-more:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px;}
+.sched-details-body{display:grid;gap:7px;margin-top:12px;}
+.sched-details-body[hidden]{display:none;}
+.sched-kv{display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px;font-size:12.5px;}
+.sched-k{color:var(--ink-3);}
+.sched-v{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;}
+@media (max-width:720px){.sched-kv{grid-template-columns:minmax(0,1fr);gap:1px;}.sched-acts{justify-content:flex-start;margin-left:0;}}
+
+.sched-feed{padding:20px 22px;}
+.sched-feed-head{flex-wrap:wrap;gap:12px;margin-bottom:8px;}
+.sched-feed-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
+.sched-feed-item{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:13px 0 13px 12px;
+  border-top:1px solid var(--line);border-left:3px solid transparent;margin-left:-12px;}
+.sched-feed-item:first-child{border-top:none;}
+.sched-feed-item.unread{border-left-color:var(--amber);}
+.sched-feed-item .badge{justify-self:start;margin-top:1px;}
+.sched-feed-text{font-size:13px;line-height:1.5;color:var(--ink-2);overflow-wrap:anywhere;}
+.sched-feed-text b{font-weight:600;color:var(--ink);}
+.sched-feed-time{margin-top:2px;font-size:11.5px;color:var(--ink-3);}
+.sched-feed-acts{grid-column:3;grid-row:1;align-self:center;justify-self:end;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;}
+.sched-feed-acts:empty{display:none;}
+@media (max-width:720px){.sched-feed-item{grid-template-columns:92px minmax(0,1fr);}.sched-feed-acts{grid-column:2;grid-row:auto;align-self:start;justify-self:start;justify-content:flex-start;margin-top:7px;}}
+.sched-feed-read{background:none;border:none;padding:4px 2px;font:600 12px var(--sans);color:var(--ink-3);cursor:pointer;text-decoration:underline;}
+.sched-feed-read:hover{color:var(--ink);}
+.sched-feed-read:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px;}
+
+/* the Running view's Scheduled group (runs due within 24 h) */
+.run-scheduled{margin-top:22px;display:flex;flex-direction:column;gap:14px;}
+.run-scheduled[hidden]{display:none;}
+.run-scheduled-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px -2px;}
+.run-scheduled-head a{font:600 12px var(--sans);color:var(--blue-ink-strong);}
+
+/* Ask run card: the scheduled state line */
+.ask-card-sched{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-2);}
+.ask-card-sched .badge{letter-spacing:.04em;}
+.ask-card-sched-text{color:var(--ink);font-weight:500;}
+.ask-card-sched-link{font:600 12px var(--sans);color:var(--blue-ink-strong);}
+.ask-card-sched .ask-card-err{flex-basis:100%;}
+/* New pipeline: the time picked before the task, left of the Start / Schedule button */
+.new-sched{margin-right:auto;padding:9px 12px;border-radius:12px;background:var(--canvas-2);border:1px solid var(--line);}
+.new-sched[hidden]{display:none;}
+.new-sched .link-btn{font-size:12px;}
+#start-btn-clock[hidden],#start-btn-play[hidden]{display:none;}
+/* a proposal Ask Worca scheduled (propose_run when / every): the line above the footer */
+.ask-card-sched-proposed{margin:0 18px 12px;padding:10px 12px;border-radius:12px;background:var(--canvas-2);border:1px solid var(--line);}
+.ask-card-sched-proposed .link-btn{font-size:12px;}
+/* a run card whose task is a tracker task (propose_run source): the reference instead of the brief */
+.ask-card-task{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r-ctrl);background:var(--canvas-2);font-size:13px;}
+.ask-card-task .badge{letter-spacing:0;text-transform:none;font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--ink-2);}
+.ask-card-task-title{flex:1 1 200px;min-width:0;color:var(--ink);font-weight:600;overflow-wrap:anywhere;}
+a.ask-card-task-title{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;}
+a.ask-card-task-title:hover{text-decoration-color:currentColor;}
+.ask-card-task-meta{font-size:12px;color:var(--ink-3);}
+.ask-card-task-warn{margin-top:8px;padding:9px 12px;border-radius:12px;background:var(--amber-wash);border:1px solid var(--amber-line);font-size:12.5px;color:var(--ink-2);}
+
+/* History detail: the scheduled-run provenance link in the header meta */
+.hd-sched{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;}
+.hd-sched:hover{color:var(--ink);}
+/* ======================================================================
+   Interface mode — simple | advanced | expert   (docs/ui-levels.md)
+   ======================================================================
+   <html data-level> is server-rendered (src/core/index-html.mjs) and kept live by
+   ui-level.mjs. An element opts in with data-min-level; these three selectors are
+   the WHOLE gate. No data-level attribute (tests, an old shell) gates nothing.
+   [data-level-keep] is the escape hatch: a gated control holding a non-default
+   value, or the nav item of the page you are on, stays visible.
+   !important because a dozen author `display:flex/grid` rules in this file outrank
+   a plain display:none — the same footgun the [hidden] notes above describe. */
+:root[data-level="simple"] [data-min-level="advanced"]:not([data-level-keep]),
+:root[data-level="simple"] [data-min-level="expert"]:not([data-level-keep]),
+:root[data-level="advanced"] [data-min-level="expert"]:not([data-level-keep]){display:none !important;}
+/* The rare inverse — copy that stands in for a control a higher mode shows (data-max-level). */
+:root[data-level="advanced"] [data-max-level="simple"],
+:root[data-level="expert"] [data-max-level="simple"],
+:root[data-level="expert"] [data-max-level="advanced"]{display:none !important;}
+
+/* Simple shows General only: a one-button segmented control is noise, so the bar goes — unless a
+   deep link parked us on a higher tab, whose button is then kept (paintLevelBanner). */
+:root[data-level="simple"] #settings-tabs:not(:has([data-level-keep])){display:none !important;}
+
+/* The icon: a stack of layers, unlit ones ghosted. currentColor, so hover, the
+   dark active fill and both themes come for free. */
+/* An <i>, not a <span>: the collapsed rail visually hides every direct span child of a nav button
+   (the labels), and this icon is the one thing that must survive there. */
+.lv-icon-slot{display:inline-grid;place-items:center;flex:0 0 auto;font-style:normal;}
+.nav button.nav-mode .lv-icon{width:19px;height:19px;}
+.lv-icon .lv-off{opacity:.26;}
+.lv-icon path{transition:opacity .2s;}
+
+/* Sidebar item: a plain `.nav button`. It is an action, never the current view. */
+.nav button.nav-mode .lv-icon-slot{width:19px;height:19px;}
+/* Top-nav twin (<1080px, where the sidebar is hidden): icon + the mode's name. */
+.topnav button.topnav-mode{display:inline-flex;align-items:center;justify-content:center;gap:7px;}
+.topnav button.topnav-mode .lv-icon{width:16px;height:16px;}
+
+/* Level pill (banner, hidden-settings note). Colour is semantic to the level. */
+.lv-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;
+  font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--field);color:var(--ink-2);}
+.lv-pill[data-lv="simple"]{background:var(--green-bg);color:var(--green-ink);}
+.lv-pill[data-lv="advanced"]{background:var(--blue-bg);color:var(--blue-ink-strong);}
+.lv-pill[data-lv="expert"]{background:var(--violet-bg);color:var(--violet-ink);}
+
+/* Page-above-the-mode banner. */
+.level-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 18px;
+  padding:10px 14px;border-radius:var(--r-ctrl);background:var(--canvas-2);border:1px solid var(--line-2);
+  font-size:13px;color:var(--ink-2);}
+.level-banner[hidden]{display:none;}
+.level-banner-text{flex:1 1 220px;min-width:0;}
+.level-banner .btn{margin-left:auto;}
+body.view-history .level-banner,body.view-projects .level-banner,body.view-running .level-banner{margin:12px 32px 0;flex:0 0 auto;}
+body.view-workspaces .level-banner{margin:12px 32px 0;flex:0 0 auto;}
+
+/* Simple hides the Target switch, which leaves .split-row's picker alone in the row: auto-placement
+   would drop it into the narrow first track, so the row becomes one full-width column. */
+:root[data-level="simple"] .split-row:not(:has(#target-field[data-level-keep])){grid-template-columns:minmax(0,1fr);}
+
+/* New pipeline: mock mode outside Advanced, and the hidden-but-active note. */
+.mock-row{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
+:root:not([data-level="simple"]) .advanced + .mock-row{margin-top:14px;}
+.level-hidden-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:14px;
+  padding:10px 14px;border-radius:var(--r-ctrl);background:var(--amber-wash);border:1px solid var(--amber-line);
+  font-size:12.5px;line-height:1.5;color:var(--ink-2);}
+.level-hidden-note[hidden]{display:none;}
+.level-hidden-note b{color:var(--ink);font-weight:600;}
+.link-btn{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--blue-ink-strong);cursor:pointer;text-decoration:underline;text-underline-offset:2px;}
+.link-btn:hover{color:var(--ink);}
+.link-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px;}
+
+/* Settings › General › Interface mode. */
+.mode-current{display:flex;align-items:center;gap:14px;}
+.mode-current-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:var(--field);color:var(--ink);}
+.mode-current-icon .lv-icon{width:22px;height:22px;}
+.mode-current-text{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0;font-size:12.5px;line-height:1.5;color:var(--ink-2);}
+.mode-current-text strong{font-size:14px;font-weight:600;color:var(--ink);}
+@media (max-width:560px){.mode-current{flex-wrap:wrap;}.mode-current .btn{margin-left:56px;}}
+
+/* The dialog. Follows .ob-welcome's door cards: one bordered row per choice. */
+.mode-modal .card{width:min(580px,100%);padding:26px 28px 22px;animation:wr-rise .24s cubic-bezier(.2,.7,.3,1) both;}
+.mode-modal .card-head{margin-bottom:4px;}
+.mode-sub{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--ink-2);}
+.lv-cards{display:flex;flex-direction:column;gap:8px;}
+.lv-card{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:14px;width:100%;
+  padding:13px 15px;border:1.5px solid var(--line-2);border-radius:16px;background:var(--panel);color:var(--ink);
+  font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s;}
+.lv-card:hover{background:var(--field);}
+.lv-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
+.lv-card[aria-checked="true"]{border-color:var(--ink);background:var(--canvas-2);}
+.lv-card-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--field);color:var(--ink-2);}
+.lv-card-icon .lv-icon{width:23px;height:23px;}
+.lv-card[data-level-choice="simple"][aria-checked="true"] .lv-card-icon{background:var(--green-bg);color:var(--green-ink);}
+.lv-card[data-level-choice="advanced"][aria-checked="true"] .lv-card-icon{background:var(--blue-bg);color:var(--blue-ink-strong);}
+.lv-card[data-level-choice="expert"][aria-checked="true"] .lv-card-icon{background:var(--violet-bg);color:var(--violet-ink);}
+.lv-card-text{display:flex;flex-direction:column;gap:3px;min-width:0;}
+.lv-card-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 9px;font-size:14.5px;font-weight:600;}
+.lv-card-who{font-size:12px;font-weight:500;color:var(--ink-3);}
+.lv-card-desc{font-size:12.5px;line-height:1.5;color:var(--ink-2);}
+.lv-card-adds{font-size:12px;line-height:1.45;color:var(--ink-3);}
+.lv-card-radio{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--radio-ring);background:var(--panel);transition:border .15s;}
+.lv-card[aria-checked="true"] .lv-card-radio{border:5.5px solid var(--ink);}
+#mode-msg{display:block;min-height:0;margin-top:10px;}
+#mode-msg:empty{display:none;}
+.mode-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin-top:16px;}
+.mode-foot .hint{margin:0;}
+@media (max-width:520px){
+  .mode-modal .card{padding:20px 18px 18px;}
+  .lv-card{grid-template-columns:34px minmax(0,1fr) 18px;gap:11px;padding:12px;}
+  .lv-card-icon{width:34px;height:34px;}
+}
+@media (prefers-reduced-motion: reduce){.mode-modal .card{animation:none;}.lv-icon path,.lv-card,.lv-card-radio{transition:none;}}
+
 @media (prefers-reduced-motion: reduce){
   /* Getting started: tiles land drawn, vignettes paint finished, the guide ring holds a still halo. */
-  .gs-tile.reveal,.play .gs-pop,.play .gs-draw,.ob-welcome,.guide-ring,.nav button.gs-pill{animation:none;}
+  .gs-tile.reveal,.play .gs-pop,.play .gs-draw,.ob-welcome,.guide-ring,.guide-ring.nudge,.guide-balloon.nudge,.nav button.gs-pill{animation:none;}
   .nav button.gs-pill{box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 25%,transparent);}
   .play .gs-draw{stroke-dashoffset:0;}
   .guide-ring{box-shadow:0 0 0 6px color-mix(in srgb,var(--violet) 30%,transparent);}
   /* #stop-modal is a top-level overlay, outside the shell — named explicitly. */
   #stop-modal .card{animation:none;}
+  /* The schedule sheet is a body-level overlay too. */
+  #schedule-modal .card{animation:none;}
   /* PSEUDO-ELEMENTS DO NOT INHERIT `animation`, so the `*` blanket below cannot
      reach the live-log caret — it has to be named. (Task 7's own reduced-motion
      block already carries this rule; the duplicate here is deliberate belt-and-
@@ -4393,6 +5501,8 @@ html{scrollbar-color:var(--line-2) transparent;scrollbar-width:thin;}
   border-radius:calc(14.5px * var(--gv-scale)) calc(14.5px * var(--gv-scale)) 0 0;font-size:max(9px,calc(13px * var(--gv-scale)));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .gv-world .nhead svg{width:calc(15px * var(--gv-scale));height:calc(15px * var(--gv-scale));flex:0 0 auto;stroke-width:1.85;}
 .gv-world .nhead .tt{overflow:hidden;text-overflow:ellipsis;}
+.gv-world .nhead .chip.rt{margin-left:auto;flex:0 0 auto;font:700 max(8px,calc(10px * var(--gv-scale)))/1.6 var(--mono);text-transform:none;white-space:nowrap;
+  padding:0 calc(6px * var(--gv-scale));border-radius:999px;background:color-mix(in srgb, currentColor 14%, transparent);color:inherit;}
 .gv-world .h-flow{background:var(--ink);color:var(--on-ink);}
 .gv-world .h-violet{background:var(--violet-bg);color:var(--violet-ink);}
 .gv-world .h-blue{background:var(--blue-bg);color:var(--h-blue-ink);}
@@ -4400,6 +5510,12 @@ html{scrollbar-color:var(--line-2) transparent;scrollbar-width:thin;}
 .gv-world .h-red{background:var(--red-bg);color:var(--red-ink);}
 .gv-world .h-peach{background:var(--peach-bg);color:var(--h-peach-ink);}
 .gv-world .h-amber{background:var(--amber-bg);color:var(--amber-ink);}
+.gv-world .h-teal{background:var(--teal-bg);color:var(--teal-ink);}
+.gv-world .h-pink{background:var(--pink-bg);color:var(--pink-ink);}
+.gv-world .h-indigo{background:var(--indigo-bg);color:var(--indigo-ink);}
+.gv-world .h-lime{background:var(--lime-bg);color:var(--lime-ink);}
+.gv-world .h-cocoa{background:var(--cocoa-bg);color:var(--cocoa-ink);}
+.gv-world .h-slate{background:var(--slate-bg);color:var(--slate-ink);}
 .gv-world .nbody{padding:var(--gv-pad-t) 0 var(--gv-pad-b);}
 /* the chip band (A2/A26): model · effort · flags, ONE line between the head and the body, on the panel (never on a
    tinted head). Chips are the mockup's one unfloored font — 10px mono, 13px tall at .65 — so the band's inner 137px
@@ -4478,11 +5594,12 @@ html{scrollbar-color:var(--line-2) transparent;scrollbar-width:thin;}
    set injectGeometry writes — dropping them fails that assertion. */
 .gv-world .xfoot{position:absolute;left:0;right:0;bottom:0;border-top:1px solid var(--line);
   border-radius:0 0 14.5px 14.5px;overflow:hidden;background:var(--panel);}
-.gv-world .xfoot>.fan,.gv-world .xfoot>.xtoggle,.gv-world .xfoot>.xresult{height:var(--gv-exec-row-h);
+.gv-world .xfoot>.fan,.gv-world .xfoot>.xtoggle,.gv-world .xfoot>.xresult,.gv-world .xfoot>.xlive{height:var(--gv-exec-row-h);
   display:flex;align-items:center;gap:7px;padding:0 11px;width:100%;box-sizing:border-box;}
 .gv-world .xfoot>:first-child{height:var(--gv-foot-h);}   /* the first line is the tall one nodeSize bills */
 .gv-world .xfoot>.fan.f2{height:calc(var(--gv-foot-h) + var(--gv-exec-row-h));}   /* two wrapped square lines */
 .gv-world .xfoot>.xtoggle{border:none;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left;}
+.gv-world .xfoot>.xlive{display:block;line-height:var(--gv-exec-row-h);font-size:max(8px,calc(10.5px * var(--gv-scale)));color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .gv-world .xfoot>.xrow{height:var(--gv-exec-row-h);display:flex;align-items:center;gap:7px;padding:0 11px;}
 /* stacked exec rows: dur · cost on its own right-aligned line (.stack), the
    label on up to two clamped lines above it (.l2) — run-decor execBandLayout
@@ -4634,6 +5751,25 @@ input.gv-name:focus-visible{outline:none;}
 .ins-label{font-weight:600;font-size:11.5px;color:var(--ink-2);}
 /* Compact restatement of the global field skin — the page metrics (13px/15px of
    padding, 14px text) are far too heavy for a 308px rail. */
+/* Script inspector (P1b): the params textarea wears the SAME field skin as .ins-select/.ins-number. */
+.ins-panel .ins-textarea{width:100%;box-sizing:border-box;padding:8px 11px;font-size:12px;line-height:1.45;border-radius:10px;
+  background:var(--field);border:1.5px solid transparent;color:var(--ink);resize:vertical;}
+.ins-panel .ins-textarea:focus{background:var(--field-focus);border-color:var(--ink);outline:none;}
+.ins-panel .ins-caption{display:block;margin-top:-7px;color:var(--ink-3);font-size:11px;}
+.ins-panel .ins-f.ins-missing .ins-label::after{content:" · required";color:var(--amber-ink);}
+.ins-panel .ins-chiprow{display:flex;gap:6px;align-items:center;}
+.ins-panel .ins-chiprow .chip.rt{font-family:var(--mono);text-transform:none;font-size:10.5px;padding:2px 8px;}
+.ins-port-editor .ins-prow{display:grid;grid-template-columns:minmax(0,1fr) 72px auto auto 22px;gap:6px;align-items:center;margin-bottom:6px;}
+.ins-port-editor .ins-prow input[type="text"]{min-width:0;padding:5px 8px;font-size:12px;border-radius:8px;background:var(--field);border:1.5px solid transparent;color:var(--ink);}
+.ins-port-editor .ins-prow .ins-select{padding:5px 22px 5px 8px;font-size:12px;}
+.ins-port-editor .ins-prow[data-dir="outputs"] .ins-pf:nth-of-type(2){grid-column:3 / 5;}
+.ins-port-editor .ins-pfile{grid-column:1 / 5;grid-row:2;}
+.ins-port-editor .ins-prm{grid-column:5;grid-row:1;}
+.ins-port-editor .ins-pcheck{display:inline-flex;gap:4px;align-items:center;font-size:11px;color:var(--ink-2);}
+.ins-port-editor .ins-prm,.ins-port-editor .ins-padd{border:1px solid var(--line-2);background:var(--panel);color:var(--ink-2);border-radius:8px;cursor:pointer;font-size:12px;}
+.ins-port-editor .ins-padd{margin:2px 0 10px;padding:4px 10px;}
+.ins-port-editor .ins-perr{color:var(--red-ink);font-size:11px;margin-top:6px;}
+
 .ins-panel .ins-select,.ins-panel .ins-number{width:100%;padding:8px 11px;font-size:12.5px;border-radius:10px;
   background:var(--field);border:1.5px solid transparent;color:var(--ink);font-family:inherit;}
 .ins-panel .ins-select:focus,.ins-panel .ins-number:focus{background:var(--field-focus);border-color:var(--ink);outline:none;}
@@ -4732,6 +5868,9 @@ input.gv-name:focus-visible{outline:none;}
 .ap .p{display:block;margin-top:2px;font:10.5px/1.4 var(--mono);color:var(--ink-3);
   overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
 .ap .chip{flex:0 0 auto;background:var(--field);color:var(--ink-3);font-weight:700;font-size:10px;padding:1px 7px;}
+.ap .nrow{display:flex;align-items:center;gap:6px;min-width:0;}
+.ap .nrow .n{min-width:0;}
+.ap .chip.rt{font-family:var(--mono);text-transform:none;color:var(--ink-2);}  /* --ink-3 on --field is 2.6:1; the runtime is read, not decoration */
 .gv-drag-ghost{position:fixed;z-index:99;pointer-events:none;border:1.5px dashed var(--ink-3);border-radius:12px;
   background:var(--panel);padding:6px 10px;font:600 12px var(--sans);opacity:.9;box-shadow:var(--shadow);}
 
@@ -5040,3 +6179,281 @@ input.gv-name:focus-visible{outline:none;}
 /* No href => the preview is still building. Make that legible rather than letting a
    dead-looking button sit there (D24). */
 .report-modal .confirm-actions a.btn:not([href]){opacity:.5;pointer-events:none;}
+
+/* History › Overview › Files changed: the plain-words stand-in for the (advanced) Diff tab. */
+.hd-ov-files{padding:16px 20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);display:flex;flex-direction:column;gap:10px;}
+.hd-ov-files-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
+.hd-ov-files-head .link-btn{font-size:12.5px;}
+.hd-ov-files-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}
+.hd-ov-files-list li{display:flex;align-items:baseline;gap:10px;min-width:0;font-size:12.5px;}
+.hd-ov-file-kind{flex:0 0 58px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);}
+.hd-ov-file-kind.k-new{color:var(--green-ink);}
+.hd-ov-file-kind.k-deleted{color:var(--red-ink);}
+.hd-ov-file-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--mono);color:var(--ink-2);}
+
+/* Composer palette › Create agent…: a quiet footer action under the scrolling list. */
+.pal-create{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:10px 13px 13px;padding:9px 12px;
+  border:1.5px dashed var(--line-2);border-radius:12px;background:transparent;color:var(--ink-2);
+  font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s;}
+.pal-create:hover{border-color:var(--ink);color:var(--ink);background:var(--field);}
+.pal-create:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
+
+/* ---------- Team policy (team-policy design §11, boards 1–11) ---------- */
+/* A project / workspace / home NAME inside prose (team-policy-view.mjs ref()): bold and mono, so
+   "Follows gateway" reads as a name and a word, never two words. In a hint it keeps the hint's ink. */
+.ref{font-weight:600;color:var(--ink);font-size:.96em;}
+.hint .ref,small .ref{color:var(--ink-2);}
+/* Policy origin colour: blue. Amber is built-in, violet is plugin, green is user. */
+.badge.blue{background:var(--blue-bg);color:var(--blue-ink);}
+/* Projects row: the policy cell sits UNDER the team-metrics cell in the same 420px column (board 2,
+   reworked): two cells side by side squeezed both to a truncated status at every laptop width, and
+   the row's name column must not move. A grid, so the name spans both rows and the chevron stays
+   centred; the cells keep their own left divider (.tm-cell) and are separated by a hairline. */
+/* The team column on a Projects row: two one-line chips, right-aligned, status only. The
+   controls and the sentences behind a status are on the project page's Team tab. */
+.pl-team{flex:0 0 auto;max-width:42%;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;line-height:1.3;}   /* the chips keep their words; the path wraps */
+.pl-team-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--ink-2);}
+.pl-team-item:empty{display:none;}
+.pl-team-item .tm-dot{flex:0 0 auto;}
+.pl-team-name{color:var(--ink-3);}
+.pl-team-state{white-space:nowrap;}   /* never clipped: the column is flex:0 0 auto and the path wraps instead */
+.pl-team-state.muted{color:var(--ink-3);}
+@media (max-width:760px){.pl-team{display:none;}}
+/* The project / workspace page's Team tab: one panel per feature, the block inside wraps
+   (the list cell it came from had to keep to one line). */
+/* Every section that stacks panels keeps the grid gap between them: cards touching read as one. */
+.pd-sec-team,.wd-sec-overview{display:flex;flex-direction:column;gap:18px;}
+.pd-team-card .card-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px;}
+.pd-team-card .card-head b{font-size:14px;}
+.pd-team-body .tm-cell{grid-template-rows:auto;}
+.pd-team-body .tm-cell .tm-line{grid-row:1;}
+.pd-team-body .tm-cell .tm-actions{grid-row:1;}
+.pd-team-body .tm-cell .tm-hint{grid-row:2;white-space:normal;line-height:1.45;}
+.pd-team-body .tm-cell .tm-status{white-space:normal;}
+.pd-team-body .ws-home-inner{padding-top:0;}
+.pd-team-body .ws-policy{margin-top:0;}
+.pd-team-body .ws-policy > .ws-policy-inner > .tm-label{display:none;}   /* the panel head names it */
+.pd-ov-sub.pd-ov-attn{color:var(--amber-ink);}
+.pd-ov-card[data-kind="rejected"] .pd-ov-sub,.pd-ov-card[data-kind="delegate-invalid"] .pd-ov-sub,.pd-ov-card[data-kind="unsupported"] .pd-ov-sub{color:var(--red-ink);}
+@media (max-width:1080px){
+  #projects-list .pl-row{grid-template-columns:minmax(0,1fr) auto;}
+  #projects-list .pl-main{grid-column:1 / span 2;grid-row:1;}
+  #projects-list .tm-slot{grid-column:1;grid-row:2;}
+  #projects-list .tp-slot{grid-column:1;grid-row:3;}
+  #projects-list .proj-open{grid-column:2;grid-row:1;}
+  #projects-list .tm-slot .tm-cell,#projects-list .tp-slot .tm-cell{padding-left:0;border-left:0;padding-top:10px;border-top:1px solid var(--line);}
+}
+.tm-cell .tp-warn{color:var(--amber-ink);white-space:normal;line-height:1.4;}
+/* hidden-toggled flex/grid containers (style.css has no global [hidden] rule, see :324) */
+#policyLine[hidden],#tp-sync[hidden],.ws-policy[hidden],.tp-json[hidden],.tp-onbreach[hidden],.tp-require[hidden]{display:none;}
+/* Team policy page: the published document (panel) above what this machine makes of it (cards). */
+.tp-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:18px;}
+.tp-head-main{min-width:0;flex:1 1 420px;}
+.tp-head-kicker{font:600 10.5px var(--sans);letter-spacing:.14em;color:var(--ink-3);}
+.tp-head-title{margin:6px 0 0;font-size:19px;font-weight:700;letter-spacing:-.015em;}
+.tp-facts{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 16px;margin:16px 0 0;font-size:12.5px;}
+.tp-facts dt{font:600 10.5px var(--sans);letter-spacing:.14em;color:var(--ink-3);padding-top:2px;}
+.tp-facts dd{margin:0;color:var(--ink-2);min-width:0;overflow-wrap:anywhere;}
+.tp-facts dd code{font-size:11.5px;}
+.tp-head-notes{white-space:pre-wrap;}
+.tp-head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;}
+.tp-head-actions .hint{max-width:230px;}
+.tp-sec-label{margin:22px 0 12px;font:600 10.5px var(--sans);letter-spacing:.14em;color:var(--ink-3);}
+.tp-ov-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
+.tp-ov-card{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);}
+.tp-ov-label{font:600 10.5px var(--sans);letter-spacing:.14em;color:var(--ink-3);}
+.tp-ov-value{margin-top:10px;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere;}
+.tp-ov-sub{margin-top:6px;font-size:11.5px;color:var(--ink-3);overflow-wrap:anywhere;}
+.tp-ov-sub.is-warn{color:var(--amber-ink);}
+/* Tabs: the History / Project detail pills, one row per page section. */
+.tp-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:26px 0 16px;}
+.tp-tab{display:flex;align-items:center;gap:9px;padding:10px 17px;border:1.5px solid var(--line);
+  border-radius:999px;background:var(--panel);font:600 13.5px var(--sans);color:var(--ink-2);cursor:pointer;}
+.tp-tab:hover{border-color:var(--ink-3);color:var(--ink);}
+.tp-tab.active{background:var(--ink);color:var(--on-ink);border-color:var(--ink);}
+.tp-tab-badge{padding:2px 8px;border-radius:999px;background:var(--field);color:var(--ink-3);font:600 10.5px var(--mono);}
+.tp-tab.active .tp-tab-badge{background:var(--blue-bg);color:var(--blue-ink);}
+.tp-sec[hidden]{display:none;}
+.tp-sec-body{display:flex;flex-direction:column;gap:18px;}
+/* Plugins tab */
+.tp-plugins-hint{display:block;margin:-8px 0 12px;}
+.tp-plugins .form-msg:empty{display:none;}
+.tp-plugins-tbl td.tp-plugin-act{text-align:right;white-space:nowrap;}
+.tp-plugins-tbl td.tp-key small{display:block;font-weight:400;color:var(--ink-3);font-size:11.5px;}
+.tp-blocked-list{display:flex;flex-direction:column;gap:10px;}
+.tp-blocked-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12.5px;}
+/* Catalog tab */
+/* The catalog cards' heads: the title stays one word wide, the (long) hint takes the rest. */
+.tp-cat-card .card-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-bottom:12px;}
+.tp-cat-card .card-head h2{margin:0;white-space:nowrap;}
+.tp-cat-card .card-head .hint{flex:1 1 320px;min-width:0;margin:0;}
+.tp-catalogs{display:flex;flex-direction:column;gap:18px;}   /* the two catalog cards: the panel gap */
+.tp-cat-list{display:flex;flex-direction:column;gap:12px;}
+.tp-cat-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);}
+.tp-cat-row:last-child{border-bottom:0;}
+.tp-cat-main{min-width:0;font-size:13px;}
+.tp-cat-main small{display:block;margin-top:4px;}
+@media (max-width:760px){
+  .tp-facts{grid-template-columns:minmax(0,1fr);gap:2px 0;}
+  .tp-facts dd{margin-bottom:10px;}
+  .tp-head-actions{align-items:flex-start;text-align:left;}
+  .tp-cat-row{flex-direction:column;}
+}
+.tp-tbl th:first-child,.tp-tbl td:first-child{padding-left:0;}
+.tp-tbl tr.tp-group td{padding:16px 0 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:700;border-bottom:0;}
+.tp-tbl td.tp-key{font-weight:600;color:var(--ink);}
+.tp-tbl td.tp-key small{display:block;font-weight:400;color:var(--ink-3);font-size:11.5px;}
+.tp-tbl td.tp-team small{display:block;color:var(--ink-3);font-size:11px;margin-top:2px;}
+.tp-tbl .muted{color:var(--ink-3);}
+.tp-kind{display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;}
+.tp-kind.default{background:var(--field);color:var(--ink-2);}
+.tp-kind.soft{background:var(--blue-bg);color:var(--blue-ink);}
+.tp-kind.hard{background:var(--red-bg);color:var(--red-ink);}
+.tp-eff{font-family:var(--mono);font-size:12px;}
+.tp-eff.tight{color:var(--blue-ink-strong);font-weight:600;}
+.tp-eff.loose{color:var(--ink-3);text-decoration:line-through;}
+.tp-src{font-family:var(--sans);font-size:11px;color:var(--ink-3);font-weight:400;}
+.tp-foot{margin-top:14px;}
+/* editor (board 5) */
+.tp-editor{display:flex;flex-direction:column;gap:18px;}
+.tp-head + .tp-editor{margin-top:18px;}   /* the same gap the editor keeps between its own cards */
+/* The editor's tabs: the read view's pills, then one section each (the read view's gap between cards). */
+.tp-editor > .tp-edit-tabs{padding:0 0 4px;}
+.tp-edit-sections{display:flex;flex-direction:column;}
+.tp-edit-sec{display:flex;flex-direction:column;gap:18px;}
+.tp-edit-sec[hidden]{display:none;}
+/* The catalog editor: one bordered item per set / model, its fields on a grid. */
+.tp-cat-list{display:flex;flex-direction:column;gap:12px;}
+.tp-cat-list:empty::before{content:'None yet.';color:var(--ink-3);font-size:12.5px;}
+.tp-cat-item{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
+.tp-cat-item-head{display:flex;align-items:center;gap:10px;font-size:13.5px;}
+.tp-cat-item-head .tp-cat-rm{margin-left:auto;padding:5px 11px;font-size:12px;}
+.tp-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px;}
+.tp-cat-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
+.tp-cat-field > label{font:600 10.5px var(--sans);letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;}
+.tp-cat-field .input{padding:8px 12px;font-size:13px;border-radius:10px;}
+.tp-cat-flags{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 18px;}
+.tp-cat-flags > label:first-child{flex-basis:100%;}
+.tp-cat-effort-row{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;}
+.tp-env-rows{display:flex;flex-direction:column;gap:6px;}
+.tp-env-row{display:flex;align-items:center;gap:6px;}
+.tp-env-row .tp-env-key{flex:0 1 240px;}
+.tp-env-row .tp-env-val{flex:1 1 200px;min-width:0;}
+.tp-cat-env .tp-env-add,.tp-cat-card > .tp-cat-add{align-self:flex-start;margin-top:4px;}
+.tp-editor > .tp-msg:empty,.tp-editor > .tp-json[hidden]{display:none;}
+.tp-editor > .tp-msg{margin:0;}
+/* Editing: Publish sits beside Cancel editing on the header; the count and links under them. */
+.tp-head-btns{display:flex;align-items:center;gap:8px;}
+.tp-head-status{font-size:12px;color:var(--ink-3);text-align:right;}
+.tp-head-status .linkish{font-size:12px;}
+.tp-editor .card.tp-group-card,.tp-editor details.card{padding:20px 22px;}
+.tp-editor details.card > summary{cursor:pointer;font-size:14px;list-style:none;}
+.tp-editor details.card > summary::-webkit-details-marker{display:none;}
+.tp-editor details.card > summary::before{content:"▸";display:inline-block;width:14px;color:var(--ink-3);}
+.tp-editor details.card[open] > summary::before{content:"▾";}
+.tp-editor details.card > summary .hint{display:inline;margin:0 0 0 6px;}
+.tp-edit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) auto auto;gap:8px 14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);}
+.tp-edit-row > .tp-key{align-self:start;}
+.tp-row-unset{display:flex;align-items:center;}
+/* The second line: under the value and the kind, never beside them, so the first line keeps its
+   shape when Soft is picked. */
+.tp-edit-row > .tp-extra{grid-column:2 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:11.5px;color:var(--ink-2);}
+.tp-edit-row > .tp-extra[hidden]{display:none;}
+.tp-edit-row:last-child{border-bottom:0;}
+.tp-edit-row .tp-key{font-weight:600;font-size:13px;line-height:1.45;}
+.tp-edit-row .tp-key small{display:block;font-weight:400;color:var(--ink-3);font-size:11.5px;}
+.tp-edit-row .input,.tp-edit-row .select{padding:9px 13px;font-size:13px;border-radius:11px;background:var(--surface);border-color:var(--line-2);}
+.tp-edit-row .select{padding-right:36px;}
+.tp-edit-row .seg button{padding:6px 11px;font-size:11.5px;}
+.tp-edit-row .seg button:disabled{opacity:.4;cursor:not-allowed;}
+.tp-control{display:flex;flex-direction:column;gap:8px;min-width:0;}
+.tp-control .check-row{margin-top:2px;}
+.tp-list{display:flex;flex-wrap:wrap;gap:6px;}
+.tp-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11.5px;}
+.tp-chip-rm{background:none;border:0;padding:0;color:var(--ink-3);font:inherit;cursor:pointer;}
+.tp-chip-rm:hover{color:var(--red-ink);}
+.tp-list-empty{color:var(--ink-3);font-size:12px;}
+.tp-add-row{display:flex;gap:6px;flex-wrap:wrap;}
+.tp-add-row .input{flex:1 1 120px;min-width:0;}
+/* An input with a datalist behind it: pick from what the machine knows, or type. */
+.tp-editor .tp-pick{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:30px;}
+.tp-editor .tp-pick::-webkit-calendar-picker-indicator{opacity:0;}
+.tp-add-row .select-wrap{flex:0 0 120px;}
+.tp-extra .tp-src{flex-basis:100%;}
+.tp-onbreach{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-2);}
+.tp-onbreach .select-wrap{display:inline-block;width:96px;}
+.tp-onbreach .select{padding:6px 30px 6px 10px;font-size:12px;border-radius:9px;}
+.tp-unset{color:var(--ink-3);font-size:12px;background:none;border:none;font:inherit;cursor:pointer;text-decoration:underline;padding:0;}
+/* The pure editor's bar (team-policy-view.mjs): the page dismantles it into the header. */
+.tp-publish-bar{display:flex;align-items:center;gap:12px;}
+.tp-publish-bar .grow{flex:1;font-size:12.5px;color:var(--ink-2);}
+.tp-json{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:12px;line-height:1.5;overflow-x:auto;margin:0;}
+.tp-msg{white-space:pre-wrap;}
+@media (max-width:900px){ .tp-edit-row{grid-template-columns:1fr;} }
+/* workspace card line (board 6) */
+/* Workspace page › Team › Team policy: the actions row (the metrics table head's twin), then a
+   facts list with the label column the Team policy page uses. */
+.ws-policy{font-size:12.5px;margin-top:12px;}
+.ws-policy-inner{display:flex;flex-direction:column;gap:4px;}
+.ws-policy .tm-label{display:none;}
+.ws-policy .ws-tbl-actions{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
+.ws-policy .tp-facts{margin-top:8px;grid-template-columns:118px minmax(0,1fr);}   /* WORKSPACE RUNS fits on one line */
+.ws-policy .tp-facts dd .tm-dot{display:inline-block;vertical-align:middle;margin-right:2px;}
+.ws-policy .tp-facts dd .muted{color:var(--ink-3);}
+.ws-policy .ws-home-hint,.ws-policy .ws-policy-results{margin-top:6px;}
+/* Settings readout + chip (board 7) */
+.team-readout{display:flex;flex-direction:column;gap:6px;margin:0 0 16px;padding:12px 14px;border-radius:12px;background:var(--field);font-size:12.5px;color:var(--ink-2);}
+.team-readout b{color:var(--ink);font-weight:600;}
+.team-readout-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
+/* A repository slug is a name, not a label: keep its case (the badge uppercases everything else). */
+.team-readout-row .badge.blue{text-transform:none;letter-spacing:0;font-family:var(--mono);font-weight:600;}
+.team-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--blue-ink);background:var(--blue-bg);padding:3px 9px;border-radius:999px;margin-left:auto;}
+.team-chip .kind{font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:9.5px;opacity:.85;}
+/* New pipeline notes line (board 8) */
+.policy-line{display:flex;flex-direction:column;gap:8px;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:var(--field);font-size:12.5px;color:var(--ink-2);}
+.policy-line .pl-head-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
+.policy-line .pl-head-row .muted{color:var(--ink-3);}
+.policy-line .pl-note{display:flex;gap:8px;align-items:flex-start;line-height:1.45;}
+.policy-line .pl-note .tm-dot{margin-top:6px;}
+.policy-line .pl-note.warn{color:var(--amber-ink);}
+/* team-cap pause banner (board 9) */
+/* Team metrics KPI row: the policy tiles (Off-policy, Pooled budget) make 7–8 tiles, which leave a
+   hole in the 3-column row; four columns fill two rows for eight. Back to one column when narrow. */
+.stat-row.tm-kpis:has(> .stat-tile:nth-child(7)){grid-template-columns:repeat(4,minmax(0,1fr));}
+@media (max-width:1080px){ .stat-row.tm-kpis:has(> .stat-tile:nth-child(7)){grid-template-columns:repeat(2,minmax(0,1fr));} }
+.cost-banner.cb-policy{background:var(--blue-bg);color:var(--blue-ink);}
+/* The policy home inside the sentence: bold like the figures, but inline (`.cost-banner b` is the block heading). */
+.cost-banner .cb-home{font-weight:600;color:var(--ink);}
+/* History meta segment (board 10) */
+.hd-policy.st-info{color:var(--blue-ink);}
+/* Plugins page strip + checklist (boards 10, 11) */
+/* Settings › Plugins: what the team policy asks for, as one panel of compact rows (it scales to
+   however many plugins a policy names) with the mass action in the head. */
+.pl-required-card{margin:18px 0 14px;}
+.pl-required-card .card-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin-bottom:6px;}
+.pl-required-card .card-head b{font-size:14px;}
+.pl-required-actions{display:flex;align-items:center;gap:8px;margin-left:auto;}
+.tp-plugins-actions{display:flex;align-items:center;gap:8px;margin-left:auto;}
+.pl-required-list{display:flex;flex-direction:column;}
+.pl-required{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink-2);}
+.pl-required:last-child{border-bottom:0;}
+.pl-required .tm-dot{flex:0 0 auto;}
+.pl-required-text{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;}
+.pl-required-text b{font-weight:600;color:var(--ink);}
+.pl-required-text .hint{margin-top:0;}
+.pl-required-state{flex:0 0 auto;white-space:nowrap;}
+.pl-required-act{flex:0 0 auto;min-width:0;display:flex;justify-content:flex-end;}
+.pl-required-act:empty{display:none;}
+@media (max-width:760px){.pl-required{flex-wrap:wrap;} .pl-required-act{width:100%;}}
+.tp-setup-list{display:flex;flex-direction:column;margin-top:12px;}
+.tp-setup-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;}
+.tp-setup-row:last-child{border-bottom:0;}
+.tp-setup-row .tm-dot{flex:0 0 auto;}
+.tp-setup-text{flex:1;min-width:0;}
+.tp-setup-text .hint{margin-top:2px;}
+.tp-trust-row{margin-top:16px;align-items:flex-start;}
+.tp-trust-row .switch{margin-top:2px;}
+.tp-trust-row .txt .hint{margin-top:2px;}
+/* pooled-budget tile meter (board 10): warn from 80 %, over from 100 % */
+.stat-meter .stat-meter-fill.warn{background:var(--amber-ink);}
+.stat-meter .stat-meter-fill.over{background:var(--red-ink);}