@thebackstoryis/engineering-with-ai 0.2.9

package/public/styles.css

@@ -0,0 +1,2693 @@
+:root {
+  color-scheme: light;
+  --ink: #17211c;
+  --muted: #65716b;
+  --canvas: #edf1f2;
+  --surface: #ffffff;
+  --surface-2: #f7f9f9;
+  --line: #d7dede;
+  --line-strong: #bdc8c5;
+  --green: #176b4d;
+  --green-soft: #dff1e9;
+  --blue: #2e648f;
+  --blue-soft: #e3edf6;
+  --amber: #a05e12;
+  --amber-soft: #fff0d8;
+  --red: #a63838;
+  --red-soft: #f9e3e3;
+  --violet: #76529b;
+  --shadow: 0 12px 32px rgb(23 33 28 / 12%);
+}
+
+* { box-sizing: border-box; }
+html, body { width: 100%; height: 100%; }
+body {
+  margin: 0;
+  overflow: hidden;
+  background: var(--canvas);
+  color: var(--ink);
+  font-family: Inter, Aptos, "Segoe UI", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  -webkit-font-smoothing: antialiased;
+}
+button, input, select, textarea { font: inherit; }
+button { color: inherit; }
+.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
+.eyebrow { margin: 0 0 4px; color: var(--muted); font-size: 11px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
+
+.app-shell { display: grid; grid-template-rows: 64px minmax(0, 1fr); width: 100vw; height: 100dvh; }
+.app-bar {
+  z-index: 10;
+  display: grid;
+  grid-template-columns: minmax(210px, .7fr) minmax(0, 2fr) minmax(300px, 1fr);
+  align-items: center;
+  gap: 12px;
+  padding: 0 18px;
+  background: var(--surface);
+  border-bottom: 1px solid var(--line);
+}
+.brand-block { display: flex; align-items: center; gap: 11px; min-width: 0; }
+.brand-mark { width: 30px; height: 36px; object-fit: contain; }
+.brand-block h1 { margin: 0; overflow: hidden; font-size: 15px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
+.brand-block p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }
+.runtime-warning { color: var(--amber); font-weight: 700; }
+.view-switcher { display: flex; align-items: center; gap: 3px; min-width: 0; overflow-x: auto; padding: 3px; background: var(--canvas); border-radius: 7px; }
+.view-switcher button, .view-switcher a { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; min-height: 34px; padding: 0 10px; border: 0; border-radius: 5px; background: transparent; color: var(--muted); cursor: pointer; font-size: 12px; font-weight: 700; white-space: nowrap; }
+.view-switcher a { color: var(--green); text-decoration: none; }
+.view-switcher a:hover { background: var(--green-soft); }
+.view-switcher a:focus-visible, .premium-card:focus-visible { outline: 2px solid var(--green); outline-offset: -2px; }
+.premium-setup-form header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
+.premium-setup-form h2 { margin: 0 0 10px; }
+.premium-setup-form header p, .premium-setup-form .action-body p { color: var(--muted); line-height: 1.5; }
+.premium-setup-form .action-body { display: grid; gap: 10px; }
+.premium-setup-form input { width: 100%; min-height: 42px; border: 1px solid var(--line-strong); border-radius: 5px; padding: 10px; }
+.premium-setup-form input:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
+.premium-setup-form footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 12px; }
+#premiumSetupStatus { color: var(--ink); }
+.view-switcher button.active { background: var(--surface); color: var(--ink); box-shadow: 0 1px 3px rgb(23 33 28 / 10%); }
+.live-dot { width: 7px; height: 7px; border-radius: 50%; background: #29a36a; box-shadow: 0 0 0 3px rgb(41 163 106 / 14%); }
+.nav-count { min-width: 18px; padding: 1px 5px; border-radius: 9px; background: var(--line); font-size: 10px; text-align: center; }
+.app-actions { display: flex; justify-content: flex-end; gap: 8px; }
+.global-search input { width: min(270px, 24vw); height: 36px; padding: 0 12px 0 34px; border: 1px solid var(--line); border-radius: 6px; outline: none; background: var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%2365716b' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat 11px center; }
+.global-search input:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgb(23 107 77 / 10%); }
+.global-search input:disabled { opacity: .5; }
+.quiet-button, .close-button, .icon-button { border: 1px solid var(--line); background: var(--surface); border-radius: 6px; cursor: pointer; }
+.quiet-button { height: 36px; padding: 0 12px; font-size: 12px; font-weight: 700; }
+.icon-button { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; color: var(--muted); }
+.icon-button:hover, .icon-button[aria-expanded="true"] { border-color: var(--line-strong); background: var(--green-soft); color: var(--green); }
+.icon-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
+
+.summary-strip { position: fixed; z-index: 30; top: 58px; right: 18px; left: 18px; display: grid; grid-template-columns: repeat(6, minmax(100px, 1fr)); min-height: 60px; overflow: hidden; background: var(--surface); border: 1px solid var(--line-strong); border-radius: 7px; box-shadow: var(--shadow); }
+.summary-metric { display: flex; align-items: center; gap: 7px; padding: 0 16px; border-right: 1px solid var(--line); }
+.summary-metric strong { font-size: 19px; font-variant-numeric: tabular-nums; }
+.summary-metric span { color: var(--muted); font-size: 11px; font-weight: 650; }
+.summary-metric.positive strong { color: var(--green); }
+.summary-metric.attention strong { color: var(--amber); }
+.summary-metric.danger strong { color: var(--red); }
+
+.dashboard-view { min-width: 0; min-height: 0; }
+.board-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); }
+.filter-rail { display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; min-height: 0; overflow: hidden; padding: 16px 12px; background: var(--surface); border-right: 1px solid var(--line); }
+.rail-heading, .workspace-heading, .live-heading, .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+.rail-heading { padding: 0 4px 13px; }
+.rail-heading h2, .workspace-heading h2, .live-heading h2, .section-heading h3 { margin: 0; font-size: 16px; }
+.count-badge { min-width: 28px; padding: 4px 7px; background: var(--canvas); border-radius: 12px; color: var(--muted); font-size: 11px; font-weight: 750; text-align: center; }
+.scope-controls { display: grid; gap: 4px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
+.scope-button, .group-button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 34px; padding: 0 9px; border: 0; border-radius: 5px; background: transparent; color: var(--muted); cursor: pointer; font-size: 12px; text-align: left; }
+.scope-button:hover, .group-button:hover { background: var(--surface-2); color: var(--ink); }
+.scope-button.active, .group-button.active { background: var(--green-soft); color: #12573f; font-weight: 750; }
+.scope-button b, .group-button b { font-size: 11px; font-variant-numeric: tabular-nums; }
+.done-toggle { display: flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 9px; color: var(--muted); font-size: 12px; cursor: pointer; }
+.done-toggle input { accent-color: var(--green); }
+.group-list { display: grid; align-content: start; gap: 2px; min-height: 0; overflow-y: auto; padding-top: 12px; }
+.group-button span { display: flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.group-button i { width: 7px; height: 7px; flex: 0 0 auto; border: 1px solid var(--line-strong); border-radius: 2px; background: var(--surface); }
+.group-button.active i { border-color: var(--green); background: var(--green); }
+.rail-empty { padding: 8px; color: var(--muted); font-size: 12px; line-height: 1.5; }
+.premium-card { display: grid; gap: 7px; margin-top: 12px; padding: 13px; border: 1px solid #b8cddd; border-radius: 6px; background: linear-gradient(145deg, #edf5fa, #f8fbfd); color: var(--ink); text-decoration: none; }
+.premium-card:hover { border-color: var(--blue); box-shadow: 0 6px 16px rgb(46 100 143 / 12%); }
+.premium-kicker { display: flex; align-items: center; gap: 6px; color: var(--blue); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
+.premium-kicker i { font-style: normal; }
+.premium-card > strong { font-size: 12px; }
+.premium-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
+.premium-action { display: flex; align-items: center; justify-content: space-between; padding-top: 3px; color: var(--blue); font-size: 10px; font-weight: 800; }
+
+.board-workspace { display: grid; grid-template-rows: 56px minmax(0, 1fr); min-width: 0; min-height: 0; }
+.workspace-heading { padding: 0 16px; background: var(--surface-2); border-bottom: 1px solid var(--line); }
+.workspace-heading p { margin: 0; color: var(--muted); font-size: 11px; }
+.board-mode { display: flex; gap: 2px; padding: 2px; background: var(--canvas); border-radius: 6px; }
+.board-mode button { min-height: 28px; padding: 0 9px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); cursor: pointer; font-size: 10px; font-weight: 750; }
+.board-mode button.active { background: var(--surface); color: var(--ink); box-shadow: 0 1px 2px rgb(23 33 28 / 10%); }
+.kanban { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 1fr); min-width: 0; min-height: 0; overflow-x: auto; background: var(--canvas); }
+.kanban.cycle-board { grid-auto-columns: minmax(270px, 1fr); }
+.kanban-lane { display: grid; grid-template-rows: 43px minmax(0, 1fr); min-width: 0; min-height: 0; border-right: 1px solid var(--line); }
+.lane-heading { display: flex; align-items: center; justify-content: space-between; padding: 0 12px; background: rgb(247 249 249 / 92%); border-bottom: 1px solid var(--line); backdrop-filter: blur(8px); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
+.lane-heading span { display: flex; align-items: center; gap: 7px; }
+.lane-heading i { width: 8px; height: 8px; border-radius: 2px; background: #899692; }
+.lane-ready .lane-heading i { background: var(--blue); }
+.lane-active .lane-heading i { background: var(--green); }
+.lane-qa .lane-heading i { background: #765b9d; }
+.lane-blocked .lane-heading i { background: var(--red); }
+.lane-done .lane-heading i { background: #64716b; }
+.lane-build .lane-heading i, .lane-deliver .lane-heading i, .lane-delivery .lane-heading i { background: var(--green); }
+.lane-retro .lane-heading i, .lane-learn .lane-heading i { background: #765b9d; }
+.lane-validate-external-plan .lane-heading i, .lane-validate-external-test-plan .lane-heading i, .lane-validate-external-code .lane-heading i { background: var(--blue); }
+.lane-heading b { min-width: 22px; padding: 2px 6px; border-radius: 9px; background: var(--line); font-size: 10px; text-align: center; }
+.lane-cards { min-height: 0; overflow-y: auto; padding: 9px; }
+.lane-empty { display: grid; place-items: center; min-height: 80px; border: 1px dashed var(--line-strong); border-radius: 6px; color: var(--muted); font-size: 11px; }
+.intent-card { position: relative; margin-bottom: 8px; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; box-shadow: 0 1px 2px rgb(23 33 28 / 5%); }
+.intent-card:hover { border-color: var(--line-strong); box-shadow: 0 4px 12px rgb(23 33 28 / 8%); }
+.intent-card.has-live-work { border-left: 3px solid var(--green); }
+.intent-card > header { display: flex; justify-content: space-between; align-items: center; padding: 8px 9px 0; }
+.priority { color: var(--muted); font-size: 9px; font-weight: 850; letter-spacing: .08em; }
+.priority-p0, .priority-p1 { color: var(--red); }
+.sprint-star { width: 24px; height: 24px; padding: 0; border: 0; background: transparent; color: #a7b1ad; cursor: pointer; font-size: 17px; }
+.sprint-star.selected { color: var(--amber); }
+.card-main { display: grid; gap: 4px; width: 100%; padding: 5px 9px 10px; border: 0; background: transparent; cursor: pointer; text-align: left; }
+.card-main strong { font-size: 13px; line-height: 1.35; }
+.card-main small, .card-domain { color: var(--muted); font-size: 10px; }
+.card-domain { overflow: hidden; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
+.card-progress, .detail-progress { display: block; width: 100%; height: 3px; overflow: hidden; border: 0; appearance: none; background: var(--canvas); }
+.card-progress::-webkit-progress-bar, .detail-progress::-webkit-progress-bar, .guided-progress::-webkit-progress-bar { background: var(--canvas); }
+.card-progress::-webkit-progress-value, .detail-progress::-webkit-progress-value, .guided-progress::-webkit-progress-value { background: var(--green); }
+.card-progress::-moz-progress-bar, .detail-progress::-moz-progress-bar, .guided-progress::-moz-progress-bar { background: var(--green); }
+.intent-card > footer { display: flex; gap: 9px; align-items: center; min-height: 28px; padding: 0 9px; color: var(--muted); font-size: 9px; }
+.working-now { display: flex; align-items: center; gap: 4px; margin-left: auto; color: var(--green); font-weight: 750; }
+.working-now i, .live-pill i { width: 6px; height: 6px; border-radius: 50%; background: #29a36a; }
+
+.live-view { overflow-y: auto; padding: 22px; background: var(--canvas); }
+.live-heading { align-items: flex-end; padding-bottom: 18px; border-bottom: 1px solid var(--line-strong); }
+.live-heading h2 { font-size: 26px; }
+.live-heading p { margin: 5px 0 0; color: var(--muted); }
+.poll-state { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 11px; }
+.live-summary { display: grid; grid-template-columns: repeat(4, minmax(120px, 1fr)); margin: 16px 0; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; }
+.live-summary .summary-metric { min-height: 56px; }
+.active-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); gap: 10px; }
+.active-card { display: grid; gap: 10px; min-height: 190px; padding: 16px; border: 1px solid var(--line); border-left: 4px solid var(--green); border-radius: 6px; background: var(--surface); cursor: pointer; text-align: left; }
+.active-card.tone-question { border-left-color: var(--amber); }
+.active-card.tone-blocked, .active-card.tone-stale { border-left-color: var(--red); }
+.active-card header, .active-card footer, .active-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.active-card header span, .active-meta, .active-card footer { color: var(--muted); font-size: 10px; }
+.active-card header b { padding: 3px 7px; border-radius: 10px; background: var(--green-soft); color: var(--green); font-size: 9px; text-transform: uppercase; }
+.active-card h3, .active-card p { margin: 0; }
+.active-card h3 { font-size: 15px; }
+.active-card p { line-height: 1.5; }
+.human-question { padding: 9px; background: var(--amber-soft); border-left: 3px solid var(--amber); color: #72420d; font-size: 12px; font-weight: 650; }
+.live-empty, .fatal-error { grid-column: 1 / -1; padding: 40px; border: 1px dashed var(--line-strong); background: var(--surface); color: var(--muted); text-align: center; }
+.live-empty strong, .fatal-error strong { color: var(--ink); }
+
+.knowledge-view { display: grid; grid-template-columns: 290px minmax(0, 1fr); background: var(--surface); }
+.knowledge-rail { min-height: 0; overflow-y: auto; padding: 16px 12px; border-right: 1px solid var(--line); background: var(--surface-2); }
+.knowledge-rail > header, .knowledge-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
+.knowledge-rail h2, .knowledge-heading h2 { margin: 0; font-size: 16px; }
+.knowledge-tree { margin-top: 14px; }
+.palace-tidiness { display: flex; align-items: center; gap: 7px; margin-top: 12px; padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--muted); font-size: 10px; font-weight: 700; }
+.palace-tidiness i { width: 7px; height: 7px; border-radius: 50%; background: var(--muted); }
+.palace-tidiness.tidy { color: #12573f; }
+.palace-tidiness.tidy i { background: var(--green); }
+.palace-tidiness.attention { color: #72420d; }
+.palace-tidiness.attention i { background: var(--amber); }
+.knowledge-folder { margin: 2px 0; }
+.knowledge-folder summary { display: flex; align-items: center; justify-content: space-between; min-height: 32px; padding: 0 7px; border-radius: 5px; color: var(--ink); cursor: pointer; font-size: 11px; font-weight: 750; list-style: none; }
+.knowledge-folder summary::-webkit-details-marker { display: none; }
+.knowledge-folder summary::before { display: inline-block; width: 15px; color: var(--muted); content: "▸"; }
+.knowledge-folder[open] > summary::before { content: "▾"; }
+.knowledge-folder summary span { flex: 1; }
+.knowledge-folder summary b { color: var(--muted); font-size: 9px; }
+.knowledge-folder > div { margin-left: 12px; padding-left: 5px; border-left: 1px solid var(--line); }
+.knowledge-document { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 31px; padding: 0 7px 0 21px; border: 0; border-radius: 5px; background: transparent; color: var(--muted); cursor: pointer; font-size: 10px; text-align: left; }
+.knowledge-document span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.knowledge-document small { color: #8a9691; font-size: 8px; font-weight: 800; }
+.knowledge-document:hover { background: var(--surface); color: var(--ink); }
+.knowledge-document.active { background: var(--green-soft); color: #12573f; font-weight: 750; }
+.knowledge-workspace { display: grid; grid-template-rows: 72px minmax(0, 1fr); min-width: 0; min-height: 0; }
+.knowledge-heading { padding: 0 24px; border-bottom: 1px solid var(--line); }
+.knowledge-heading h2 { overflow: hidden; max-width: 70vw; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
+.knowledge-heading p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
+.knowledge-content { min-height: 0; overflow-y: auto; padding: 28px clamp(24px, 6vw, 80px); background: var(--surface); }
+.knowledge-markdown { max-width: 82ch; margin: 0; }
+.knowledge-source { max-width: 100%; margin: 0; overflow: auto; padding: 20px; border: 1px solid var(--line); background: var(--surface-2); color: #29342e; font: 12px/1.65 "SFMono-Regular", Consolas, monospace; white-space: pre-wrap; }
+.knowledge-empty { display: grid; place-items: center; align-content: center; min-height: 50vh; color: var(--muted); text-align: center; }
+.knowledge-empty strong { color: var(--ink); font-size: 17px; }
+.knowledge-empty p { margin: 7px 0; }
+.knowledge-mode-switcher { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; margin-top: 14px; padding: 3px; border: 1px solid var(--line); border-radius: 6px; background: var(--canvas); }
+.knowledge-mode-switcher button { min-height: 31px; padding: 0 7px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); cursor: pointer; font-size: 10px; font-weight: 750; }
+.knowledge-mode-switcher button.active { background: var(--surface); color: var(--ink); box-shadow: 0 1px 2px rgb(23 33 28 / 10%); }
+.meeting-evidence-sources { display: grid; align-content: start; gap: 7px; margin-top: 13px; }
+.meeting-source-card { display: grid; gap: 6px; width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); cursor: pointer; text-align: left; }
+.meeting-source-card:hover, .meeting-source-card.active { border-color: var(--green); box-shadow: 0 0 0 2px rgb(23 107 77 / 8%); }
+.meeting-source-card > span { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
+.meeting-source-card strong { font-size: 11px; }
+.meeting-source-card b { color: var(--green); font-size: 8px; text-transform: uppercase; }
+.meeting-source-card small { color: var(--muted); font-size: 9px; }
+.meeting-source-card code { overflow: hidden; color: var(--blue); font-size: 8px; text-overflow: ellipsis; }
+.meeting-evidence-workspace { display: grid; grid-template-rows: 72px minmax(0, 1fr); min-width: 0; min-height: 0; }
+.meeting-evidence-heading { min-width: 0; }
+.meeting-evidence-actions { display: flex; flex: 0 0 auto; gap: 7px; }
+.meeting-evidence-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; min-width: 0; min-height: 0; overflow: hidden; }
+.meeting-evidence-ledger { min-width: 0; overflow-y: auto; padding: 20px; background: var(--canvas); }
+.meeting-evidence-context { min-width: 0; overflow-y: auto; padding: 16px; border-left: 1px solid var(--line); background: var(--surface-2); }
+.meeting-evidence-context > section { margin-bottom: 14px; padding: 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.meeting-evidence-context h3 { margin: 0 0 10px; font-size: 13px; }
+.meeting-evidence-context dl { margin: 0; }
+.meeting-evidence-context dl div { padding: 8px 0; border-bottom: 1px solid var(--line); }
+.meeting-evidence-context dl div:last-child { border-bottom: 0; }
+.meeting-evidence-context dt { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.meeting-evidence-context dd { margin: 3px 0 0; overflow-wrap: anywhere; font-size: 10px; }
+.meeting-evidence-context code { font-size: 8px; }
+.meeting-evidence-spine { margin-top: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
+.meeting-evidence-spine > header { padding: 13px 16px; border-bottom: 1px solid var(--line); }
+.meeting-evidence-spine h3 { margin: 0; font-size: 15px; }
+.meeting-candidate { display: grid; grid-template-columns: 78px minmax(0, 1fr); border-bottom: 1px solid var(--line); }
+.meeting-candidate:last-child { border-bottom: 0; }
+.meeting-candidate-anchor { position: relative; padding: 15px 12px; border-right: 1px solid var(--line); color: var(--blue); font: 9px/1.4 "SFMono-Regular", Consolas, monospace; text-align: right; }
+.meeting-candidate-anchor i { position: absolute; top: 29px; right: -5px; width: 9px; height: 9px; border: 2px solid var(--surface); border-radius: 50%; background: var(--blue); }
+.meeting-candidate > div:last-child { padding: 14px 16px; }
+.meeting-candidate header { display: flex; justify-content: space-between; gap: 12px; }
+.meeting-candidate header span, .meeting-candidate header b { font-size: 8px; letter-spacing: .07em; text-transform: uppercase; }
+.meeting-candidate header span { color: var(--blue); }
+.meeting-candidate header b { color: var(--green); }
+.meeting-candidate[data-decision="rejected"] header b, .meeting-candidate[data-decision="deferred"] header b { color: var(--amber); }
+.meeting-candidate h4 { margin: 7px 0 0; font-size: 12px; line-height: 1.45; }
+.meeting-candidate p { margin: 6px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.meeting-candidate small { display: block; margin-top: 7px; color: var(--muted); font-size: 8px; }
+.meeting-persona { margin-top: 7px; padding: 9px; border: 1px solid var(--line); border-radius: 5px; }
+.meeting-persona header { display: flex; justify-content: space-between; gap: 8px; }
+.meeting-persona header strong { font-size: 10px; }
+.meeting-persona header span { color: var(--blue); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.meeting-persona p, .meeting-persona small { color: var(--muted); font-size: 8px; line-height: 1.45; }
+.meeting-persona p { margin: 5px 0; }
+.meeting-evidence-receipt { display: grid; grid-template-columns: repeat(2, minmax(0, .8fr)) minmax(0, 1.4fr); margin-top: 9px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.meeting-evidence-receipt.is-promoted { border-color: #a9cdbf; }
+.meeting-evidence-receipt span { min-width: 0; padding: 10px; border-right: 1px solid var(--line); color: var(--muted); font-size: 9px; }
+.meeting-evidence-receipt span:last-child { border-right: 0; }
+.meeting-evidence-receipt strong, .meeting-evidence-receipt code { display: block; }
+.meeting-evidence-receipt strong { margin-bottom: 3px; color: var(--ink); font-size: 8px; text-transform: uppercase; }
+.meeting-evidence-receipt code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.meeting-evidence-warning, .meeting-evidence-prepared, .meeting-evidence-message, .meeting-evidence-empty { padding: 12px 14px; border-left: 4px solid var(--amber); background: var(--amber-soft); }
+.meeting-evidence-prepared, .meeting-evidence-message { border-left-color: var(--blue); background: var(--blue-soft); }
+.meeting-evidence-empty { border: 1px dashed var(--line-strong); background: var(--surface); color: var(--muted); }
+.meeting-evidence-empty.is-error { border-color: var(--red); background: var(--red-soft); }
+.meeting-evidence-warning strong, .meeting-evidence-prepared strong, .meeting-evidence-empty strong { display: block; font-size: 11px; }
+.meeting-evidence-warning p, .meeting-evidence-prepared p, .meeting-evidence-empty p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.meeting-evidence-prepared code, .meeting-evidence-prepared span, .meeting-evidence-empty code { display: block; margin-top: 6px; font-size: 8px; }
+.meeting-evidence-advisory, .meeting-evidence-notice { margin: 10px 0 0; padding: 10px; border-left: 3px solid var(--blue); background: var(--blue-soft); color: #244e70; font-size: 8px; line-height: 1.5; }
+.meeting-evidence-notice { border-left-color: var(--amber); background: var(--amber-soft); color: #70430f; }
+.knowledge-proposal-sources { display: grid; align-content: start; gap: 7px; margin-top: 13px; }
+.knowledge-proposal-sources > h3 { margin: 8px 0 0; color: var(--muted); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
+.knowledge-proposal-source-card, .knowledge-proposal-bundle-card { display: grid; gap: 6px; width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink); text-align: left; }
+.knowledge-proposal-bundle-card { cursor: pointer; }
+.knowledge-proposal-bundle-card:hover, .knowledge-proposal-bundle-card.active { border-color: var(--green); box-shadow: 0 0 0 2px rgb(23 107 77 / 8%); }
+.knowledge-proposal-source-card > span, .knowledge-proposal-bundle-card > span { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
+.knowledge-proposal-source-card strong, .knowledge-proposal-bundle-card strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; }
+.knowledge-proposal-source-card b, .knowledge-proposal-bundle-card b { color: var(--green); font-size: 8px; text-transform: uppercase; }
+.knowledge-proposal-source-card small, .knowledge-proposal-bundle-card small { color: var(--muted); font-size: 8px; }
+.knowledge-proposal-source-card code, .knowledge-proposal-bundle-card code { overflow: hidden; color: var(--blue); font-size: 8px; text-overflow: ellipsis; }
+.knowledge-proposal-source-card button { min-height: 28px; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface-2); color: var(--ink); cursor: pointer; font-size: 9px; font-weight: 800; }
+.knowledge-proposal-workspace { display: grid; grid-template-rows: 72px minmax(0, 1fr); min-width: 0; min-height: 0; }
+.knowledge-proposal-heading { min-width: 0; }
+.knowledge-proposal-actions { display: flex; flex: 0 0 auto; gap: 7px; }
+.knowledge-proposal-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; min-width: 0; min-height: 0; overflow: hidden; }
+.knowledge-proposal-ledger { min-width: 0; overflow-y: auto; padding: 20px; background: var(--canvas); }
+.knowledge-proposal-context { min-width: 0; overflow-y: auto; padding: 16px; border-left: 1px solid var(--line); background: var(--surface-2); }
+.knowledge-proposal-context > section { margin-bottom: 14px; padding: 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.knowledge-proposal-context h3 { margin: 0 0 10px; font-size: 13px; }
+.knowledge-proposal-context dl { margin: 0; }
+.knowledge-proposal-context dl div { padding: 8px 0; border-bottom: 1px solid var(--line); }
+.knowledge-proposal-context dl div:last-child { border-bottom: 0; }
+.knowledge-proposal-context dt { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.knowledge-proposal-context dd { margin: 3px 0 0; overflow-wrap: anywhere; font-size: 9px; }
+.knowledge-proposal-context code { font-size: 8px; }
+.knowledge-proposal-spine { margin-top: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
+.knowledge-proposal-spine > header { padding: 13px 16px; border-bottom: 1px solid var(--line); }
+.knowledge-proposal-spine h3 { margin: 0; font-size: 15px; }
+.knowledge-proposal-card { padding: 15px 16px; border-bottom: 1px solid var(--line); }
+.knowledge-proposal-card:last-child { border-bottom: 0; }
+.knowledge-proposal-card header { display: flex; justify-content: space-between; gap: 12px; }
+.knowledge-proposal-card header span, .knowledge-proposal-card header b { font-size: 8px; letter-spacing: .07em; text-transform: uppercase; }
+.knowledge-proposal-card header span { color: var(--blue); }
+.knowledge-proposal-card header b { color: var(--green); }
+.knowledge-proposal-card[data-state="conflict"] header b { color: var(--amber); }
+.knowledge-proposal-card h4 { margin: 7px 0 4px; font-size: 13px; }
+.knowledge-proposal-card > code { display: block; overflow-wrap: anywhere; color: var(--blue); font-size: 8px; }
+.knowledge-proposal-card > p { margin: 7px 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.knowledge-proposal-card > small { color: var(--muted); font-size: 8px; }
+.knowledge-proposal-review-fields { display: grid; grid-template-columns: minmax(120px, .45fr) minmax(0, 1fr); gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
+.knowledge-proposal-review-fields label, .knowledge-proposal-review-panel label { display: grid; gap: 4px; }
+.knowledge-proposal-review-fields label:nth-last-child(-n + 2) { grid-column: 1 / -1; }
+.knowledge-proposal-review-fields span, .knowledge-proposal-review-panel label span { color: var(--muted); font-size: 8px; font-weight: 800; }
+.knowledge-proposal-review-fields input, .knowledge-proposal-review-fields select, .knowledge-proposal-review-fields textarea, .knowledge-proposal-review-panel input { min-width: 0; padding: 7px; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface); color: var(--ink); font-size: 9px; }
+.knowledge-proposal-disposition { margin-top: 10px; padding: 9px; border-left: 3px solid var(--green); background: var(--green-soft); }
+.knowledge-proposal-disposition strong { font-size: 9px; text-transform: uppercase; }
+.knowledge-proposal-disposition p { margin: 4px 0 0; color: var(--muted); font-size: 9px; }
+.knowledge-proposal-review-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, .6fr) auto; align-items: end; gap: 10px; margin-top: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.knowledge-proposal-review-panel > .eyebrow, .knowledge-proposal-review-panel > h3, .knowledge-proposal-review-panel > p { grid-column: 1 / -1; }
+.knowledge-proposal-review-panel h3 { margin: 0; font-size: 13px; }
+.knowledge-proposal-review-panel p { margin: 0; color: var(--muted); font-size: 9px; }
+.knowledge-proposal-persona { margin-top: 7px; padding: 9px; border: 1px solid var(--line); border-radius: 5px; }
+.knowledge-proposal-persona header { display: flex; justify-content: space-between; gap: 8px; }
+.knowledge-proposal-persona header strong { font-size: 10px; }
+.knowledge-proposal-persona header span { color: var(--blue); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.knowledge-proposal-persona[data-tier="project"] header span { color: var(--amber); }
+.knowledge-proposal-persona p, .knowledge-proposal-persona small { color: var(--muted); font-size: 8px; line-height: 1.45; }
+.knowledge-proposal-persona p { margin: 5px 0; }
+.knowledge-proposal-receipt { display: grid; grid-template-columns: repeat(2, minmax(0, .8fr)) minmax(0, 1.4fr); margin-top: 9px; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.knowledge-proposal-receipt.is-materialised { border-color: #a9cdbf; }
+.knowledge-proposal-receipt span { min-width: 0; padding: 10px; border-right: 1px solid var(--line); color: var(--muted); font-size: 9px; }
+.knowledge-proposal-receipt span:last-child { border-right: 0; }
+.knowledge-proposal-receipt strong, .knowledge-proposal-receipt code { display: block; }
+.knowledge-proposal-receipt strong { margin-bottom: 3px; color: var(--ink); font-size: 8px; text-transform: uppercase; }
+.knowledge-proposal-receipt code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.knowledge-proposal-prepared, .knowledge-proposal-message, .knowledge-proposal-empty { padding: 12px 14px; border-left: 4px solid var(--blue); background: var(--blue-soft); }
+.knowledge-proposal-empty { border: 1px dashed var(--line-strong); background: var(--surface); color: var(--muted); }
+.knowledge-proposal-empty.compact { padding: 10px; }
+.knowledge-proposal-empty.is-error { border-color: var(--red); background: var(--red-soft); }
+.knowledge-proposal-prepared strong, .knowledge-proposal-empty strong { display: block; font-size: 11px; }
+.knowledge-proposal-prepared p, .knowledge-proposal-empty p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.knowledge-proposal-prepared code, .knowledge-proposal-prepared span { display: block; margin-top: 6px; font-size: 8px; }
+.knowledge-proposal-advisory, .knowledge-proposal-notice { margin: 10px 0 0; padding: 10px; border-left: 3px solid var(--blue); background: var(--blue-soft); color: #244e70; font-size: 8px; line-height: 1.5; }
+.knowledge-proposal-notice { border-left-color: var(--amber); background: var(--amber-soft); color: #70430f; }
+
+.intent-dialog { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; }
+.intent-dialog::backdrop { background: rgb(23 33 28 / 34%); }
+.intent-drawer { display: grid; grid-template-rows: auto 48px minmax(0, 1fr); width: min(780px, 92vw); height: 100%; margin-left: auto; background: var(--surface); box-shadow: var(--shadow); }
+.drawer-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px 22px 15px; border-bottom: 1px solid var(--line); }
+.drawer-header h2 { margin: 0; font-size: 23px; }
+.drawer-header > div > p:last-child { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
+.close-button { width: 34px; height: 34px; font-size: 24px; line-height: 1; }
+.drawer-tabs { display: flex; gap: 2px; padding: 0 18px; border-bottom: 1px solid var(--line); }
+.drawer-tabs button { position: relative; padding: 0 12px; border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 11px; font-weight: 750; }
+.drawer-tabs button.active { color: var(--ink); }
+.drawer-tabs button.active::after { position: absolute; right: 10px; bottom: -1px; left: 10px; height: 2px; background: var(--green); content: ""; }
+.drawer-content { overflow-y: auto; padding: 22px; outline: none; }
+.overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
+.detail-section { padding: 17px; border: 1px solid var(--line); border-radius: 6px; }
+.detail-section.full-width, .status-section { grid-column: 1 / -1; }
+.detail-section p { margin: 10px 0 0; color: var(--muted); line-height: 1.55; }
+.execution-actions, .task-readiness { display: grid; gap: 8px; margin-top: 12px; }
+.execution-action, .task-readiness article { display: grid; grid-template-columns: minmax(90px, auto) 1fr; gap: 4px 12px; align-items: baseline; padding: 11px 12px; border: 1px solid var(--line); border-radius: 4px; }
+.execution-action span, .task-readiness span { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
+.execution-action.is-permitted { border-left: 4px solid var(--green); }
+.execution-action.is-blocked { border-left: 4px solid var(--red); }
+.execution-action p, .task-readiness small { grid-column: 2; margin: 0; color: var(--muted); }
+.intent-launchpad { position: relative; display: grid; grid-template-columns: 24px minmax(0, 1fr) minmax(150px, auto); gap: 14px; grid-column: 1 / -1; overflow: hidden; padding: 18px; border: 1px solid var(--line-strong); border-radius: 6px; background: linear-gradient(110deg, var(--surface) 0%, var(--surface) 65%, var(--surface-2) 100%); }
+.launch-track { position: relative; display: grid; justify-items: center; min-height: 76px; }
+.launch-track::before { position: absolute; top: 3px; bottom: 3px; width: 2px; background: var(--line-strong); content: ""; }
+.launch-track i { z-index: 1; width: 12px; height: 12px; border: 3px solid var(--surface); border-radius: 50%; background: var(--green); box-shadow: 0 0 0 2px var(--green); }
+.launch-track span { z-index: 1; align-self: end; width: 8px; height: 8px; border-radius: 50%; background: var(--line-strong); }
+.launch-running .launch-track i { background: var(--blue); box-shadow: 0 0 0 2px var(--blue); }
+.launch-approval .launch-track i { background: var(--amber); box-shadow: 0 0 0 2px var(--amber); }
+.launch-blocked .launch-track i { background: var(--red); box-shadow: 0 0 0 2px var(--red); }
+.launch-queued .launch-track i { background: var(--blue); box-shadow: 0 0 0 2px var(--blue); }
+.launch-copy h3 { margin: 1px 0 0; font-size: 17px; }
+.launch-copy p { max-width: 66ch; margin: 7px 0 0; color: var(--muted); line-height: 1.5; }
+.launch-copy ul { margin: 9px 0 0; padding-left: 18px; color: var(--red); font-size: 10px; line-height: 1.55; }
+.launch-notice { margin-top: 10px; padding: 8px 10px; border-left: 3px solid var(--green); background: var(--green-soft); color: #12573f; font-size: 10px; font-weight: 700; }
+.launch-controls { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 7px; min-width: 150px; }
+.launch-controls > b { align-self: flex-end; margin-bottom: 3px; color: var(--muted); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
+.launch-button, .primary-action, .secondary-action { min-height: 36px; padding: 0 13px; border-radius: 5px; cursor: pointer; font-size: 10px; font-weight: 800; }
+.launch-button.primary, .primary-action { border: 1px solid var(--green); background: var(--green); color: white; }
+.launch-button.secondary, .secondary-action { border: 1px solid var(--line-strong); background: var(--surface); color: var(--ink); }
+.launch-button.danger, .primary-action.danger { border: 1px solid #d2a4a4; background: var(--surface); color: var(--red); }
+.launch-button:hover, .primary-action:hover, .secondary-action:hover { filter: brightness(.97); }
+.launch-button:disabled, .primary-action:disabled { opacity: .48; cursor: not-allowed; }
+.large-progress { font-size: 25px; }
+.detail-progress { height: 6px; margin: 15px 0; border-radius: 3px; }
+.state-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 0; }
+.state-grid div { padding-top: 9px; border-top: 1px solid var(--line); }
+.state-grid dt { color: var(--muted); font-size: 9px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
+.state-grid dd { margin: 4px 0 0; font-size: 12px; font-weight: 700; }
+.persona-list { display: grid; gap: 7px; margin-top: 12px; }
+.persona-list span { display: flex; justify-content: space-between; gap: 10px; padding: 8px; background: var(--surface-2); font-size: 11px; font-weight: 650; }
+.persona-list small { color: var(--muted); font-size: 9px; font-weight: 500; }
+.intent-map-reference { padding: 8px; background: var(--blue-soft); color: var(--blue) !important; font-size: 10px; }
+.relationship-list { display: grid; gap: 7px; margin-top: 12px; }
+.relationship-list article { padding: 9px; border-left: 3px solid var(--blue); background: var(--surface-2); }
+.relationship-list span { display: block; color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
+.relationship-list strong { display: block; margin-top: 3px; font-size: 11px; }
+.relationship-list article p { margin-top: 4px; font-size: 9px; }
+.persona-manager { display: grid; gap: 14px; }
+.persona-manager-section, .persona-create { padding: 17px; border: 1px solid var(--line); border-radius: 6px; }
+.persona-guidance { margin: 7px 0 14px; color: var(--muted); font-size: 11px; line-height: 1.5; }
+.attached-personas, .persona-options { display: grid; gap: 7px; }
+.attached-persona { display: grid; grid-template-columns: minmax(150px, 1fr) 120px 150px auto; align-items: end; gap: 8px; padding: 10px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 5px; }
+.attached-persona > div strong, .attached-persona > div small { display: block; }
+.attached-persona > div strong { font-size: 11px; }
+.attached-persona > div small { margin-top: 3px; color: var(--muted); font-size: 9px; }
+.attached-persona label, .persona-finder label, .persona-create label { display: grid; gap: 4px; }
+.attached-persona label span, .persona-finder label span, .persona-create label span { color: var(--muted); font-size: 8px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
+.attached-persona select, .persona-finder select, .persona-finder input, .persona-create input { min-width: 0; height: 34px; padding: 0 8px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink); font-size: 10px; }
+.persona-unlink { height: 34px; padding: 0 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--red); cursor: pointer; font-size: 9px; font-weight: 750; }
+.persona-finder { display: grid; grid-template-columns: minmax(180px, 1fr) 130px 155px; align-items: end; gap: 8px; margin: 14px 0 10px; }
+.persona-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 11px; border: 1px solid var(--line); border-radius: 5px; }
+.persona-option > div > span { color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
+.persona-option strong { display: block; margin-top: 3px; font-size: 11px; }
+.persona-option p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.persona-option button, .persona-create button { height: 32px; padding: 0 11px; border: 0; border-radius: 5px; background: var(--green); color: white; cursor: pointer; font-size: 9px; font-weight: 800; }
+.persona-option button:disabled { background: var(--canvas); color: var(--muted); cursor: default; }
+.persona-no-results { padding: 24px 12px; border: 1px dashed var(--line-strong); color: var(--muted); text-align: center; }
+.persona-no-results strong { color: var(--ink); font-size: 11px; }
+.persona-no-results p { margin: 5px 0 0; font-size: 9px; }
+.persona-create summary { cursor: pointer; color: var(--green); font-size: 11px; font-weight: 800; }
+.persona-create form { display: grid; grid-template-columns: minmax(160px, 1fr) minmax(150px, 1fr) 130px auto; align-items: end; gap: 8px; margin-top: 14px; }
+.persona-library-error, .persona-link-warning { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--surface-2); }
+.persona-library-error p, .persona-link-warning p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
+.persona-library-error button, .persona-link-warning button { min-width: max-content; height: 32px; padding: 0 11px; border: 0; border-radius: 5px; background: var(--green); color: white; cursor: pointer; font-size: 9px; font-weight: 800; }
+.persona-link-warning { border-color: #dfc28e; background: var(--amber-soft); }
+
+.impact-workspace { display: grid; gap: 13px; }
+.impact-intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 2px 0 3px; }
+.impact-intro h3 { margin: 0; font-size: clamp(22px, 4vw, 32px); letter-spacing: -.035em; }
+.impact-intro p { max-width: 58ch; margin: 6px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
+.impact-intro > span { min-width: max-content; padding: 5px 8px; border-radius: 12px; background: var(--amber-soft); color: #70430f; font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.impact-index { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+.impact-index.is-fresh { border-color: #c3d9ce; background: #edf7f2; }
+.impact-index.is-stale { border-color: #dfc28e; background: #fff9ed; }
+.impact-index > div { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 8px; }
+.impact-index i { grid-row: 1 / 3; width: 8px; height: 8px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 3px rgb(160 94 18 / 12%); }
+.impact-index.is-fresh i { background: var(--green); box-shadow: 0 0 0 3px rgb(23 107 77 / 12%); }
+.impact-index strong { font-size: 11px; }
+.impact-index small { color: var(--muted); font-size: 9px; }
+.impact-index button { min-height: 34px; padding: 0 11px; border: 1px solid var(--line-strong); border-radius: 5px; background: transparent; cursor: pointer; font-size: 9px; font-weight: 800; }
+.source-map-coverage { overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
+.source-map-coverage > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 13px 14px; border-bottom: 1px solid var(--line); background: var(--surface-2); }
+.source-map-coverage > header h3, .source-map-personas h4, .source-map-detail-grid h4 { margin: 2px 0 0; font-size: 12px; }
+.source-map-coverage > header p { max-width: 68ch; margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.source-map-coverage > header b, .source-map-personas header b { min-width: max-content; font-size: 9px; }
+.source-map-outcomes { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
+.source-map-outcomes article { padding: 11px 12px; border-right: 1px solid var(--line); }
+.source-map-outcomes article:last-child { border-right: 0; }
+.source-map-outcomes span, .source-map-profiles span, .source-map-files span, .source-map-personas article span { display: block; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
+.source-map-outcomes strong { display: block; margin-top: 5px; font-size: 17px; }
+.source-map-outcomes [data-outcome="analysis_failed"] strong, .source-map-outcomes [data-outcome="skipped_sensitive"] strong { color: var(--red); }
+.source-map-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.source-map-detail-grid > section { min-width: 0; padding: 13px 14px; }
+.source-map-detail-grid > section + section { border-left: 1px solid var(--line); }
+.source-map-profiles, .source-map-files { display: grid; gap: 0; margin-top: 8px; }
+.source-map-profiles article, .source-map-files article { min-width: 0; padding: 8px 0; border-top: 1px solid var(--line); }
+.source-map-profiles strong, .source-map-files code, .source-map-personas strong { display: block; margin-top: 3px; overflow-wrap: anywhere; font-size: 10px; }
+.source-map-profiles small, .source-map-files small { display: block; margin-top: 3px; color: var(--muted); font-size: 8px; }
+.source-map-profiles p, .source-map-files p, .source-map-personas p { color: var(--muted); font-size: 9px; line-height: 1.45; }
+.source-map-personas { padding: 13px 14px; border-top: 1px solid var(--line); }
+.source-map-personas > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
+.source-map-personas > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 9px; }
+.source-map-personas article { padding: 10px; border: 1px solid var(--line); border-radius: 5px; }
+.source-map-personas article[data-tier="premium"] span, .source-map-personas article[data-tier="premium-unavailable"] span { color: #7753a6; }
+.source-map-personas article[data-tier="project"] span { color: var(--amber); }
+.source-map-personas article p { margin: 4px 0 0; }
+.source-map-boundary { margin: 0; padding: 10px 14px; border-top: 1px solid var(--line); background: var(--surface-2); color: var(--muted); font-size: 8px; }
+.impact-inputs { display: grid; grid-template-columns: 1.4fr 1fr; gap: 10px; padding: 13px; border: 1px solid var(--line); border-radius: 6px; }
+.impact-inputs label, .impact-route label, .impact-confirmation > label { display: grid; align-content: start; gap: 5px; }
+.impact-inputs label > span, .impact-route label > span, .impact-confirmation label > span { font-size: 9px; font-weight: 800; }
+.impact-inputs textarea, .impact-route input, .impact-route select, .impact-confirmation input { width: 100%; min-width: 0; padding: 9px; border: 1px solid var(--line-strong); border-radius: 5px; background: var(--surface); color: var(--ink); font-size: 10px; line-height: 1.45; }
+.impact-inputs textarea:focus, .impact-route input:focus, .impact-route select:focus, .impact-confirmation input:focus { border-color: var(--green); outline: 2px solid rgb(23 107 77 / 13%); outline-offset: 0; }
+.impact-inputs label > small { color: var(--muted); font-size: 8px; }
+.impact-inputs > button { grid-column: 1 / -1; justify-self: center; }
+.impact-message { padding: 10px 12px; border-left: 3px solid var(--blue); background: var(--blue-soft); color: #244f71; font-size: 10px; }
+.impact-message.is-error { border-left-color: var(--red); background: var(--red-soft); color: #742727; }
+.impact-message.is-success { border-left-color: var(--green); background: var(--green-soft); color: #12573f; }
+.impact-message strong { display: block; }
+.impact-message p { margin: 3px 0 0; }
+.impact-band { overflow: hidden; border: 1px solid var(--line); border-radius: 7px; }
+.impact-band > header { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; align-items: start; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--line); }
+.impact-band > header > span, .impact-card > span, .impact-persona > span { color: var(--muted); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
+.impact-band > header h3 { margin: 0; font-size: 13px; }
+.impact-band > header p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }
+.impact-band > header b { font-size: 9px; }
+.impact-observed { border-left: 4px solid var(--blue); }
+.impact-observed > header { background: var(--blue-soft); }
+.impact-inferred { border-left: 4px solid var(--amber); }
+.impact-inferred > header { background: var(--amber-soft); }
+.impact-decided { border-left: 4px solid var(--green); }
+.impact-decided > header { background: var(--green-soft); }
+.impact-evidence-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(180px, .8fr); }
+.impact-node-list { display: grid; gap: 0; margin: 0; padding: 8px 14px; list-style: none; }
+.impact-node-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px; padding: 9px 0; border-bottom: 1px solid var(--line); }
+.impact-node-list li:last-child { border-bottom: 0; }
+.impact-node-list span, .impact-node-list small { color: var(--muted); font-size: 8px; text-transform: capitalize; }
+.impact-node-list code { grid-column: 1 / -1; overflow-wrap: anywhere; color: #244f71; font-size: 10px; }
+.impact-coverage { padding: 14px; border-left: 1px solid var(--line); background: #fff9ed; }
+.impact-coverage.is-complete { background: #edf7f2; }
+.impact-coverage strong { font-size: 11px; }
+.impact-coverage p { margin: 7px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.impact-persona-grid, .impact-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px; }
+.impact-card-grid { padding-top: 0; }
+.impact-persona, .impact-card { min-width: 0; padding: 11px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); }
+.impact-persona > span { color: var(--blue); }
+.impact-persona[data-tier="premium"] > span { color: #7753a6; }
+.impact-persona[data-tier="project"] > span { color: var(--amber); }
+.impact-persona strong, .impact-card strong { display: block; margin-top: 4px; font-size: 11px; }
+.impact-persona p, .impact-card p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.impact-card code { display: block; margin-top: 7px; overflow-wrap: anywhere; color: var(--blue); font-size: 8px; }
+.impact-empty-row { grid-column: 1 / -1; color: var(--muted); font-size: 10px; }
+.impact-route-list { display: grid; gap: 8px; padding: 12px; }
+.impact-route { display: grid; grid-template-columns: minmax(0, 1fr) 125px minmax(150px, .75fr); gap: 10px; align-items: start; padding: 11px; border: 1px solid var(--line); border-radius: 5px; }
+.impact-route strong { font-size: 11px; }
+.impact-route p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.impact-route small { display: block; margin-top: 5px; color: var(--blue); font-size: 8px; }
+.impact-route label.is-required > span::after { color: var(--red); content: " · required"; }
+.impact-confirmation { display: grid; grid-template-columns: minmax(150px, .55fr) minmax(240px, 1fr) auto; align-items: end; gap: 12px; padding: 12px; border-top: 1px solid var(--line); background: var(--surface-2); }
+.impact-acknowledge { grid-template-columns: auto 1fr !important; align-items: center !important; }
+.impact-acknowledge input { width: 16px; height: 16px; padding: 0; accent-color: var(--green); }
+.impact-acknowledge span { font-weight: 600 !important; line-height: 1.4; }
+.impact-boundary { margin: 0; padding: 0 12px 12px; background: var(--surface-2); color: var(--muted); font-size: 8px; }
+.impact-history { padding: 13px; border: 1px solid var(--line); border-radius: 6px; }
+.impact-history > article { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid var(--line); }
+.impact-history > article:first-of-type { margin-top: 10px; }
+.impact-history strong, .impact-history span { display: block; }
+.impact-history strong { font-size: 10px; }
+.impact-history span { margin-top: 3px; color: var(--muted); font-size: 8px; }
+.impact-history code { color: var(--blue); font-size: 8px; }
+.test-scenario-workspace { display: grid; gap: 13px; }
+.test-scenario-intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 2px 0 3px; }
+.test-scenario-intro h3 { margin: 0; font-size: clamp(22px, 4vw, 32px); letter-spacing: -.035em; }
+.test-scenario-intro p { margin: 6px 0 0; color: var(--muted); font: italic 13px/1.45 Georgia, serif; }
+.test-scenario-status, .test-scenario-library { min-width: max-content; padding: 5px 8px; border-radius: 12px; background: var(--surface-2); color: var(--muted); font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
+.test-scenario-status.is-recorded { background: var(--green-soft); color: var(--green); }
+.test-scenario-status.is-stale, .test-scenario-status.is-missing, .test-scenario-library.is-unavailable { background: var(--amber-soft); color: #70430f; }
+.test-scenario-status.is-invalid { background: var(--red-soft); color: #742727; }
+.test-scenario-state { padding: 12px 14px; border-left: 4px solid var(--amber); background: var(--amber-soft); }
+.test-scenario-state.is-invalid { border-left-color: var(--red); background: var(--red-soft); }
+.test-scenario-state strong, .test-scenario-state p, .test-scenario-state code { display: block; }
+.test-scenario-state strong { font-size: 11px; }
+.test-scenario-state p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.test-scenario-state code { margin-top: 8px; overflow-wrap: anywhere; color: var(--blue); font-size: 9px; }
+.test-scenario-receipt { display: grid; grid-template-columns: repeat(2, minmax(0, .75fr)) minmax(0, 1.5fr); border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.test-scenario-receipt > span { min-width: 0; padding: 10px 12px; border-right: 1px solid var(--line); color: var(--muted); font-size: 9px; }
+.test-scenario-receipt > span:last-child { border-right: 0; }
+.test-scenario-receipt strong, .test-scenario-receipt code { display: block; }
+.test-scenario-receipt strong { margin-bottom: 3px; color: var(--ink); font-size: 8px; text-transform: uppercase; }
+.test-scenario-receipt code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.test-scenario-readiness, .test-scenario-personas, .test-scenario-loom, .test-scenario-gaps { overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
+.test-scenario-readiness > header, .test-scenario-personas > header, .test-scenario-loom > header, .test-scenario-gaps > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 12px 14px; border-bottom: 1px solid var(--line); background: var(--surface-2); }
+.test-scenario-readiness h4, .test-scenario-personas h4, .test-scenario-loom h4, .test-scenario-gaps h4 { margin: 1px 0 0; font-size: 13px; }
+.test-scenario-readiness > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); }
+.test-scenario-readiness > div > span { padding: 11px 13px; border-right: 1px solid var(--line); color: var(--muted); font-size: 8px; text-transform: uppercase; }
+.test-scenario-readiness > div > span:last-child { border-right: 0; }
+.test-scenario-readiness > div strong { display: block; margin-bottom: 2px; color: var(--ink); font-size: 17px; }
+.test-scenario-readiness > div > p { padding: 12px 14px; color: var(--muted); font-size: 9px; }
+.test-scenario-personas > header > b, .test-scenario-loom > header > span { color: var(--muted); font-size: 9px; }
+.test-scenario-personas > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 12px; }
+.test-scenario-persona { min-width: 0; padding: 11px; border: 1px solid var(--line); border-radius: 5px; }
+.test-scenario-persona > span { color: var(--blue); font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
+.test-scenario-persona[data-tier="premium"] > span { color: #76529b; }
+.test-scenario-persona[data-tier="project"] > span { color: var(--amber); }
+.test-scenario-persona strong, .test-scenario-persona small { display: block; }
+.test-scenario-persona strong { margin-top: 4px; font-size: 11px; }
+.test-scenario-persona small { margin-top: 4px; color: var(--blue); font-size: 8px; }
+.test-scenario-persona p { margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.test-scenario-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 10px 12px; border-bottom: 1px solid var(--line); }
+.test-scenario-filters label { display: grid; gap: 5px; }
+.test-scenario-filters label > span { font-size: 8px; font-weight: 800; }
+.test-scenario-filters select { width: 100%; min-width: 0; padding: 8px; border: 1px solid var(--line-strong); border-radius: 5px; background: var(--surface); color: var(--ink); font-size: 9px; }
+.test-scenario-rows { display: grid; }
+.test-scenario-row { padding: 13px; border-bottom: 1px solid var(--line); }
+.test-scenario-row:last-child { border-bottom: 0; }
+.test-scenario-row > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
+.test-scenario-row > header span { color: var(--blue); font: 8px/1.3 "SFMono-Regular", Consolas, monospace; text-transform: uppercase; }
+.test-scenario-row > header h4 { margin: 3px 0 0; font-size: 12px; }
+.test-scenario-row > header b { padding: 3px 6px; border: 1px solid currentColor; border-radius: 9px; color: var(--green); font-size: 8px; text-transform: uppercase; }
+.test-scenario-row[data-status="blocked"] > header b, .test-scenario-row[data-status="hypothesis"] > header b { color: var(--amber); }
+.test-scenario-row[data-status="superseded"] > header b { color: var(--muted); }
+.test-scenario-join { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 10px; border: 1px solid var(--line); border-radius: 5px; }
+.test-scenario-join > section { min-width: 0; padding: 9px 10px; border-right: 1px solid var(--line); }
+.test-scenario-join > section:last-child { border-right: 0; }
+.test-scenario-join > section > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
+.test-scenario-join code, .test-scenario-join section div > span, .test-scenario-join section div > strong, .test-scenario-join section div > small, .test-scenario-join section div > span > b, .test-scenario-join section div > span > small { display: block; overflow-wrap: anywhere; }
+.test-scenario-join code { margin-top: 4px; color: var(--blue); font-size: 8px; }
+.test-scenario-join b, .test-scenario-join strong { font-size: 9px; }
+.test-scenario-join small { margin-top: 3px; color: var(--muted); font-size: 8px; line-height: 1.4; }
+.test-scenario-row > p { margin: 9px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.test-scenario-row > p strong { color: var(--ink); }
+.test-scenario-gaps ul { margin: 0; padding: 0; list-style: none; }
+.test-scenario-gaps li { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; gap: 10px; padding: 10px 13px; border-bottom: 1px solid var(--line); font-size: 9px; }
+.test-scenario-gaps li:last-child { border-bottom: 0; }
+.test-scenario-gaps li strong { color: var(--amber); font-family: "SFMono-Regular", Consolas, monospace; }
+.test-scenario-gaps li b { color: var(--muted); text-transform: uppercase; }
+.test-scenario-empty { grid-column: 1 / -1; margin: 0; padding: 13px; color: var(--muted); font-size: 9px; }
+.test-scenario-boundary { margin: 0; padding: 10px 12px; border-left: 3px solid var(--blue); background: var(--blue-soft); color: #244f71; font-size: 8px; line-height: 1.5; }
+.live-pill { display: flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 11px; background: var(--green-soft); color: var(--green); font-size: 10px; font-weight: 750; }
+.phase-list, .material-list, .activity-list { display: grid; }
+.phase-row { display: grid; grid-template-columns: 30px 12px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 54px; border-bottom: 1px solid var(--line); }
+.phase-number { color: var(--muted); font-size: 9px; font-variant-numeric: tabular-nums; }
+.phase-row > i { width: 10px; height: 10px; border: 2px solid var(--line-strong); border-radius: 50%; background: var(--surface); }
+.phase-row.phase-completed > i { border-color: var(--green); background: var(--green); }
+.phase-row.phase-active > i, .phase-row.phase-running > i { border-color: var(--blue); box-shadow: 0 0 0 3px var(--blue-soft); }
+.phase-row.phase-blocked > i, .phase-row.phase-failed > i { border-color: var(--red); background: var(--red); }
+.phase-row strong { display: block; font-size: 12px; }
+.phase-row small { color: var(--muted); font-size: 10px; }
+.phase-row > b { color: var(--muted); font-size: 9px; text-transform: uppercase; }
+.material-row { display: grid; grid-template-columns: 95px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 13px 0; border-bottom: 1px solid var(--line); }
+.material-row > span, .material-row > b { color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; }
+.material-row strong, .material-row code { display: block; }
+.material-row strong { font-size: 12px; }
+.material-row code { margin-top: 5px; overflow-wrap: anywhere; color: var(--muted); font: 10px/1.5 "SFMono-Regular", Consolas, monospace; }
+.activity-row { display: grid; grid-template-columns: 10px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line); }
+.activity-row > i { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: var(--green); }
+.activity-row.needs-human > i { background: var(--amber); }
+.activity-row header { display: flex; justify-content: space-between; }
+.activity-row header span, .activity-row small { color: var(--muted); font-size: 9px; }
+.activity-row p { margin: 6px 0; line-height: 1.5; }
+.activity-row pre { max-height: 200px; overflow: auto; padding: 10px; background: var(--surface-2); font-size: 10px; white-space: pre-wrap; }
+.detail-empty { padding: 50px 20px; border: 1px dashed var(--line-strong); color: var(--muted); text-align: center; }
+.detail-empty strong { color: var(--ink); }
+.prototype-view { display: grid; grid-template-rows: auto minmax(420px, 1fr) auto; gap: 14px; min-height: calc(100dvh - 220px); }
+.prototype-view > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
+.prototype-view h3 { margin: 0 0 5px; font-size: 16px; }
+.prototype-view code { color: var(--muted); font: 10px/1.4 "SFMono-Regular", Consolas, monospace; }
+.prototype-view a { padding: 7px 10px; border: 1px solid var(--line); border-radius: 5px; color: var(--green); font-size: 10px; font-weight: 750; text-decoration: none; white-space: nowrap; }
+.prototype-view iframe { width: 100%; height: 100%; min-height: 420px; border: 1px solid var(--line); background: white; }
+.prototype-variants { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; color: var(--muted); font-size: 10px; }
+.prototype-variants span { padding: 5px 8px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 4px; }
+.markdown-body { max-width: 70ch; margin: 0 auto; color: #29342e; font-size: 14px; line-height: 1.7; }
+.markdown-body h2 { margin: 1.7em 0 .55em; color: var(--ink); font-size: 22px; line-height: 1.25; }
+.markdown-body h3 { margin: 1.5em 0 .5em; color: var(--ink); font-size: 16px; }
+.markdown-body h4 { margin: 1.25em 0 .4em; font-size: 14px; }
+.markdown-body p, .markdown-body li { margin: .55em 0; }
+.markdown-body code { padding: 2px 4px; border-radius: 3px; background: var(--canvas); font-family: "SFMono-Regular", Consolas, monospace; font-size: .88em; }
+.markdown-body a { color: var(--green); }
+
+.guided-view { display: grid; grid-template-columns: 230px minmax(440px, 1fr) 300px; min-height: 0; background: var(--surface-2); }
+.guided-rail, .guided-outline { min-height: 0; overflow-y: auto; padding: 22px 15px; background: var(--surface); }
+.guided-rail { border-right: 1px solid var(--line); }
+.guided-rail h2, .guided-outline h2 { margin: 0; font-size: 17px; letter-spacing: -.02em; }
+.guided-rail > p, .guided-outline > p { margin: 6px 0 18px; color: var(--muted); font-size: 11px; line-height: 1.55; }
+.guided-progress { display: block; width: 100%; height: 4px; overflow: hidden; margin-bottom: 18px; border: 0; border-radius: 4px; appearance: none; background: var(--canvas); }
+.guided-sections { display: grid; gap: 3px; }
+.guided-section { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 8px; width: 100%; min-height: 45px; padding: 6px 8px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); cursor: pointer; text-align: left; }
+.guided-section:hover { background: var(--surface-2); color: var(--ink); }
+.guided-section b { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--line-strong); border-radius: 50%; background: var(--surface); font-size: 9px; }
+.guided-section strong, .guided-section small { display: block; }
+.guided-section strong { font-size: 11px; }
+.guided-section small { margin-top: 1px; font-size: 9px; font-weight: 500; }
+.guided-section em { font-size: 11px; font-style: normal; }
+.guided-section.done b { border-color: var(--green); background: var(--green); color: white; }
+.guided-section.active { background: var(--green-soft); color: #12573f; }
+.guided-section.active b { border-color: var(--green); color: var(--green); }
+.guided-section.active.done b { color: white; }
+
+.guided-workspace { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; }
+.guided-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 72px; padding: 10px 28px; border-bottom: 1px solid var(--line); background: var(--surface-2); }
+.guided-heading h2 { margin: 0; font-size: 15px; }
+.guided-heading p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
+.guided-step-count { color: var(--muted); font: 10px/1.3 "SFMono-Regular", Consolas, monospace; white-space: nowrap; }
+.guided-content { min-height: 0; overflow-y: auto; padding: 30px clamp(22px, 4vw, 56px); }
+.guided-empty, .guided-completed { display: grid; place-items: center; align-content: center; min-height: 100%; color: var(--muted); text-align: center; }
+.guided-empty strong, .guided-completed h3 { color: var(--ink); }
+.guided-empty p, .guided-completed p { max-width: 52ch; margin: 7px 0 0; line-height: 1.55; }
+.guided-completed i { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 18px; border-radius: 50%; background: var(--green); color: white; font-size: 24px; font-style: normal; }
+.guided-completed h3 { max-width: 650px; margin: 10px 0 0; font-size: 26px; }
+.guided-completed .primary-action { margin-top: 20px; }
+.guided-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 70px; padding: 10px 28px; border-top: 1px solid var(--line); background: var(--surface); }
+.guided-actions > span { color: var(--muted); font-size: 10px; }
+.guided-actions > div { display: flex; gap: 8px; }
+
+.guided-personas { max-width: 820px; margin: 0 auto 24px; padding: 14px; border: 1px solid #c5d4cc; border-radius: 8px; background: #f2f8f5; }
+.guided-personas > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 11px; }
+.guided-personas h3 { margin: 0; font-size: 12px; }
+.guided-personas header p { margin: 2px 0 0; color: var(--muted); font-size: 9px; }
+.guided-persona-status { display: flex; align-items: center; gap: 6px; color: #12573f; font-size: 9px; font-weight: 800; white-space: nowrap; }
+.guided-persona-status i { width: 6px; height: 6px; border-radius: 50%; background: #29a36a; box-shadow: 0 0 0 3px rgb(41 163 106 / 14%); }
+.guided-persona-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; }
+.guided-persona { min-width: 0; padding: 10px; border: 1px solid #d4dfd9; border-radius: 6px; background: var(--surface); }
+.guided-persona > div { display: flex; align-items: center; gap: 7px; }
+.guided-persona-avatar { display: grid; flex: 0 0 auto; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--green-soft); color: #12573f; font-size: 9px; font-weight: 900; }
+.guided-persona > div p { min-width: 0; margin: 0; }
+.guided-persona strong { display: block; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
+.guided-persona > div p span { display: block; margin-top: 2px; color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
+.guided-persona[data-tier="premium"] > div p span { color: #7753a6; }
+.guided-persona[data-tier="project"] > div p span { color: var(--amber); }
+.guided-persona > p { margin: 7px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.guided-no-personas { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: 10px; }
+
+.evidence-depth-panel { max-width: 980px; margin: 0 auto 24px; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface); }
+.evidence-depth-panel > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 16px; cursor: pointer; list-style: none; background: #f7f9f8; }
+.evidence-depth-panel > summary::-webkit-details-marker { display: none; }
+.evidence-depth-panel > summary span, .evidence-depth-panel > summary b, .evidence-depth-panel > summary small { display: block; }
+.evidence-depth-panel > summary b { font-size: 12px; }
+.evidence-depth-panel > summary small { margin-top: 2px; color: var(--muted); font-size: 9px; }
+.evidence-depth-panel > summary em { padding: 4px 7px; border-radius: 999px; background: var(--green-soft); color: #12573f; font-size: 8px; font-style: normal; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
+.evidence-depth-panel > summary em[data-status="source-map-stale"], .evidence-depth-panel > summary em[data-status="source-map-missing"] { background: var(--amber-soft); color: #6f4b19; }
+.evidence-depth-empty { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px; padding: 18px; border-top: 1px solid var(--line); }
+.evidence-depth-empty h3 { margin: 3px 0 6px; font-size: 17px; }
+.evidence-depth-empty p { max-width: 70ch; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
+.evidence-depth-empty code { grid-column: 1 / -1; padding: 9px; background: var(--canvas); font-size: 9px; overflow-wrap: anywhere; }
+.evidence-depth-design-notice { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 8px 16px; border-block: 1px solid #e4cfaa; background: var(--amber-soft); color: #6f4b19; font-size: 8px; }
+.evidence-depth-design-notice span { text-align: right; }
+.evidence-depth-notice { margin: 0; padding: 10px 16px; border-bottom: 1px solid var(--line); background: var(--blue-soft); color: #36576d; font-size: 9px; }
+.evidence-depth-review > header, .evidence-depth-gaps > header, .evidence-depth-compare > header { display: flex; align-items: end; justify-content: space-between; gap: 18px; padding: 16px; }
+.evidence-depth-review h3, .evidence-depth-gaps h3, .evidence-depth-questions h3, .evidence-depth-compare h3 { margin: 3px 0 0; font-size: 15px; }
+.evidence-depth-review label, .evidence-depth-gaps label, .evidence-depth-compare label { display: grid; gap: 4px; color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.evidence-depth-review input, .evidence-depth-review select, .evidence-depth-gaps input, .evidence-depth-gaps select, .evidence-depth-compare select { min-height: 34px; padding: 7px 9px; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface); color: var(--ink); font-size: 10px; text-transform: none; }
+.evidence-depth-review input:focus, .evidence-depth-review select:focus, .evidence-depth-gaps input:focus, .evidence-depth-gaps select:focus, .evidence-depth-compare select:focus { border-color: var(--green); outline: 3px solid rgb(23 107 77 / 10%); }
+.evidence-depth-ledger { border-block: 1px solid var(--line); }
+.evidence-depth-ledger-head { display: grid; grid-template-columns: 1.1fr .85fr .75fr 1.2fr; gap: 10px; padding: 8px 14px; background: var(--canvas); color: var(--muted); font-size: 8px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
+.evidence-depth-row { display: grid; grid-template-columns: 1.1fr .85fr .75fr 1.2fr; gap: 10px; padding: 12px 14px; border-top: 1px solid var(--line); }
+.evidence-depth-row:first-of-type { border-top: 0; }
+.evidence-depth-row > div { min-width: 0; }
+.evidence-depth-row > div > strong { display: block; font-size: 11px; text-transform: capitalize; }
+.evidence-depth-row small { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; line-height: 1.4; }
+.evidence-depth-row [data-coverage] { display: inline-block; color: #12573f; font-size: 9px; text-transform: capitalize; }
+.evidence-depth-row [data-coverage="owner-evidence-required"], .evidence-depth-row [data-coverage="partial"], .evidence-depth-row [data-coverage="contradictory"] { color: #9b5f12; }
+.evidence-depth-level { display: inline-block; padding: 4px 7px; border-radius: 999px; background: var(--blue-soft); color: #36576d; font-size: 8px; font-weight: 850; text-transform: uppercase; }
+.evidence-depth-row > div:nth-child(4) { display: grid; grid-template-columns: .72fr 1.28fr; gap: 6px; }
+.evidence-depth-row-personas { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; padding-top: 6px; border-top: 1px dashed var(--line); }
+.evidence-depth-row-personas > span { margin-right: 3px; color: var(--muted); font-size: 8px; font-weight: 750; text-transform: uppercase; }
+.evidence-depth-row-personas b { padding: 3px 6px; border-radius: 999px; background: var(--green-soft); color: #12573f; font-size: 8px; font-weight: 750; }
+.evidence-depth-row-personas b[data-tier="premium"] { background: #f1ebf8; color: #68488f; }
+.evidence-depth-row-personas b[data-tier="project"] { background: var(--amber-soft); color: #6f4b19; }
+.evidence-depth-gaps, .evidence-depth-questions, .evidence-depth-compare { border-top: 1px solid var(--line); }
+.evidence-depth-gaps > article { display: grid; grid-template-columns: minmax(0, 1fr) 190px 110px; align-items: center; gap: 10px; padding: 10px 16px; border-top: 1px solid var(--line); }
+.evidence-depth-gaps article strong, .evidence-depth-gaps article span, .evidence-depth-gaps article small { display: block; }
+.evidence-depth-gaps article strong { font: 9px/1.4 "SFMono-Regular", Consolas, monospace; }
+.evidence-depth-gaps article span { margin-top: 2px; font-size: 9px; }
+.evidence-depth-gaps article small { margin-top: 2px; color: var(--muted); font-size: 8px; }
+.evidence-depth-gaps > p, .evidence-depth-questions > p { margin: 0; padding: 12px 16px; color: var(--muted); font-size: 9px; }
+.evidence-depth-questions { padding: 16px; }
+.evidence-depth-questions > article { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .7fr); gap: 12px; margin-top: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 6px; }
+.evidence-depth-questions article strong { font-size: 9px; text-transform: uppercase; }
+.evidence-depth-questions article p { margin: 4px 0; font-size: 10px; line-height: 1.5; }
+.evidence-depth-questions article small { color: var(--muted); font-size: 8px; }
+.evidence-depth-questions aside { display: grid; gap: 5px; }
+.evidence-depth-persona { padding: 7px; border-left: 3px solid var(--green); background: var(--green-soft); }
+.evidence-depth-persona strong, .evidence-depth-persona span { display: inline; font-size: 8px; }
+.evidence-depth-persona span { margin-left: 5px; color: #12573f; text-transform: uppercase; }
+.evidence-depth-persona p { margin: 3px 0 0 !important; color: #405763; font-size: 8px !important; }
+.evidence-depth-review > footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border-top: 1px solid var(--line); background: #f7f9f8; }
+.evidence-depth-review > footer p { max-width: 66ch; margin: 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
+.evidence-depth-review > footer div { display: flex; gap: 7px; }
+.evidence-depth-compare > header > div:last-child { display: flex; align-items: end; gap: 7px; }
+.evidence-depth-comparison { display: grid; grid-template-columns: 1.35fr repeat(7, 1fr); align-items: center; gap: 6px; padding: 10px 16px; border-top: 1px solid var(--line); background: var(--green-soft); }
+.evidence-depth-comparison[data-reproducible="false"] { background: var(--amber-soft); }
+.evidence-depth-comparison > strong { font-size: 9px; }
+.evidence-depth-comparison span { color: var(--muted); font-size: 8px; text-align: center; }
+.evidence-depth-comparison span b { display: block; color: var(--ink); text-transform: capitalize; }
+
+.guided-question-card, .guided-review { max-width: 820px; margin: 0 auto; }
+.guided-question-number { display: flex; align-items: center; gap: 10px; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
+.guided-question-number::after { width: 44px; height: 1px; background: var(--blue); content: ""; }
+.guided-question-card > h3, .guided-review > h3 { max-width: 760px; margin: 16px 0 9px; font-size: clamp(25px, 3vw, 40px); line-height: 1.08; letter-spacing: -.04em; }
+.guided-question-card > p, .guided-review > p { max-width: 680px; margin: 0 0 22px; color: var(--muted); font-size: 13px; line-height: 1.6; }
+.guided-answer-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(230px, .85fr); gap: 16px; align-items: stretch; }
+.guided-answer-field, .guided-evidence-margin { padding: 16px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
+.guided-answer-field label { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; font-size: 11px; font-weight: 800; }
+.guided-answer-field label span { color: var(--amber); font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
+.guided-answer-field input, .guided-answer-field select, .guided-answer-field textarea { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid var(--line-strong); border-radius: 5px; outline: none; background: #fbfcfc; color: var(--ink); line-height: 1.5; }
+.guided-answer-field input, .guided-answer-field select { min-height: 42px; }
+.guided-answer-field textarea { resize: vertical; }
+.guided-answer-field input:focus, .guided-answer-field select:focus, .guided-answer-field textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgb(23 107 77 / 10%); }
+.guided-answer-field > small { display: block; margin-top: 8px; color: var(--muted); font-size: 9px; }
+.guided-answer-field.has-error { border-color: #d2a4a4; }
+.guided-field-error { margin: 8px 0 0; color: var(--red); font-size: 10px; }
+.guided-blueprint-picker { display: grid; gap: 12px; }
+.guided-blueprint-empty { padding: 13px; border: 1px dashed var(--line-strong); border-radius: 6px; background: var(--surface-2); }
+.guided-blueprint-empty strong { font-size: 11px; }
+.guided-blueprint-empty p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.guided-blueprint-unavailable { padding: 11px 13px; border-left: 3px solid var(--amber); background: var(--amber-soft); color: #6f4b19; }
+.guided-blueprint-unavailable strong { font-size: 10px; }
+.guided-blueprint-unavailable p { margin: 4px 0 0; font-size: 9px; line-height: 1.45; }
+.guided-blueprint-unavailable code { color: inherit; font-size: 8px; }
+.guided-blueprint-summary { overflow: hidden; border: 1px solid #c5d4cc; border-radius: 7px; background: #f7faf8; }
+.guided-blueprint-summary > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 14px; border-bottom: 1px solid #d4dfd9; }
+.guided-blueprint-summary h4 { margin: 3px 0; font-size: 14px; }
+.guided-blueprint-summary header p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.guided-blueprint-summary header code { display: block; margin-top: 5px; color: #405763; font-size: 8px; overflow-wrap: anywhere; }
+.guided-blueprint-compatible { flex: 0 0 auto; padding: 4px 7px; border-radius: 999px; background: var(--green-soft); color: #12573f; font-size: 8px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
+.guided-blueprint-compatible.unavailable { background: var(--amber-soft); color: #6f4b19; }
+.guided-blueprint-incompatible { margin: 0; padding: 10px 14px; border-bottom: 1px solid #e4cfaa; background: var(--amber-soft); color: #6f4b19; font-size: 9px; line-height: 1.45; }
+.guided-blueprint-dependencies { margin: 0; padding: 9px 14px; border-bottom: 1px solid #d4dfd9; color: var(--muted); font-size: 9px; }
+.guided-blueprint-dependencies code { color: var(--ink); font-size: 8px; }
+.guided-blueprint-modules { display: grid; gap: 0; }
+.guided-blueprint-module { display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: flex-start !important; justify-content: initial !important; gap: 10px !important; margin: 0 !important; padding: 12px 14px; border-bottom: 1px solid #dfe7e2; cursor: pointer; }
+.guided-blueprint-module:last-child { border-bottom: 0; }
+.guided-blueprint-module:hover { background: #f0f7f3; }
+.guided-blueprint-module input { width: 15px !important; min-height: 15px !important; margin: 2px 0 0; accent-color: var(--green); }
+.guided-blueprint-module span { color: inherit !important; font-size: inherit !important; letter-spacing: normal !important; text-transform: none !important; }
+.guided-blueprint-module strong, .guided-blueprint-module small { display: block; }
+.guided-blueprint-module strong { font-size: 10px; }
+.guided-blueprint-module small { margin-top: 2px; color: #12573f; font-size: 8px; font-weight: 750; }
+.guided-blueprint-module p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.guided-blueprint-module.required { cursor: default; }
+.guided-blueprint-module.required:hover { background: transparent; }
+.guided-blueprint-impact { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #d4dfd9; background: var(--surface); }
+.guided-blueprint-impact span { padding: 10px; color: var(--muted); font-size: 8px; text-align: center; text-transform: uppercase; }
+.guided-blueprint-impact strong { display: block; margin-bottom: 2px; color: var(--ink); font-size: 15px; }
+.guided-blueprint-boundary { margin: 0; padding: 10px 14px; border-top: 1px solid #d4dfd9; color: #405763; font-size: 9px; line-height: 1.5; }
+.guided-evidence-margin { position: relative; overflow: hidden; border-color: #b8cddd; background: var(--blue-soft); }
+.guided-evidence-margin::before { position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--blue); content: ""; }
+.guided-evidence-margin h4 { margin: 0 0 10px; color: var(--blue); font-size: 11px; }
+.guided-evidence-margin p { margin: 0 0 12px; color: #405763; font-size: 10px; line-height: 1.5; }
+.guided-evidence-margin code { display: block; margin: 5px 0 14px; color: #36576d; font: 9px/1.45 "SFMono-Regular", Consolas, monospace; overflow-wrap: anywhere; }
+.guided-evidence-margin strong { display: block; margin-bottom: 5px; color: #36576d; font-size: 9px; text-transform: uppercase; }
+.guided-error { max-width: 820px; margin: 0 auto 18px; padding: 12px 14px; border-left: 4px solid var(--red); background: var(--red-soft); color: #762828; }
+.guided-error strong { font-size: 11px; }
+.guided-error p { margin: 4px 0 0; font-size: 10px; line-height: 1.5; }
+
+.guided-outline { border-left: 1px solid var(--line); }
+.guided-thesis { padding: 15px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-2); }
+.guided-thesis blockquote { margin: 9px 0 0; font: 600 17px/1.35 Georgia, "Times New Roman", serif; letter-spacing: -.015em; }
+.guided-outline-section { padding: 14px 1px; border-bottom: 1px solid var(--line); }
+.guided-outline-section header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+.guided-outline-section h3 { margin: 0; font-size: 11px; }
+.guided-outline-section header span { color: var(--green); font-size: 9px; font-weight: 800; }
+.guided-outline-section p { margin: 6px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.guided-review-note { margin-top: 17px; padding: 12px; border: 1px solid #dfc28e; border-radius: 6px; background: var(--amber-soft); color: #6f4b19; font-size: 10px; line-height: 1.5; }
+.guided-review-note strong { display: block; margin-bottom: 3px; }
+
+.guided-review-section { margin-top: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
+.guided-review-section h4 { margin: 0; padding: 12px 14px; border-bottom: 1px solid var(--line); background: var(--surface-2); font-size: 12px; }
+.guided-review-section > div { display: grid; grid-template-columns: minmax(130px, .4fr) minmax(0, 1fr); gap: 14px; padding: 10px 14px; border-bottom: 1px solid var(--line); }
+.guided-review-section > div:last-child { border-bottom: 0; }
+.guided-review-section > div > span { color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; }
+.guided-review-section > div > p { margin: 0; font-size: 11px; line-height: 1.5; }
+.guided-blueprint-review code { font-size: 8px; overflow-wrap: anywhere; }
+.guided-blueprint-review small { color: var(--muted); font-size: 9px; }
+.guided-destinations > div { grid-template-columns: minmax(0, 1fr) auto; }
+.guided-destinations code { overflow-wrap: anywhere; font-size: 10px; }
+.guided-destinations > p { padding: 14px; color: var(--muted); font-size: 11px; }
+.guided-approval-panel { margin-top: 20px; padding: 18px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); }
+.guided-approval-panel h4 { margin: 0; font-size: 16px; }
+.guided-approval-panel > p { margin: 6px 0 15px; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.guided-approval-panel > label:not(.guided-confirm) { display: grid; gap: 5px; }
+.guided-approval-panel > label > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
+.guided-approval-panel input[type="text"] { width: 100%; min-height: 42px; padding: 0 11px; border: 1px solid var(--line); border-radius: 5px; }
+.guided-confirm { display: flex; align-items: flex-start; gap: 9px; margin: 13px 0; }
+.guided-confirm input { margin-top: 2px; accent-color: var(--green); }
+.guided-confirm span { line-height: 1.45; letter-spacing: 0 !important; text-transform: none !important; }
+.guided-accepted-blueprint { display: grid; gap: 5px; min-width: min(460px, 100%); margin-top: 16px; padding: 13px; border: 1px solid #c5d4cc; border-radius: 7px; background: #f2f8f5; color: #12573f; }
+.guided-accepted-blueprint strong { font-size: 12px; }
+.guided-accepted-blueprint code { color: #405763; font-size: 8px; overflow-wrap: anywhere; }
+.guided-accepted-blueprint span { font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
+
+.intent-studio-view { display: grid; grid-template-columns: 230px minmax(0, 1fr) 280px; min-width: 0; min-height: 0; overflow: hidden; background: var(--canvas); }
+.intent-studio-spine, .intent-studio-persona-rail { min-width: 0; overflow-y: auto; padding: 20px 18px; background: var(--surface); }
+.intent-studio-spine { border-right: 1px solid var(--line); }
+.intent-studio-persona-rail { border-left: 1px solid var(--line); }
+.intent-studio-spine h2, .intent-studio-persona-rail h2 { margin: 4px 0 8px; font-size: 18px; }
+.intent-studio-spine > p, .intent-studio-persona-rail > p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
+.intent-studio-spine progress { width: 100%; height: 6px; margin: 18px 0 14px; border: 0; border-radius: 999px; background: var(--surface-2); accent-color: var(--green); }
+.intent-studio-spine nav { display: grid; gap: 3px; }
+.intent-studio-spine nav button { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 9px; width: 100%; padding: 8px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--ink); text-align: left; cursor: pointer; }
+.intent-studio-spine nav button:hover, .intent-studio-spine nav button:focus-visible { border-color: var(--line); background: var(--surface-2); outline: 0; }
+.intent-studio-spine nav button.active { border-color: #b8cddd; background: var(--blue-soft); }
+.intent-studio-spine nav button b { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-size: 8px; }
+.intent-studio-spine nav button.done b { border-color: #b8d9ca; background: var(--green-soft); color: var(--green); }
+.intent-studio-spine nav button span { min-width: 0; }
+.intent-studio-spine nav button strong, .intent-studio-spine nav button small { display: block; }
+.intent-studio-spine nav button strong { font-size: 10px; }
+.intent-studio-spine nav button small { margin-top: 2px; overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
+
+.intent-studio-canvas { display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; min-width: 0; min-height: 0; overflow: hidden; }
+.intent-studio-canvas > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 16px 22px; border-bottom: 1px solid var(--line); background: var(--surface); }
+.intent-studio-canvas > header h2 { max-width: 760px; margin: 4px 0 5px; font-size: 19px; }
+.intent-studio-canvas > header p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.intent-studio-revision { flex: 0 0 auto; padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.intent-studio-notice { padding: 9px 22px; border-bottom: 1px solid #d9c99f; background: var(--amber-soft); color: #6f4b19; font-size: 10px; }
+.intent-studio-notice.error { border-color: #e3b6b6; background: var(--red-soft); color: #762828; }
+.intent-studio-content { min-width: 0; min-height: 0; overflow-y: auto; padding: 24px; }
+.intent-studio-card { width: min(840px, 100%); margin: 0 auto; padding: 22px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
+.intent-studio-question { margin-bottom: 19px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
+.intent-studio-question p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
+.intent-studio-field { display: grid; gap: 6px; min-width: 0; }
+.intent-studio-field > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
+.intent-studio-field input, .intent-studio-field textarea, .intent-studio-field select, .intent-studio-reconcile select { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink); font: inherit; }
+.intent-studio-field input, .intent-studio-field select, .intent-studio-reconcile select { min-height: 40px; padding: 0 10px; }
+.intent-studio-field textarea { padding: 10px; resize: vertical; line-height: 1.55; }
+.intent-studio-field input:focus, .intent-studio-field textarea:focus, .intent-studio-field select:focus, .intent-studio-reconcile select:focus { border-color: var(--green); outline: 2px solid rgb(23 107 77 / 11%); }
+.intent-studio-field small { color: var(--muted); font-size: 9px; line-height: 1.45; }
+.intent-studio-field em { color: var(--red); font-size: 9px; font-style: normal; }
+.intent-studio-field.has-error input, .intent-studio-field.has-error textarea { border-color: #cc8686; }
+.intent-studio-identity-grid, .intent-studio-shape-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
+.intent-studio-identity-grid .intent-studio-field:last-child, .intent-studio-wide { grid-column: 1 / -1; }
+.intent-studio-mode { display: flex; gap: 6px; margin-bottom: 18px; padding: 4px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+.intent-studio-mode button { flex: 1; min-height: 35px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); font-size: 9px; font-weight: 800; cursor: pointer; }
+.intent-studio-mode button.active { background: var(--surface); color: var(--green); box-shadow: 0 1px 3px rgb(23 33 28 / 9%); }
+.intent-studio-reconcile { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin-bottom: 18px; padding: 13px; border-left: 4px solid var(--blue); background: var(--blue-soft); }
+.intent-studio-reconcile label { display: grid; gap: 5px; }
+.intent-studio-reconcile label span { color: #36576d; font-size: 9px; font-weight: 800; text-transform: uppercase; }
+.intent-studio-reconcile p { grid-column: 1 / -1; margin: 0; color: #405763; font-size: 9px; line-height: 1.5; }
+.intent-studio-types { margin: 10px 0 0; color: var(--muted); font-size: 9px; }
+.intent-studio-canvas > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 22px; border-top: 1px solid var(--line); background: var(--surface); }
+.intent-studio-canvas > footer > div { display: flex; gap: 7px; }
+
+.intent-studio-persona-rail #intentStudioPersonas { display: grid; gap: 8px; margin-top: 16px; }
+.intent-studio-persona-rail #intentStudioPersonas article { padding: 11px; border-left: 3px solid var(--blue); background: var(--surface-2); }
+.intent-studio-persona-rail #intentStudioPersonas article[data-tier="project"] { border-left-color: var(--green); }
+.intent-studio-persona-rail #intentStudioPersonas article[data-tier="premium"] { border-left-color: #b9862b; }
+.intent-studio-persona-rail #intentStudioPersonas header { display: flex; justify-content: space-between; gap: 8px; }
+.intent-studio-persona-rail #intentStudioPersonas header strong { font-size: 10px; }
+.intent-studio-persona-rail #intentStudioPersonas header span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.intent-studio-persona-rail #intentStudioPersonas p { margin: 6px 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.intent-studio-persona-rail #intentStudioPersonas small { color: var(--blue); font-size: 8px; }
+.intent-studio-baseline { margin-top: 16px; padding: 12px; border: 1px solid #b8d9ca; background: var(--green-soft); }
+.intent-studio-baseline strong { color: var(--green); font-size: 10px; }
+.intent-studio-baseline p, .intent-studio-baseline small { display: block; margin: 5px 0 0; color: #405763; font-size: 9px; line-height: 1.5; }
+.intent-studio-advisory { margin-top: 14px !important; padding-top: 12px; border-top: 1px solid var(--line); }
+
+.intent-studio-review { display: grid; grid-template-columns: minmax(220px, .75fr) minmax(0, 1.25fr); gap: 16px; }
+.intent-studio-review-summary, .intent-studio-review-panel > div { padding: 15px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.intent-studio-review-summary h3 { margin: 5px 0; font-size: 18px; }
+.intent-studio-review-summary > code { display: block; margin-bottom: 12px; color: var(--green); font-size: 9px; }
+.intent-studio-review-summary > div { padding: 9px 0; border-top: 1px solid var(--line); }
+.intent-studio-review-summary > div strong { color: var(--muted); font-size: 8px; text-transform: uppercase; }
+.intent-studio-review-summary > div p { margin: 4px 0 0; font-size: 10px; line-height: 1.45; }
+.intent-studio-review-panel { display: grid; gap: 10px; }
+.intent-studio-review-panel h3, .intent-studio-review-panel h4 { margin: 4px 0 7px; }
+.intent-studio-review-panel p, .intent-studio-review-panel li { color: var(--muted); font-size: 10px; line-height: 1.5; }
+.intent-studio-blockers ul { padding-left: 18px; }
+.intent-studio-blockers li code { display: inline-block; margin-right: 7px; color: var(--red); }
+.intent-studio-destinations code { display: block; margin-top: 6px; padding: 7px; background: var(--surface-2); font-size: 9px; overflow-wrap: anywhere; }
+.intent-studio-changes article { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 8px; padding: 9px 0; border-top: 1px solid var(--line); }
+.intent-studio-changes article > strong { grid-column: 1 / -1; font-size: 9px; text-transform: uppercase; }
+.intent-studio-changes article span { min-width: 0; overflow-wrap: anywhere; color: var(--muted); font-size: 9px; }
+.intent-studio-changes article small { display: block; margin-bottom: 3px; color: var(--ink); font-weight: 800; }
+.intent-studio-approval { border-color: #b8d9ca !important; background: var(--green-soft) !important; }
+.intent-studio-approval > label:not(.intent-studio-confirm) { display: grid; gap: 5px; }
+.intent-studio-approval label span { font-size: 9px; font-weight: 750; }
+.intent-studio-approval input[type="text"] { width: 100%; min-height: 40px; padding: 0 10px; border: 1px solid var(--line); border-radius: 5px; }
+.intent-studio-confirm { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0; }
+.intent-studio-confirm input { margin-top: 2px; accent-color: var(--green); }
+.intent-studio-empty, .intent-studio-error, .intent-studio-completed { display: grid; width: min(620px, 100%); min-height: 240px; margin: 40px auto; place-items: center; align-content: center; gap: 8px; padding: 24px; border: 1px solid var(--line); background: var(--surface); text-align: center; }
+.intent-studio-empty p, .intent-studio-error p, .intent-studio-completed p { max-width: 520px; margin: 0; color: var(--muted); line-height: 1.55; }
+.intent-studio-empty.compact { min-height: 0; margin: 0; padding: 12px; }
+.intent-studio-completed i { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: var(--green-soft); color: var(--green); font-style: normal; font-weight: 900; }
+.intent-studio-completed code { max-width: 100%; overflow-wrap: anywhere; font-size: 9px; }
+
+@media (max-width: 390px) {
+  .intent-studio-view { grid-template-columns: minmax(0, 1fr); overflow-x: hidden; }
+  .intent-studio-canvas > header { gap: 8px; }
+  .intent-studio-canvas > header h2 { overflow-wrap: anywhere; font-size: 17px; }
+  .intent-studio-content { padding: 9px; }
+  .intent-studio-card,
+  .intent-studio-review-summary,
+  .intent-studio-review-panel > div { padding: 12px; }
+  .intent-studio-mode,
+  .intent-studio-canvas > footer > div { display: grid; grid-template-columns: 1fr; }
+  .intent-studio-changes article { grid-template-columns: minmax(0, 1fr); }
+  .intent-studio-changes article > strong { grid-column: auto; }
+  .intent-studio-changes article b { display: none; }
+}
+
+.action-dialog { width: min(620px, calc(100vw - 30px)); max-width: none; max-height: min(760px, calc(100dvh - 30px)); padding: 0; overflow: hidden; border: 0; border-radius: 8px; background: var(--surface); box-shadow: 0 24px 70px rgb(23 33 28 / 24%); }
+.action-dialog::backdrop { background: rgb(23 33 28 / 48%); }
+.action-sheet { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; max-height: min(760px, calc(100dvh - 30px)); }
+.action-sheet > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 22px 24px 17px; border-bottom: 1px solid var(--line); }
+.action-sheet h2 { margin: 0; font-size: 21px; }
+.action-sheet header p:last-child { margin: 6px 0 0; color: var(--muted); line-height: 1.45; }
+.action-body { min-height: 0; overflow-y: auto; padding: 20px 24px; }
+.action-sheet > footer { display: flex; justify-content: flex-end; gap: 8px; padding: 14px 24px; border-top: 1px solid var(--line); background: var(--surface-2); }
+.action-error { margin: 0 24px 12px; padding: 10px 12px; border-left: 3px solid var(--red); background: var(--red-soft); color: #762828; font-size: 11px; line-height: 1.5; }
+.action-callout { padding: 15px; border-left: 4px solid var(--green); background: var(--green-soft); }
+.action-callout.danger { border-left-color: var(--red); background: var(--red-soft); }
+.action-callout strong { font-size: 12px; }
+.action-callout p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
+.action-field { display: grid; gap: 5px; margin-top: 14px; }
+.action-field > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
+.action-field input, .action-field select, .action-field textarea { width: 100%; min-width: 0; padding: 9px 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink); }
+.action-field select, .action-field input { min-height: 38px; }
+.action-field textarea { resize: vertical; line-height: 1.45; }
+.action-field input:focus, .action-field select:focus, .action-field textarea:focus { border-color: var(--green); outline: 2px solid rgb(23 107 77 / 10%); }
+.action-warning { margin: 14px 0 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
+.approval-evidence { padding-bottom: 14px; border-bottom: 1px solid var(--line); }
+.approval-evidence > strong { font-size: 11px; }
+.approval-evidence > div { display: grid; gap: 5px; margin-top: 9px; }
+.approval-evidence span { display: flex; justify-content: space-between; gap: 15px; padding: 7px 9px; background: var(--surface-2); font-size: 10px; font-weight: 700; }
+.approval-evidence small { overflow: hidden; max-width: 58%; color: var(--muted); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
+.afk-options { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(130px, .8fr) minmax(130px, .8fr); gap: 10px; }
+.afk-options .action-field { margin-top: 0; }
+.field-suffix { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; border: 1px solid var(--line); border-radius: 5px; }
+.field-suffix input { border: 0; }
+.field-suffix span { padding-right: 9px; color: var(--muted); font-size: 9px; }
+.preflight-panel { margin-top: 16px; padding: 14px; border-left: 4px solid var(--line-strong); background: var(--surface-2); }
+.preflight-panel.ready { border-left-color: var(--green); background: var(--green-soft); }
+.preflight-panel.blocked { border-left-color: var(--red); background: var(--red-soft); }
+.preflight-panel strong { font-size: 12px; }
+.preflight-panel p { margin: 5px 0 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.preflight-panel ul { margin: 8px 0 0; padding-left: 18px; color: #762828; font-size: 10px; line-height: 1.55; }
+.repository-runway { display: grid; gap: 5px; margin-top: 10px; }
+.repository-runway span { display: flex; justify-content: space-between; gap: 12px; padding: 7px 9px; border: 1px solid var(--line); font-size: 10px; }
+.repository-runway small { color: var(--muted); }
+
+.hooks-view { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(320px, .7fr); grid-template-rows: auto auto auto minmax(0, 1fr); gap: 12px; overflow: hidden; padding: 18px; background: var(--canvas); }
+.hooks-heading, .hooks-register, .hooks-notice { grid-column: 1 / -1; }
+.hooks-heading, .hooks-register > header, .hooks-ledger-heading, .hook-detail > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
+.hooks-heading h2 { margin: 0; font-size: 26px; }
+.hooks-heading p, .hooks-register > header p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
+.hooks-summary { display: flex; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.hooks-summary span { display: grid; min-width: 98px; padding: 9px 12px; border-right: 1px solid var(--line); color: var(--muted); font-size: 9px; text-align: center; text-transform: uppercase; }
+.hooks-summary span:last-child { border-right: 0; }
+.hooks-summary strong { color: var(--ink); font-size: 17px; font-variant-numeric: tabular-nums; }
+.hooks-summary .attention strong { color: var(--red); }
+.hooks-notice { padding: 9px 12px; border-left: 3px solid var(--green); background: var(--green-soft); color: #12573f; font-size: 11px; }
+.hooks-notice.error { border-color: var(--red); background: var(--red-soft); color: #762828; }
+.hooks-register { padding: 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.hooks-register h3, .hooks-ledger h3, .hook-detail h3 { margin: 0; font-size: 15px; }
+.hooks-register > header p { max-width: 54ch; text-align: right; }
+.hook-handlers { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 8px; margin-top: 11px; }
+.hook-handler-card { min-width: 0; padding: 12px; border: 1px solid var(--line); border-left: 3px solid var(--green); border-radius: 5px; background: var(--surface-2); }
+.hook-handler-card > header, .hook-handler-card > header > div, .hook-subscription, .hook-subscription > span { display: flex; align-items: center; gap: 8px; }
+.hook-handler-card > header { justify-content: space-between; }
+.hook-handler-card code, .hook-ledger-row code, .hook-detail code { overflow-wrap: anywhere; color: #405763; font: 9px/1.45 "SFMono-Regular", Consolas, monospace; }
+.hook-handler-card > p { margin: 7px 0 4px; color: var(--muted); font-size: 10px; }
+.hook-digest { color: var(--green); font-size: 9px; font-weight: 800; text-transform: uppercase; }
+.hook-digest-value { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.hook-subscription { justify-content: space-between; margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--line); }
+.hook-subscription > span { flex-wrap: wrap; }
+.hook-subscription b { color: var(--green); font-size: 9px; text-transform: uppercase; }
+.hook-subscription.disabled b { color: var(--amber); }
+.hook-subscription small { color: var(--muted); font-size: 9px; }
+.hook-subscription button { min-height: 30px; font-size: 9px; }
+.hooks-ledger { display: grid; grid-template-rows: auto minmax(0, 1fr); min-width: 0; min-height: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.hooks-ledger-heading { align-items: flex-end; padding: 12px; border-bottom: 1px solid var(--line); }
+.hook-filters { display: flex; gap: 7px; }
+.hook-filters label { display: grid; gap: 3px; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
+.hook-filters select { max-width: 150px; min-height: 30px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); color: var(--ink); font-size: 10px; }
+.hook-ledger-list { min-height: 0; overflow-y: auto; }
+.hook-ledger-row { display: grid; grid-template-columns: minmax(150px, 1fr) 18px minmax(130px, .8fr) 18px minmax(155px, .95fr); gap: 7px; align-items: center; width: 100%; padding: 11px 12px; border: 0; border-bottom: 1px solid var(--line); background: var(--surface); cursor: pointer; text-align: left; }
+.hook-ledger-row:hover, .hook-ledger-row.selected { background: var(--blue-soft); }
+.hook-ledger-row:focus-visible { position: relative; z-index: 1; }
+.hook-ledger-row > b { color: var(--line-strong); font-size: 15px; }
+.hook-ledger-row > span { display: grid; gap: 2px; min-width: 0; }
+.hook-ledger-row small { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
+.hook-ledger-row strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
+.hook-ledger-row em, .hook-ledger-row .hook-delivery > span { overflow: hidden; color: var(--muted); font-size: 9px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
+.hook-status { color: var(--amber); font-size: 10px; text-transform: uppercase; }
+.hook-status.status-succeeded { color: var(--green); }
+.hook-status.status-exhausted, .hook-status.status-rejected { color: var(--red); }
+.hook-status.status-incompatible, .hook-status.status-disabled, .hook-status.status-retrying { color: var(--amber); }
+.hook-detail { min-height: 0; overflow-y: auto; padding: 15px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.hook-boundary { padding: 11px; border-left: 3px solid var(--blue); background: var(--blue-soft); color: var(--muted); font-size: 10px; line-height: 1.5; }
+.hook-boundary strong { color: var(--ink); }
+.hook-facts { display: grid; gap: 0; margin: 12px 0; border: 1px solid var(--line); }
+.hook-facts > div { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 9px; padding: 9px; border-bottom: 1px solid var(--line); }
+.hook-facts > div:last-child { border-bottom: 0; }
+.hook-facts dt { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
+.hook-facts dd { display: grid; gap: 3px; margin: 0; font-size: 10px; }
+.hook-facts dd span { display: flex; gap: 7px; }
+.hook-facts small { color: var(--muted); }
+.hook-context, .hook-attempts { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
+.hook-context h4, .hook-attempts h4 { margin: 0 0 8px; font-size: 11px; }
+.hook-context > code { display: block; margin-top: 4px; }
+.hook-context > p, .hook-attempts > p { color: var(--muted); font-size: 10px; }
+.hook-personas { display: grid; gap: 6px; }
+.hook-personas article { padding: 9px; border-left: 3px solid var(--blue); background: var(--surface-2); }
+.hook-personas article[data-tier="premium"] { border-left-color: var(--violet); }
+.hook-personas article[data-tier="project"] { border-left-color: var(--green); }
+.hook-personas header { display: flex; justify-content: space-between; gap: 8px; }
+.hook-personas span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.hook-personas article[data-tier="premium"] span { color: var(--violet); }
+.hook-personas p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.hook-attempts article { display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 9px; }
+.hook-attempts article span, .hook-attempts article small { color: var(--muted); }
+.hook-attempts article p { grid-column: 1 / -1; margin: 0; line-height: 1.45; }
+.hook-detail > .primary-action { width: 100%; margin-top: 14px; }
+.hooks-empty { padding: 24px; color: var(--muted); text-align: center; }
+.hooks-empty strong { color: var(--ink); }
+.hooks-empty p { margin: 6px 0 0; font-size: 10px; line-height: 1.5; }
+
+button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .premium-card:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
+[hidden] { display: none !important; }
+
+@media (max-width: 960px) {
+  .meeting-evidence-layout { grid-template-columns: 1fr; overflow-y: auto; }
+  .meeting-evidence-ledger, .meeting-evidence-context { overflow: visible; }
+  .meeting-evidence-context { border-top: 1px solid var(--line); border-left: 0; }
+  .knowledge-proposal-layout { grid-template-columns: 1fr; overflow-y: auto; }
+  .knowledge-proposal-ledger, .knowledge-proposal-context { overflow: visible; }
+  .knowledge-proposal-context { border-top: 1px solid var(--line); border-left: 0; }
+}
+
+@media (max-width: 600px) {
+  .meeting-evidence-workspace { grid-template-rows: auto minmax(0, 1fr); }
+  .meeting-evidence-heading { align-items: flex-start; padding: 12px; }
+  .meeting-evidence-actions { flex-direction: column; }
+  .meeting-evidence-layout { min-width: 0; }
+  .meeting-evidence-ledger, .meeting-evidence-context { min-width: 0; padding: 10px; }
+  .meeting-candidate { grid-template-columns: 1fr; }
+  .meeting-candidate-anchor { border-right: 0; border-bottom: 1px solid var(--line); text-align: left; }
+  .meeting-candidate-anchor i { top: auto; right: auto; bottom: -5px; left: 16px; }
+  .meeting-evidence-receipt { grid-template-columns: 1fr; }
+  .meeting-evidence-receipt span { border-right: 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
+  .knowledge-mode-switcher { grid-template-columns: 1fr; }
+  .knowledge-proposal-workspace { grid-template-rows: auto minmax(0, 1fr); }
+  .knowledge-proposal-heading { align-items: flex-start; padding: 12px; }
+  .knowledge-proposal-actions { flex-direction: column; }
+  .knowledge-proposal-layout { min-width: 0; }
+  .knowledge-proposal-ledger, .knowledge-proposal-context { min-width: 0; padding: 10px; }
+  .knowledge-proposal-card { min-width: 0; padding: 12px; }
+  .knowledge-proposal-review-fields, .knowledge-proposal-review-panel { grid-template-columns: 1fr; }
+  .knowledge-proposal-review-fields label:nth-last-child(-n + 2), .knowledge-proposal-review-panel > * { grid-column: auto; }
+  .knowledge-proposal-receipt { grid-template-columns: 1fr; }
+  .knowledge-proposal-receipt span { border-right: 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
+}
+
+@media (max-width: 1040px) {
+  .intent-studio-view { grid-template-columns: 205px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; overflow-y: auto; }
+  .intent-studio-persona-rail { display: block; grid-column: 1 / -1; padding: 13px 18px; overflow: visible; border-top: 1px solid var(--line); border-left: 0; }
+  .intent-studio-persona-rail #intentStudioPersonas { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
+}
+
+@media (max-width: 900px) {
+  .app-shell { grid-template-rows: 106px minmax(0, 1fr); }
+  .app-bar { grid-template-columns: minmax(180px, 1fr) auto; grid-template-rows: 54px 46px; gap: 0 8px; padding-bottom: 6px; }
+  .brand-block p { display: none; }
+  .view-switcher { grid-row: 2; grid-column: 1 / -1; justify-self: stretch; width: 100%; overflow-x: auto; }
+  .view-switcher button, .view-switcher a { flex: 1 0 auto; }
+  .app-actions { grid-row: 1; grid-column: 2; }
+  .global-search { flex: 1; }
+  .global-search input { width: 100%; }
+  .summary-strip { grid-template-columns: repeat(3, 1fr); }
+  .summary-metric:nth-child(n+4) { border-top: 1px solid var(--line); }
+  .board-layout { grid-template-columns: 180px minmax(0, 1fr); }
+  .knowledge-view { grid-template-columns: 240px minmax(0, 1fr); }
+  .workspace-heading p { display: none; }
+  .overview-grid { grid-template-columns: 1fr; }
+  .detail-section { grid-column: 1 / -1; }
+  .impact-evidence-grid { grid-template-columns: 1fr; }
+  .impact-coverage { border-top: 1px solid var(--line); border-left: 0; }
+  .impact-route { grid-template-columns: minmax(0, 1fr) 120px; }
+  .impact-route label:last-child { grid-column: 1 / -1; }
+  .impact-confirmation { grid-template-columns: 1fr 1fr; }
+  .impact-confirmation button { grid-column: 2; }
+  .intent-launchpad { grid-template-columns: 20px minmax(0, 1fr); }
+  .launch-controls { grid-column: 2; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }
+  .launch-controls > b { width: 100%; align-self: auto; }
+  .attached-persona { grid-template-columns: minmax(140px, 1fr) 110px 140px; }
+  .attached-persona .persona-unlink { grid-column: 3; }
+  .persona-create form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .guided-view { grid-template-columns: 210px minmax(0, 1fr); }
+  .guided-outline { display: none; }
+  .intent-studio-view { grid-template-columns: 205px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; overflow-y: auto; }
+  .intent-studio-persona-rail { display: block; grid-column: 1 / -1; padding: 13px 18px; overflow: visible; border-top: 1px solid var(--line); border-left: 0; }
+  .intent-studio-persona-rail #intentStudioPersonas { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
+  .hooks-view { grid-template-columns: minmax(0, 1fr) 300px; }
+  .hooks-register > header p { display: none; }
+  .hook-filters { display: grid; grid-template-columns: repeat(3, 1fr); }
+}
+
+@media (max-width: 720px) {
+  .intent-studio-view { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr) auto; min-width: 0; }
+  .intent-studio-spine { overflow: hidden; padding: 11px 14px; border-right: 0; border-bottom: 1px solid var(--line); }
+  .intent-studio-spine > h2, .intent-studio-spine > p { display: none; }
+  .intent-studio-spine progress { margin: 6px 0 0; }
+  .intent-studio-spine nav { display: flex; gap: 6px; margin-top: 8px; overflow-x: auto; overscroll-behavior-inline: contain; }
+  .intent-studio-spine nav button { flex: 0 0 142px; }
+  .intent-studio-persona-rail { max-height: 230px; overflow-y: auto; }
+}
+
+@media (max-width: 640px) {
+  .app-shell { grid-template-rows: 144px minmax(0, 1fr); }
+  .app-bar { grid-template-columns: minmax(140px, 1fr) auto; grid-template-rows: 52px 42px 42px; padding: 0 10px 7px; }
+  .brand-mark { display: none; }
+  .view-switcher { grid-row: 2; grid-column: 1 / -1; justify-self: stretch; width: 100%; overflow-x: auto; }
+  .view-switcher button { flex: 1 0 auto; padding: 0 9px; }
+  .app-actions { grid-row: 3; grid-column: 1 / -1; width: 100%; }
+  .global-search { flex: 1; }
+  .global-search input { width: 100%; max-width: none; }
+  .summary-strip { top: 138px; right: 10px; left: 10px; }
+  .board-layout { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
+  .knowledge-view { grid-template-columns: 1fr; grid-template-rows: minmax(150px, 34vh) minmax(0, 1fr); }
+  .knowledge-rail { border-right: 0; border-bottom: 1px solid var(--line); }
+  .knowledge-workspace { grid-template-rows: 66px minmax(0, 1fr); }
+  .filter-rail { display: flex; gap: 6px; overflow-x: auto; padding: 8px; border-right: 0; border-bottom: 1px solid var(--line); }
+  .rail-heading { display: none; }
+  .scope-controls { display: flex; padding: 0; border: 0; }
+  .scope-button { width: auto; white-space: nowrap; }
+  .done-toggle { flex: 0 0 auto; white-space: nowrap; }
+  .group-list { display: flex; gap: 4px; padding: 0; }
+  .premium-card { display: none; }
+  .group-button { width: auto; flex: 0 0 auto; white-space: nowrap; }
+  .group-button span { overflow: visible; }
+  .kanban { grid-auto-columns: minmax(245px, 82vw); min-width: 0; }
+  .live-view { padding: 14px; }
+  .live-summary { grid-template-columns: repeat(2, 1fr); }
+  .live-heading { align-items: flex-start; }
+  .poll-state { display: none; }
+  .intent-drawer { width: 100vw; }
+  .drawer-tabs { overflow-x: auto; }
+  .drawer-tabs button { min-width: max-content; }
+  .state-grid { grid-template-columns: repeat(2, 1fr); }
+  .intent-launchpad { padding: 14px; }
+  .launch-controls { flex-direction: column; }
+  .afk-options { grid-template-columns: 1fr; }
+  .approval-evidence span, .repository-runway span { display: grid; }
+  .approval-evidence small { max-width: 100%; }
+  .action-sheet > header, .action-body, .action-sheet > footer { padding-right: 16px; padding-left: 16px; }
+  .attached-persona, .persona-finder, .persona-create form { grid-template-columns: 1fr; }
+  .impact-intro { display: grid; }
+  .impact-intro > span { justify-self: start; }
+  .impact-index, .impact-inputs { grid-template-columns: 1fr; }
+  .impact-index { align-items: stretch; }
+  .impact-index button { width: 100%; }
+  .source-map-coverage > header { display: grid; }
+  .source-map-coverage > header b { justify-self: start; }
+  .source-map-outcomes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .source-map-outcomes article { border-bottom: 1px solid var(--line); }
+  .source-map-detail-grid, .source-map-personas > div { grid-template-columns: 1fr; }
+  .source-map-detail-grid > section + section { border-top: 1px solid var(--line); border-left: 0; }
+  .impact-inputs > button { grid-column: auto; width: 100%; }
+  .impact-band > header { grid-template-columns: 70px minmax(0, 1fr); }
+  .impact-band > header b { grid-column: 2; }
+  .impact-persona-grid, .impact-card-grid { grid-template-columns: 1fr; }
+  .impact-route, .impact-confirmation { grid-template-columns: 1fr; }
+  .impact-route label:last-child, .impact-confirmation button { grid-column: auto; }
+  .attached-persona .persona-unlink { grid-column: auto; }
+  .guided-view { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
+  .guided-rail { overflow: hidden; padding: 12px 14px; border-right: 0; border-bottom: 1px solid var(--line); }
+  .guided-rail > p, .guided-sections { display: none; }
+  .guided-progress { margin: 9px 0 0; }
+  .guided-heading { min-height: 66px; padding: 9px 16px; }
+  .guided-heading p { display: none; }
+  .guided-content { padding: 20px 16px; }
+  .guided-personas > header { align-items: center; }
+  .guided-personas header p { display: none; }
+  .guided-persona-list { grid-template-columns: 1fr; }
+  .evidence-depth-panel > summary { align-items: flex-start; }
+  .evidence-depth-empty, .evidence-depth-review > header, .evidence-depth-gaps > header, .evidence-depth-review > footer, .evidence-depth-compare > header { display: grid; }
+  .evidence-depth-design-notice { display: grid; }
+  .evidence-depth-design-notice span { text-align: left; }
+  .evidence-depth-ledger-head { display: none; }
+  .evidence-depth-row { grid-template-columns: 1fr 1fr; }
+  .evidence-depth-row > div:nth-child(4) { grid-column: 1 / -1; }
+  .evidence-depth-gaps > article, .evidence-depth-questions > article { grid-template-columns: 1fr; }
+  .evidence-depth-review > footer div, .evidence-depth-compare > header > div:last-child { display: grid; width: 100%; }
+  .evidence-depth-review > footer button { width: 100%; }
+  .evidence-depth-comparison { grid-template-columns: repeat(2, 1fr); }
+  .evidence-depth-comparison > strong { grid-column: 1 / -1; }
+  .guided-answer-grid { grid-template-columns: 1fr; }
+  .guided-blueprint-summary > header { display: grid; }
+  .guided-blueprint-impact { grid-template-columns: 1fr; }
+  .guided-blueprint-impact span { border-bottom: 1px solid var(--line); }
+  .guided-blueprint-impact span:last-child { border-bottom: 0; }
+  .guided-question-card > h3, .guided-review > h3 { font-size: 27px; }
+  .guided-actions { padding: 9px 14px; }
+  .guided-actions > span { display: none; }
+  .guided-actions > div { width: 100%; }
+  .guided-actions button { flex: 1; }
+  .guided-review-section > div { grid-template-columns: 1fr; gap: 4px; }
+  .intent-studio-view { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr) auto; min-width: 0; }
+  .intent-studio-spine { overflow: hidden; padding: 11px 14px; border-right: 0; border-bottom: 1px solid var(--line); }
+  .intent-studio-spine > h2, .intent-studio-spine > p { display: none; }
+  .intent-studio-spine progress { margin: 6px 0 0; }
+  .intent-studio-spine nav { display: flex; gap: 6px; margin-top: 8px; overflow-x: auto; overscroll-behavior-inline: contain; }
+  .intent-studio-spine nav button { flex: 0 0 142px; }
+  .intent-studio-canvas > header { padding: 11px 14px; }
+  .intent-studio-canvas > header p, .intent-studio-revision { display: none; }
+  .intent-studio-content { padding: 12px; }
+  .intent-studio-card { padding: 15px; }
+  .intent-studio-identity-grid, .intent-studio-shape-grid, .intent-studio-review { grid-template-columns: 1fr; }
+  .intent-studio-wide, .intent-studio-identity-grid .intent-studio-field:last-child { grid-column: auto; }
+  .intent-studio-reconcile { grid-template-columns: 1fr; }
+  .intent-studio-reconcile p { grid-column: auto; }
+  .intent-studio-canvas > footer { display: grid; padding: 9px 12px; }
+  .intent-studio-canvas > footer > div { width: 100%; }
+  .intent-studio-canvas > footer button { flex: 1; min-width: 0; }
+  .intent-studio-persona-rail { max-height: 230px; overflow-y: auto; }
+  .hooks-view { display: block; overflow-y: auto; padding: 12px; }
+  .hooks-heading { display: grid; }
+  .hooks-summary { width: 100%; }
+  .hooks-summary span { flex: 1; min-width: 0; }
+  .hooks-register, .hooks-ledger, .hook-detail { margin-top: 10px; }
+  .hooks-ledger { overflow: visible; }
+  .hooks-ledger-heading { display: grid; align-items: start; }
+  .hook-filters { grid-template-columns: 1fr; width: 100%; }
+  .hook-filters select { width: 100%; max-width: none; }
+  .hook-ledger-list { overflow: visible; }
+  .hook-ledger-row { grid-template-columns: 1fr; gap: 6px; }
+  .hook-ledger-row > b { transform: rotate(90deg); justify-self: center; }
+  .hook-ledger-row > span { padding: 5px 0; }
+  .hook-ledger-row strong, .hook-ledger-row em, .hook-ledger-row .hook-delivery > span { white-space: normal; }
+  .hook-detail { overflow: visible; }
+}
+
+@media (max-width: 760px) {
+  .test-scenario-intro, .test-scenario-readiness > header { display: grid; }
+  .test-scenario-intro > span, .test-scenario-library { justify-self: start; }
+  .test-scenario-receipt, .test-scenario-filters, .test-scenario-personas > div, .test-scenario-join { grid-template-columns: 1fr; }
+  .test-scenario-receipt > span, .test-scenario-join > section { border-right: 0; border-bottom: 1px solid var(--line); }
+  .test-scenario-receipt > span:last-child, .test-scenario-join > section:last-child { border-bottom: 0; }
+  .test-scenario-gaps li { grid-template-columns: 60px minmax(0, 1fr); }
+  .test-scenario-gaps li b { grid-column: 2; }
+}
+
+.security-view {
+  overflow-y: auto;
+  padding: 24px;
+  background: var(--canvas);
+}
+
+.security-heading,
+.security-section > header,
+.security-finding > header,
+.security-disposition-form,
+.security-actions {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.security-heading h2,
+.security-section h3,
+.security-provider h4,
+.security-finding h4 {
+  margin: 0;
+}
+
+.security-heading p,
+.security-section > header p,
+.security-provider p,
+.security-finding p {
+  margin: 4px 0 0;
+  color: var(--muted);
+}
+
+.security-summary span {
+  display: grid;
+  gap: 3px;
+  justify-items: end;
+  text-align: right;
+}
+
+.security-summary small {
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 500;
+}
+
+.security-assurance-notice {
+  margin: 18px 0;
+  padding: 14px 16px;
+  border: 1px solid #9bcbb6;
+  border-left: 4px solid #0f8956;
+  border-radius: 6px;
+  background: #eef7f2;
+  color: #174b38;
+  font-size: 14px;
+  line-height: 1.55;
+}
+
+.security-contract-error {
+  margin: -8px 0 18px;
+  padding: 10px 12px;
+  border: 1px solid #e8b7b1;
+  border-radius: 6px;
+  background: #fff3f1;
+  color: #8c2f26;
+}
+
+.security-status,
+.security-section {
+  margin-top: 14px;
+  padding: 16px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: var(--surface);
+}
+
+.security-status {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.security-status span,
+.security-coverage-row span {
+  display: grid;
+  gap: 3px;
+}
+
+.security-status small,
+.security-coverage-row small,
+.security-meta {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.security-card-grid,
+.security-personas,
+.security-runs,
+.security-findings {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  gap: 12px;
+  margin-top: 14px;
+}
+
+.security-provider,
+.security-personas article,
+.security-run,
+.security-finding {
+  padding: 14px;
+  border: 1px solid var(--line);
+  border-radius: 7px;
+  background: var(--canvas);
+}
+
+.security-runs {
+  grid-template-columns: 1fr;
+}
+
+.security-run {
+  display: grid;
+  grid-template-columns: minmax(180px, 1fr) minmax(120px, auto) auto;
+  gap: 12px;
+  align-items: center;
+}
+
+.security-run > div,
+.security-run > span {
+  display: grid;
+  gap: 3px;
+}
+
+.security-run > span {
+  justify-items: end;
+}
+
+.security-run small {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.security-provider header,
+.security-personas article header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.security-provider header > div {
+  display: grid;
+  gap: 3px;
+}
+
+.security-provider header > div span {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.security-provider header > b {
+  white-space: nowrap;
+}
+
+.security-tags,
+.security-source-links,
+.security-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 10px;
+}
+
+.security-provider ul {
+  margin: 12px 0;
+  padding-left: 22px;
+}
+
+.security-provider footer {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+  margin-top: 12px;
+}
+
+.security-provider footer button {
+  margin-left: auto;
+}
+
+.security-tags span,
+.security-personas article header span,
+.security-severity,
+.security-state {
+  padding: 3px 7px;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  background: var(--surface);
+  color: var(--ink);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: .02em;
+}
+
+.security-personas article[data-tier="premium"] {
+  border-color: #d2b76d;
+  background: #fffaf0;
+}
+
+.security-personas article[data-tier="project"] {
+  border-color: #8db8a6;
+}
+
+.security-caution {
+  margin-top: 10px;
+  padding-top: 10px;
+  border-top: 1px solid var(--line);
+  font-size: 13px;
+}
+
+.security-coverage {
+  display: grid;
+  gap: 8px;
+  margin-top: 14px;
+}
+
+.security-coverage-row {
+  display: grid;
+  grid-template-columns: minmax(140px, 1fr) repeat(3, minmax(80px, auto));
+  gap: 10px;
+  align-items: center;
+  padding: 10px 0;
+  border-bottom: 1px solid var(--line);
+}
+
+.security-coverage-row:last-child {
+  border-bottom: 0;
+}
+
+.security-finding > header {
+  align-items: flex-start;
+}
+
+.security-severity[data-severity="critical"],
+.security-severity[data-severity="high"] {
+  border-color: #d99b93;
+  background: #fff3f1;
+  color: #8c2f26;
+}
+
+.security-severity[data-severity="medium"] {
+  border-color: #d7bd76;
+  background: #fff9e8;
+  color: #71550f;
+}
+
+.security-disposition-form {
+  align-items: flex-end;
+  flex-wrap: wrap;
+  margin-top: 14px;
+  padding-top: 12px;
+  border-top: 1px solid var(--line);
+}
+
+.security-disposition-form label {
+  display: grid;
+  flex: 1 1 150px;
+  gap: 5px;
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.security-disposition-form input,
+.security-disposition-form select {
+  width: 100%;
+}
+
+.security-empty {
+  margin: 14px 0 0;
+  padding: 18px;
+  border: 1px dashed var(--line-strong);
+  border-radius: 7px;
+  color: var(--muted);
+  text-align: center;
+}
+
+.starters-view { overflow: auto; padding: 24px; background: var(--canvas); }
+.starters-heading, .starter-section > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
+.starters-heading h2, .starter-section h3 { margin: 3px 0 0; }
+.starters-heading p, .starter-section > header p { max-width: 650px; margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
+.starter-summary { display: flex; flex-wrap: wrap; gap: 7px; }
+.starter-summary span { display: grid; min-width: 76px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); text-align: right; }
+.starter-summary strong { font-size: 16px; }
+.starter-summary span { color: var(--muted); font-size: 9px; }
+.starter-notice { margin-top: 16px; padding: 12px 14px; border-left: 3px solid var(--amber); background: var(--amber-soft); color: #604514; font-size: 11px; line-height: 1.55; }
+.starter-status { margin-top: 10px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); font-size: 11px; }
+.starter-section { margin-top: 18px; padding: 17px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
+.starter-personas { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; margin-top: 13px; }
+.starter-persona { padding: 11px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+.starter-persona header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.starter-persona header span { padding: 3px 7px; border-radius: 999px; background: var(--green-soft); color: #12573f; font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.starter-persona[data-tier="premium"] { border-color: #d2b76d; background: #fffaf0; }
+.starter-persona[data-tier="premium"] header span { background: #f4ead2; color: #705318; }
+.starter-persona[data-tier="project"] { border-color: #8db8a6; }
+.starter-persona p { margin: 7px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
+.starter-form, .starter-apply-form { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)) auto; align-items: end; gap: 10px; margin-top: 14px; }
+.starter-form label, .starter-apply-form label { display: grid; gap: 5px; }
+.starter-form label > span, .starter-apply-form label > span { color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; }
+.starter-form select, .starter-apply-form input[type="text"], .starter-apply-form input:not([type]) { width: 100%; min-height: 36px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink); }
+.starter-confirm { grid-column: 1 / -1; display: flex !important; grid-template-columns: auto 1fr; align-items: flex-start; color: var(--muted); font-size: 10px; line-height: 1.45; }
+.starter-confirm input { margin-top: 2px; accent-color: var(--green); }
+.starter-attempts { display: grid; gap: 10px; margin-top: 14px; }
+.starter-attempt { padding: 13px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-2); }
+.starter-attempt > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
+.starter-attempt > header div { display: grid; gap: 3px; min-width: 0; }
+.starter-attempt > header strong, .starter-attempt > header small { overflow-wrap: anywhere; }
+.starter-attempt > header small, .starter-attempt li span, .starter-attempt li small { color: var(--muted); font-size: 9px; }
+.starter-attempt > header b { padding: 3px 7px; border: 1px solid var(--line); border-radius: 999px; font-size: 8px; text-transform: uppercase; }
+.starter-attempt.status-completed > header b { border-color: #8db8a6; background: var(--green-soft); color: #12573f; }
+.starter-attempt.status-recovery-required > header b, .starter-attempt.status-failed > header b { border-color: #d99b93; background: #fff3f1; color: #8c2f26; }
+.starter-counts { display: flex; flex-wrap: wrap; gap: 7px; margin: 11px 0; }
+.starter-counts span { padding: 6px 8px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--muted); font-size: 9px; }
+.starter-counts strong { color: var(--ink); font-size: 12px; }
+.starter-attempt ul { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }
+.starter-attempt li { display: grid; grid-template-columns: 100px minmax(100px, 1fr) auto; gap: 8px; padding: 7px 8px; border-bottom: 1px solid var(--line); }
+.starter-expiry, .starter-evidence { margin: 10px 0 0; color: var(--muted); font-size: 9px; }
+.starter-evidence code { overflow-wrap: anywhere; }
+.starter-empty { margin-top: 14px; padding: 18px; border: 1px dashed var(--line-strong); border-radius: 7px; color: var(--muted); text-align: center; }
+.starter-empty p { margin: 5px 0 0; font-size: 10px; }
+
+@media (max-width: 760px) {
+  .starters-view { padding: 14px; }
+  .starters-heading, .starter-section > header { display: grid; }
+  .starter-summary { justify-content: flex-start; }
+  .starter-form, .starter-apply-form { grid-template-columns: 1fr; }
+  .starter-confirm { grid-column: 1; }
+  .starter-form button, .starter-apply-form button { width: 100%; }
+  .starter-attempt li { grid-template-columns: 1fr; }
+  .security-view { padding: 14px; }
+  .security-heading, .security-section > header, .security-finding > header { display: grid; }
+  .security-status { grid-template-columns: 1fr; }
+  .security-card-grid, .security-personas, .security-runs, .security-findings { grid-template-columns: 1fr; }
+  .security-coverage-row { grid-template-columns: 1fr 1fr; }
+  .security-coverage-row span:first-child { grid-column: 1 / -1; }
+  .security-disposition-form { display: grid; align-items: stretch; }
+  .security-summary span { justify-items: start; text-align: left; }
+  .security-provider footer button { width: 100%; margin-left: 0; }
+  .security-run { grid-template-columns: 1fr; }
+  .security-run > span { justify-items: start; }
+  .security-run button { width: 100%; }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .intent-drawer { animation: drawer-in 160ms ease-out; }
+  @keyframes drawer-in { from { transform: translateX(24px); opacity: .85; } }
+}
+
+.portfolio-view {
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 24px;
+  background: var(--canvas);
+}
+
+.portfolio-heading,
+.portfolio-line-panel > header,
+.portfolio-context > header,
+.portfolio-persona-section > header,
+.portfolio-review > header,
+.portfolio-dependency-section > header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.portfolio-heading h2,
+.portfolio-line-panel h3,
+.portfolio-context h3,
+.portfolio-persona-section h3,
+.portfolio-review h3,
+.portfolio-dependency-section h3 { margin: 0; }
+.portfolio-heading p,
+.portfolio-persona-section header p,
+.portfolio-context header p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
+.portfolio-summary span { display: grid; justify-items: end; gap: 3px; text-align: right; }
+.portfolio-summary strong { font-size: 13px; text-transform: capitalize; }
+.portfolio-summary small { color: var(--muted); font-size: 10px; }
+.portfolio-summary .status-attention strong,
+.portfolio-summary .status-invalid strong { color: var(--amber); }
+.portfolio-summary .status-ready strong { color: var(--green); }
+
+.portfolio-advisory-notice,
+.portfolio-security-notice,
+.portfolio-contract-error,
+.portfolio-status {
+  margin-top: 12px;
+  padding: 11px 13px;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: var(--surface);
+  font-size: 11px;
+  line-height: 1.5;
+}
+.portfolio-advisory-notice { border-left: 4px solid var(--amber); background: var(--amber-soft); color: #604514; }
+.portfolio-security-notice { border-left: 4px solid var(--green); background: var(--green-soft); color: #174b38; }
+.portfolio-contract-error { border-color: #e8b7b1; background: var(--red-soft); color: #8c2f26; }
+
+.portfolio-workspace { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .85fr); gap: 14px; margin-top: 14px; }
+.portfolio-line-panel,
+.portfolio-context-panel { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
+.portfolio-context-panel { align-self: start; }
+.portfolio-programme-line { display: grid; gap: 7px; margin-top: 14px; }
+.portfolio-node {
+  position: relative;
+  display: grid;
+  grid-template-columns: 14px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 9px;
+  width: calc(100% - min(calc(var(--portfolio-depth) * 28px), 196px));
+  margin-left: min(calc(var(--portfolio-depth) * 28px), 196px);
+  padding: 10px 11px;
+  border: 1px solid var(--line);
+  border-radius: 6px;
+  background: var(--surface-2);
+  cursor: pointer;
+  text-align: left;
+}
+.portfolio-node::before { position: absolute; top: -8px; bottom: 50%; left: -18px; width: 16px; border-bottom: 1px solid var(--line-strong); border-left: 1px solid var(--line-strong); content: ''; }
+.portfolio-node[style="--portfolio-depth:0"]::before { display: none; }
+.portfolio-node:hover { border-color: var(--line-strong); background: var(--surface); }
+.portfolio-node:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
+.portfolio-node[aria-current="true"] { border-color: var(--green); background: var(--green-soft); }
+.portfolio-node-marker { width: 10px; height: 10px; border: 2px solid var(--green); border-radius: 50%; background: var(--surface); }
+.portfolio-node.status-stale .portfolio-node-marker,
+.portfolio-node.status-disagreement .portfolio-node-marker,
+.portfolio-node.status-missing .portfolio-node-marker { border-color: var(--amber); }
+.portfolio-node.status-unavailable .portfolio-node-marker { border-color: var(--red); }
+.portfolio-node-body { display: grid; min-width: 0; gap: 2px; }
+.portfolio-node-body small { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
+.portfolio-node-body strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.portfolio-node-body em,
+.portfolio-node-body span { color: var(--muted); font-size: 9px; font-style: normal; }
+.portfolio-node > b { color: var(--muted); font-size: 9px; font-weight: 650; white-space: nowrap; }
+
+.portfolio-dependency-section,
+.portfolio-persona-section,
+.portfolio-review { margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--line); }
+.portfolio-dependencies { display: grid; gap: 7px; margin-top: 11px; }
+.portfolio-dependency { display: grid; grid-template-columns: minmax(150px, .8fr) minmax(180px, 1.2fr) auto; align-items: center; gap: 10px; width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); cursor: pointer; text-align: left; }
+.portfolio-dependency:hover,
+.portfolio-dependency.selected { border-color: var(--blue); background: var(--blue-soft); }
+.portfolio-dependency span { display: grid; gap: 2px; }
+.portfolio-dependency small,
+.portfolio-observed small { color: var(--blue); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
+.portfolio-dependency em,
+.portfolio-dependency b { color: var(--muted); font-size: 9px; font-style: normal; font-weight: 600; }
+.portfolio-observed { padding: 10px; border: 1px dashed var(--line-strong); border-radius: 6px; }
+.portfolio-observed strong { display: block; margin-top: 3px; }
+.portfolio-observed p { margin: 4px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+
+.portfolio-context > header { display: block; }
+.portfolio-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 13px 0 0; }
+.portfolio-facts div { padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-2); }
+.portfolio-facts dt { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.portfolio-facts dd { margin: 4px 0 0; font-size: 10px; font-weight: 700; }
+.portfolio-context-attention { margin-top: 14px; }
+.portfolio-context-attention h4 { margin: 0; font-size: 11px; }
+.portfolio-context-attention ul { display: grid; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
+.portfolio-context-attention li { display: grid; gap: 3px; padding: 8px; border-left: 3px solid var(--amber); background: var(--amber-soft); }
+.portfolio-context-attention li strong,
+.portfolio-context-attention li small { font-size: 8px; }
+.portfolio-context-attention li span,
+.portfolio-context-attention p,
+.portfolio-route { color: var(--muted); font-size: 9px; line-height: 1.45; }
+.portfolio-route { padding: 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-2); }
+
+.portfolio-personas { display: grid; gap: 7px; margin-top: 11px; }
+.portfolio-persona { padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+.portfolio-persona header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.portfolio-persona header span { padding: 3px 7px; border-radius: 999px; background: var(--green-soft); color: #12573f; font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.portfolio-persona p { margin: 6px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.portfolio-persona small { display: block; margin-top: 5px; color: var(--muted); font-size: 8px; }
+.portfolio-persona[data-tier="premium"] { border-color: #d2b76d; background: #fffaf0; }
+.portfolio-persona[data-tier="premium"] header span { background: #f4ead2; color: #705318; }
+.portfolio-persona[data-tier="project"] { border-color: #8db8a6; }
+.portfolio-review > div > p { color: var(--muted); font-size: 10px; line-height: 1.5; }
+.portfolio-review ul { display: grid; gap: 5px; padding-left: 18px; color: var(--ink); font-size: 9px; line-height: 1.45; }
+.portfolio-review > div > small { color: var(--muted); font-size: 8px; line-height: 1.4; }
+.portfolio-premium-state { display: grid; gap: 3px; margin: 10px 0; padding: 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-2); }
+.portfolio-premium-state strong { font-size: 9px; }
+.portfolio-premium-state span { color: var(--muted); font-size: 9px; line-height: 1.45; }
+.portfolio-empty { padding: 24px; border: 1px dashed var(--line-strong); border-radius: 7px; color: var(--muted); text-align: center; }
+.portfolio-empty strong { color: var(--ink); }
+.portfolio-empty p { margin: 6px 0 0; font-size: 10px; line-height: 1.5; }
+.portfolio-empty.compact { padding: 13px; }
+.portfolio-invalid ul { display: grid; gap: 5px; padding: 0; list-style: none; text-align: left; }
+.portfolio-invalid li { display: grid; grid-template-columns: minmax(120px, auto) 1fr; gap: 8px; }
+
+@media (max-width: 900px) {
+  .portfolio-workspace { grid-template-columns: 1fr; }
+  .portfolio-context-panel { width: 100%; }
+}
+
+@media (max-width: 390px) {
+  .portfolio-view { overflow-x: hidden; padding: 12px; }
+  .portfolio-heading,
+  .portfolio-line-panel > header,
+  .portfolio-persona-section > header { display: grid; }
+  .portfolio-summary span { justify-items: start; text-align: left; }
+  .portfolio-line-panel,
+  .portfolio-context-panel { padding: 12px; }
+  .portfolio-node { grid-template-columns: 12px minmax(0, 1fr); width: calc(100% - min(calc(var(--portfolio-depth) * 12px), 84px)); margin-left: min(calc(var(--portfolio-depth) * 12px), 84px); }
+  .portfolio-node::before { left: -8px; width: 7px; }
+  .portfolio-node > b { grid-column: 2; white-space: normal; }
+  .portfolio-node-body strong { white-space: normal; }
+  .portfolio-dependency { grid-template-columns: 1fr; }
+  .portfolio-facts { grid-template-columns: 1fr; }
+  .portfolio-invalid li { grid-template-columns: 1fr; }
+}
+
+.rollout-view {
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 24px;
+  background: var(--canvas);
+}
+.rollout-heading,
+.rollout-ledger-panel > header,
+.rollout-persona-section > header,
+.rollout-review > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
+.rollout-heading h2,
+.rollout-ledger-panel h3,
+.rollout-context h3,
+.rollout-persona-section h3,
+.rollout-review h3 { margin: 0; }
+.rollout-heading p,
+.rollout-context header p,
+.rollout-persona-section header p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
+.rollout-summary span { display: grid; justify-items: end; gap: 3px; text-align: right; }
+.rollout-summary strong { font-size: 13px; text-transform: capitalize; }
+.rollout-summary small { color: var(--muted); font-size: 10px; }
+.rollout-summary .status-attention strong,
+.rollout-summary .status-invalid strong { color: var(--amber); }
+.rollout-summary .status-ready strong { color: var(--green); }
+.rollout-advisory-notice,
+.rollout-security-notice,
+.rollout-contract-error,
+.rollout-status { margin-top: 12px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); font-size: 11px; line-height: 1.5; }
+.rollout-advisory-notice { border-left: 4px solid var(--amber); background: var(--amber-soft); color: #604514; }
+.rollout-security-notice { border-left: 4px solid var(--green); background: var(--green-soft); color: #174b38; }
+.rollout-contract-error { border-color: #e8b7b1; background: var(--red-soft); color: #8c2f26; }
+.rollout-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .78fr); gap: 14px; margin-top: 14px; }
+.rollout-ledger-panel,
+.rollout-context-panel { min-width: 0; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
+.rollout-ledger-panel > header { padding: 16px; border-bottom: 1px solid var(--line); }
+.rollout-context-panel { align-self: start; }
+.rollout-ledger { min-width: 0; }
+.rollout-cohort { padding: 16px; border-bottom: 1px solid var(--line); }
+.rollout-cohort > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 14px; }
+.rollout-cohort > header > p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.45; text-align: right; }
+.rollout-cohort-choice { display: grid; gap: 3px; padding: 0; border: 0; background: transparent; cursor: pointer; text-align: left; }
+.rollout-cohort-choice strong { font-size: 14px; }
+.rollout-cohort-choice small { color: var(--muted); font-size: 9px; }
+.rollout-cohort-choice[aria-current="true"] strong { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
+.rollout-baseline { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 9px; width: 100%; margin-top: 11px; padding: 9px 10px; border: 0; border-left: 3px solid var(--blue); background: var(--blue-soft); color: var(--blue); cursor: pointer; text-align: left; }
+.rollout-baseline span,
+.rollout-baseline small { font-size: 8px; font-weight: 750; }
+.rollout-baseline strong { overflow-wrap: anywhere; font-size: 10px; }
+.rollout-baseline.selected { box-shadow: inset 0 0 0 1px var(--blue); }
+.rollout-projects { position: relative; display: grid; gap: 8px; margin: 10px 0 0 10px; padding-left: 18px; }
+.rollout-projects::before { position: absolute; top: 0; bottom: 0; left: 3px; width: 1px; background: var(--line-strong); content: ''; }
+.rollout-project { position: relative; min-width: 0; }
+.rollout-project::before { position: absolute; top: 16px; left: -19px; width: 8px; height: 8px; border: 2px solid var(--surface); border-radius: 50%; background: var(--green); box-shadow: 0 0 0 1px var(--green); content: ''; }
+.rollout-project.tone-warn::before { background: var(--amber); box-shadow: 0 0 0 1px var(--amber); }
+.rollout-project.tone-stop::before { background: var(--red); box-shadow: 0 0 0 1px var(--red); }
+.rollout-project > button { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px 12px; width: 100%; padding: 10px 11px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); cursor: pointer; text-align: left; }
+.rollout-project > button:hover { border-color: var(--line-strong); background: var(--surface); }
+.rollout-project:focus-within { z-index: 1; }
+.rollout-project:focus-visible,
+.rollout-project > button:focus-visible,
+.rollout-cohort-choice:focus-visible,
+.rollout-baseline:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
+.rollout-project > button[aria-current="true"] { border-color: var(--green); box-shadow: 0 0 0 3px #176b4d16; }
+.rollout-project > button > span { display: grid; min-width: 0; gap: 3px; }
+.rollout-project > button strong { font-size: 11px; }
+.rollout-project > button small,
+.rollout-project > button em { overflow-wrap: anywhere; color: var(--muted); font-size: 8px; font-style: normal; }
+.rollout-project > button b { padding: 4px 7px; border-radius: 999px; background: var(--green-soft); color: var(--green); font-size: 8px; text-transform: uppercase; }
+.rollout-project.tone-warn > button b { background: var(--amber-soft); color: var(--amber); }
+.rollout-project.tone-stop > button b { background: var(--red-soft); color: var(--red); }
+.rollout-evidence { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
+.rollout-evidence span { padding: 3px 6px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 8px; }
+.rollout-evidence span[data-state="missing"],
+.rollout-evidence span[data-state="stale"] { border-color: #e8c98f; color: var(--amber); }
+.rollout-evidence span[data-state="unavailable"] { border-color: #e8b7b1; color: var(--red); }
+.rollout-legend { display: flex; flex-wrap: wrap; gap: 12px; padding: 11px 16px; color: var(--muted); font-size: 9px; }
+.rollout-legend b { color: var(--ink); }
+.rollout-context,
+.rollout-persona-section,
+.rollout-review { padding: 16px; }
+.rollout-persona-section,
+.rollout-review { border-top: 1px solid var(--line); }
+.rollout-context > header { display: block; }
+.rollout-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 13px 0 0; }
+.rollout-facts div { min-width: 0; padding: 8px; background: var(--surface-2); }
+.rollout-facts dt { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.rollout-facts dd { overflow-wrap: anywhere; margin: 4px 0 0; font-size: 9px; font-weight: 700; }
+.rollout-route { margin: 12px 0 0; padding: 10px; border-left: 3px solid var(--amber); background: var(--amber-soft); color: #72420d; font-size: 9px; line-height: 1.5; }
+.rollout-evidence-detail { margin-top: 14px; }
+.rollout-evidence-detail h4 { margin: 0; font-size: 10px; }
+.rollout-evidence-detail ul { display: grid; gap: 5px; margin: 8px 0 0; padding: 0; list-style: none; }
+.rollout-evidence-detail li { display: grid; grid-template-columns: minmax(70px, auto) auto; gap: 3px 8px; padding: 7px; background: var(--surface-2); }
+.rollout-evidence-detail li strong,
+.rollout-evidence-detail li span { font-size: 8px; text-transform: capitalize; }
+.rollout-evidence-detail li small { grid-column: 1 / -1; color: var(--muted); font-size: 8px; line-height: 1.4; }
+.rollout-personas { display: grid; gap: 7px; margin-top: 11px; }
+.rollout-persona { padding: 9px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+.rollout-persona header { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
+.rollout-persona header span { padding: 3px 7px; border-radius: 999px; background: var(--green-soft); color: #12573f; font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.rollout-persona p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.rollout-persona small { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; }
+.rollout-persona[data-tier="premium"] { border-color: #d2b76d; background: #fffaf0; }
+.rollout-persona[data-tier="premium"] header span { background: #f4ead2; color: #705318; }
+.rollout-persona[data-tier="project"] { border-color: #8db8a6; }
+.rollout-review p { color: var(--muted); font-size: 9px; line-height: 1.5; }
+.rollout-review ul { display: grid; gap: 5px; padding-left: 17px; font-size: 9px; line-height: 1.45; }
+.rollout-review > div > small { color: var(--muted); font-size: 8px; line-height: 1.4; }
+.rollout-premium-state { display: grid; gap: 3px; margin: 10px 0; padding: 8px; background: var(--surface-2); }
+.rollout-premium-state strong,
+.rollout-premium-state span { font-size: 8px; line-height: 1.45; }
+.rollout-premium-state span { color: var(--muted); }
+.rollout-empty { padding: 24px; border: 1px dashed var(--line-strong); border-radius: 7px; color: var(--muted); text-align: center; }
+.rollout-empty strong { color: var(--ink); }
+.rollout-empty p { margin: 6px 0 0; font-size: 10px; line-height: 1.5; }
+.rollout-empty.compact { padding: 13px; }
+.rollout-invalid ul { display: grid; gap: 5px; padding: 0; list-style: none; text-align: left; }
+.rollout-invalid li { display: grid; grid-template-columns: minmax(120px, auto) 1fr; gap: 8px; }
+
+@media (max-width: 900px) {
+  .rollout-layout { grid-template-columns: 1fr; }
+  .rollout-context-panel { width: 100%; }
+}
+
+@media (max-width: 390px) {
+  .rollout-view { overflow-x: hidden; padding: 12px; }
+  .rollout-heading,
+  .rollout-ledger-panel > header,
+  .rollout-persona-section > header { display: grid; }
+  .rollout-summary span { justify-items: start; text-align: left; }
+  .rollout-layout { grid-template-columns: minmax(0, 1fr); }
+  .rollout-cohort { padding: 12px; }
+  .rollout-cohort > header,
+  .rollout-baseline,
+  .rollout-project > button { grid-template-columns: 1fr; }
+  .rollout-cohort > header > p { text-align: left; }
+  .rollout-project > button b { justify-self: start; }
+  .rollout-facts { grid-template-columns: 1fr; }
+  .rollout-invalid li { grid-template-columns: 1fr; }
+}
+
+.companion-view { overflow-x: hidden; overflow-y: auto; padding: 24px; background: var(--canvas); }
+.companion-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
+.companion-heading h2 { margin: 0; font-size: 26px; }
+.companion-heading p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
+.companion-focus { display: grid; gap: 4px; min-width: min(100%, 440px); }
+.companion-focus label span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
+.companion-focus > div { display: flex; gap: 6px; }
+.companion-focus input { min-width: 0; width: 260px; height: 36px; padding: 0 10px; border: 1px solid var(--line-strong); border-radius: 5px; background: var(--surface); }
+.companion-focus button[type="submit"] { min-height: 36px; padding: 0 13px; border: 1px solid var(--green); border-radius: 5px; background: var(--green); color: white; cursor: pointer; font-size: 10px; font-weight: 800; }
+.companion-focus input:focus-visible,
+.companion-recommendation > button:focus-visible,
+.companion-handoff:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
+.companion-notice,
+.companion-contract-error,
+.companion-status { margin-top: 10px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); font-size: 10px; line-height: 1.5; }
+.companion-notice.advisory { border-left: 4px solid var(--green); background: var(--green-soft); color: #174b38; }
+.companion-notice.security { border-left: 4px solid var(--amber); background: var(--amber-soft); color: #604514; }
+.companion-contract-error { border-color: #e8b7b1; background: var(--red-soft); color: #8c2f26; }
+.companion-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .75fr); gap: 14px; margin-top: 14px; }
+.companion-runway-panel,
+.companion-context-panel { min-width: 0; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
+.companion-runway-panel > header,
+.companion-persona-section > header,
+.companion-review > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
+.companion-runway-panel > header { padding: 16px; border-bottom: 1px solid var(--line); }
+.companion-runway-panel h3,
+.companion-context h3,
+.companion-persona-section h3,
+.companion-review h3 { margin: 0; }
+.companion-runway { position: relative; display: grid; gap: 10px; margin: 18px 16px; padding-left: 28px; }
+.companion-runway::before { position: absolute; top: 5px; bottom: 5px; left: 8px; width: 1px; background: var(--line-strong); content: ''; }
+.companion-recommendation { position: relative; }
+.companion-recommendation::before { position: absolute; z-index: 1; top: 18px; left: -24px; width: 9px; height: 9px; border: 2px solid var(--surface); border-radius: 50%; background: var(--green); box-shadow: 0 0 0 1px var(--green); content: ''; }
+.companion-recommendation.tone-human-decision::before { background: var(--amber); box-shadow: 0 0 0 1px var(--amber); }
+.companion-recommendation.tone-blocked::before { background: var(--red); box-shadow: 0 0 0 1px var(--red); }
+.companion-recommendation > button { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 5px 12px; width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); cursor: pointer; text-align: left; transition: border-color 120ms ease, box-shadow 120ms ease; }
+.companion-recommendation > button:hover { border-color: var(--line-strong); background: var(--surface); }
+.companion-recommendation > button[aria-current="true"] { border-color: var(--green); box-shadow: 0 0 0 3px rgb(23 107 77 / 9%); }
+.companion-rank { grid-row: 1 / 3; color: var(--muted); font-size: 20px; font-weight: 800; }
+.companion-recommendation > button strong { font-size: 12px; }
+.companion-class { grid-row: 1 / 3; grid-column: 3; align-self: center; padding: 4px 7px; border-radius: 999px; background: var(--green-soft); color: var(--green); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.tone-human-decision .companion-class { background: var(--amber-soft); color: var(--amber); }
+.tone-blocked .companion-class { background: var(--red-soft); color: var(--red); }
+.companion-reason { grid-column: 2; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.companion-route { display: flex; flex-wrap: wrap; gap: 5px; margin: 7px 0 0 50px; }
+.companion-route span { padding: 3px 6px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 8px; }
+.companion-legend { display: flex; flex-wrap: wrap; gap: 12px; padding: 11px 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; }
+.companion-legend b { color: var(--ink); }
+.companion-context-panel { align-self: start; }
+.companion-context,
+.companion-persona-section,
+.companion-review { padding: 16px; }
+.companion-persona-section,
+.companion-review { border-top: 1px solid var(--line); }
+.companion-context > header p,
+.companion-persona-section header p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.companion-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 13px 0 0; }
+.companion-facts div { min-width: 0; padding: 8px; background: var(--surface-2); }
+.companion-facts dt { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.companion-facts dd { overflow-wrap: anywhere; margin: 4px 0 0; font-size: 9px; font-weight: 700; }
+.companion-decision { margin: 12px 0 0; padding: 10px; border-left: 3px solid var(--amber); background: var(--amber-soft); color: #72420d; font-size: 9px; line-height: 1.5; }
+.companion-decision.blocked { border-left-color: var(--red); background: var(--red-soft); color: #7f2929; }
+.companion-handoff { margin-top: 10px; }
+.companion-blockers { margin-top: 13px; }
+.companion-blockers h4 { margin: 0; font-size: 10px; }
+.companion-blockers ul { display: grid; gap: 5px; margin: 8px 0 0; padding: 0; list-style: none; }
+.companion-blockers li { display: grid; gap: 3px; padding: 8px; border-left: 3px solid var(--red); background: var(--red-soft); }
+.companion-blockers li strong { font-size: 8px; }
+.companion-blockers li span { color: var(--muted); font-size: 9px; line-height: 1.4; }
+.companion-personas { display: grid; gap: 7px; margin-top: 11px; }
+.companion-persona { padding: 9px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+.companion-persona header { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
+.companion-persona header span { padding: 3px 7px; border-radius: 999px; background: var(--green-soft); color: #12573f; font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.companion-persona p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.companion-persona small { display: block; margin-top: 4px; color: var(--muted); font-size: 8px; }
+.companion-persona[data-tier="premium"] { border-color: #d2b76d; background: #fffaf0; }
+.companion-persona[data-tier="premium"] header span { background: #f4ead2; color: #705318; }
+.companion-persona[data-tier="project"] { border-color: #8db8a6; }
+.companion-review ul { display: grid; gap: 5px; margin: 10px 0 0; padding-left: 17px; font-size: 9px; line-height: 1.45; }
+.companion-baseline { display: grid; gap: 4px; margin-top: 11px; padding: 9px; background: var(--surface-2); }
+.companion-baseline strong { font-size: 9px; }
+.companion-baseline p,
+.companion-baseline small { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
+.companion-empty { padding: 24px; border: 1px dashed var(--line-strong); border-radius: 7px; color: var(--muted); text-align: center; }
+.companion-empty strong { color: var(--ink); }
+.companion-empty p { margin: 6px 0 0; font-size: 9px; line-height: 1.5; }
+.companion-empty.compact { padding: 13px; }
+
+@media (max-width: 960px) {
+  .companion-layout { grid-template-columns: 1fr; }
+  .companion-context-panel { width: 100%; }
+}
+
+@media (max-width: 600px) {
+  .companion-view { padding: 12px; }
+  .companion-heading { align-items: stretch; flex-direction: column; }
+  .companion-focus { min-width: 0; }
+  .companion-focus > div { flex-wrap: wrap; }
+  .companion-focus input { flex: 1 1 100%; width: 100%; }
+  .companion-recommendation > button { grid-template-columns: 32px minmax(0, 1fr); }
+  .companion-class { grid-row: auto; grid-column: 2; justify-self: start; }
+  .companion-reason { grid-column: 2; }
+  .companion-route { margin-left: 44px; }
+  .companion-facts { grid-template-columns: 1fr; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .companion-recommendation > button { transition: none; }
+}
+
+.phase-studio-view { min-width: 0; overflow-x: hidden; overflow-y: auto; padding: 20px; background: var(--canvas); }
+.phase-studio-heading { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(240px, .55fr) auto; align-items: end; gap: 16px; }
+.phase-studio-heading h2 { margin: 4px 0 5px; }
+.phase-studio-heading p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.phase-studio-heading label { display: grid; gap: 5px; }
+.phase-studio-heading label span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
+.phase-studio-heading select { width: 100%; min-height: 38px; padding: 0 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink); }
+.phase-studio-state { align-self: center; max-width: 220px; overflow-wrap: anywhere; padding: 8px 10px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 8px; }
+.phase-studio-context-bridge { margin-top: 14px; padding: 12px 14px; border: 1px solid var(--line); border-left: 4px solid var(--green); border-radius: 7px; background: var(--surface); }
+.phase-studio-context-bridge > div { display: grid; grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr) auto minmax(150px, 1fr); align-items: center; gap: 8px; }
+.phase-studio-context-bridge > div > span { color: var(--muted); font-size: 14px; text-align: center; }
+.phase-studio-context-bridge button { display: grid; gap: 4px; min-height: 54px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-2); color: var(--ink); cursor: pointer; text-align: left; }
+.phase-studio-context-bridge button span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
+.phase-studio-context-bridge button strong { font-size: 10px; }
+.phase-studio-context-bridge button:hover:not(:disabled) { border-color: var(--line-strong); background: var(--surface); }
+.phase-studio-context-bridge button:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
+.phase-studio-context-bridge button[aria-pressed="true"] { border-color: var(--green); background: var(--green-soft); box-shadow: 0 0 0 2px rgb(23 107 77 / 8%); }
+.phase-studio-context-bridge button:disabled { cursor: not-allowed; opacity: .62; }
+.phase-studio-context-bridge > p { margin: 9px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
+.phase-studio-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr) 270px; align-items: start; gap: 12px; margin-top: 12px; }
+.phase-studio-spine, .phase-studio-canvas, .phase-studio-persona-rail { min-width: 0; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
+.phase-studio-spine, .phase-studio-persona-rail { padding: 15px; }
+.phase-studio-spine h3, .phase-studio-persona-rail h3 { margin: 4px 0 6px; font-size: 15px; }
+.phase-studio-spine > p, .phase-studio-persona-rail > p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.phase-studio-spine nav { display: grid; gap: 4px; margin-top: 14px; }
+.phase-studio-spine nav button { display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: center; gap: 8px; width: 100%; padding: 8px; border: 1px solid transparent; border-radius: 5px; background: transparent; color: var(--ink); cursor: pointer; text-align: left; }
+.phase-studio-spine nav button:hover, .phase-studio-spine nav button:focus-visible { border-color: var(--line); background: var(--surface-2); outline: 0; }
+.phase-studio-spine nav button[aria-current="step"] { border-color: #b8cddd; background: var(--blue-soft); }
+.phase-studio-spine nav button b { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); font-size: 8px; }
+.phase-studio-spine nav button strong, .phase-studio-spine nav button small { display: block; }
+.phase-studio-spine nav button strong { font-size: 9px; }
+.phase-studio-spine nav button small { margin-top: 2px; color: var(--muted); font-size: 8px; }
+.phase-studio-history { display: grid; gap: 7px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
+.phase-studio-history h4 { margin: 0; font-size: 10px; }
+.phase-studio-history article { display: grid; gap: 3px; padding: 8px; border-left: 3px solid var(--blue); background: var(--surface-2); }
+.phase-studio-history strong, .phase-studio-history span, .phase-studio-history small, .phase-studio-history p { margin: 0; font-size: 8px; line-height: 1.4; }
+.phase-studio-history span, .phase-studio-history small, .phase-studio-history p { color: var(--muted); }
+.phase-studio-canvas { display: grid; grid-template-rows: auto minmax(300px, auto) auto; overflow: hidden; }
+.phase-studio-notice { padding: 9px 14px; border-bottom: 1px solid #d9c99f; background: var(--amber-soft); color: #6f4b19; font-size: 9px; line-height: 1.45; }
+.phase-studio-notice.error { border-color: #e3b6b6; background: var(--red-soft); color: #762828; }
+.phase-studio-content { min-width: 0; padding: 18px; }
+.phase-studio-empty { display: grid; min-height: 220px; place-items: center; align-content: center; gap: 7px; padding: 20px; border: 1px dashed var(--line-strong); color: var(--muted); text-align: center; }
+.phase-studio-empty strong { color: var(--ink); }
+.phase-studio-empty p, .phase-studio-empty small { max-width: 560px; margin: 0; font-size: 9px; line-height: 1.5; }
+.phase-studio-empty.compact { min-height: 0; padding: 12px; }
+.phase-studio-form { display: grid; gap: 16px; }
+.phase-studio-question { padding-bottom: 13px; border-bottom: 1px solid var(--line); }
+.phase-studio-question h3 { margin: 4px 0 5px; font-size: 17px; }
+.phase-studio-question p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
+.phase-studio-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
+.phase-studio-form-grid label { display: grid; gap: 5px; min-width: 0; }
+.phase-studio-form-grid label.wide { grid-column: 1 / -1; }
+.phase-studio-form-grid label > span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
+.phase-studio-form-grid input, .phase-studio-form-grid select, .phase-studio-form-grid textarea { width: 100%; min-width: 0; padding: 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--ink); font: inherit; }
+.phase-studio-form-grid input, .phase-studio-form-grid select { min-height: 39px; }
+.phase-studio-form-grid textarea { resize: vertical; line-height: 1.5; }
+.phase-studio-form-grid input:focus, .phase-studio-form-grid select:focus, .phase-studio-form-grid textarea:focus { border-color: var(--green); outline: 2px solid rgb(23 107 77 / 11%); }
+.phase-studio-guidance { padding: 12px; border-left: 4px solid var(--blue); background: var(--blue-soft); }
+.phase-studio-guidance h4 { margin: 0; font-size: 10px; }
+.phase-studio-guidance ul { display: grid; gap: 4px; margin: 8px 0; padding-left: 17px; font-size: 9px; line-height: 1.45; }
+.phase-studio-guidance small { color: var(--muted); font-size: 8px; line-height: 1.4; }
+.phase-studio-resolution-form { margin-bottom: 16px; padding: 13px; border: 1px solid #d8c18f; border-radius: 6px; background: var(--amber-soft); }
+.phase-studio-destinations { display: grid; gap: 5px; padding: 10px; border: 1px solid var(--line); background: var(--surface); }
+.phase-studio-destinations strong { font-size: 9px; }
+.phase-studio-destinations code { overflow-wrap: anywhere; color: var(--green); font-size: 8px; }
+.phase-studio-thread { display: grid; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
+.phase-studio-thread h3, .phase-studio-review-grid h4, .phase-studio-shared-items h4 { margin: 4px 0 8px; }
+.phase-studio-entry { display: grid; gap: 6px; padding: 10px; border: 1px solid var(--line); border-left: 3px solid var(--blue); border-radius: 5px; background: var(--surface-2); }
+.phase-studio-entry[data-owner-context="business"] { border-left-color: var(--green); }
+.phase-studio-entry[data-owner-context="shared-review"] { border-left-color: var(--amber); }
+.phase-studio-entry header { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
+.phase-studio-entry header span, .phase-studio-entry header small { color: var(--muted); font-size: 8px; text-transform: uppercase; }
+.phase-studio-entry header strong { margin-left: auto; font-size: 9px; }
+.phase-studio-entry p { margin: 0; font-size: 10px; line-height: 1.5; }
+.phase-studio-entry footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; color: var(--muted); font-size: 8px; }
+.phase-studio-entry footer b { color: var(--blue); }
+.phase-studio-muted { color: var(--muted); font-size: 9px; line-height: 1.5; }
+.phase-studio-review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
+.phase-studio-review-grid > section { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 6px; }
+.phase-studio-shared-items { margin-top: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+.phase-studio-shared-items .phase-studio-review-grid { display: block; }
+.phase-studio-conflicts { display: grid; gap: 8px; margin-top: 12px; }
+.phase-studio-conflicts article { padding: 10px; border-left: 3px solid var(--red); background: var(--red-soft); }
+.phase-studio-conflicts article[data-status="resolved"] { border-left-color: var(--green); background: var(--green-soft); }
+.phase-studio-conflicts strong, .phase-studio-conflicts p, .phase-studio-conflicts small { margin: 0 0 4px; font-size: 9px; line-height: 1.45; }
+.phase-studio-actions { display: grid; gap: 9px; padding: 11px 14px; border-top: 1px solid var(--line); background: var(--surface); }
+.phase-studio-actions > p { margin: 0; color: var(--muted); font-size: 8px; }
+.phase-studio-actions > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
+.phase-studio-persona-rail #phaseStudioPersonas { display: grid; gap: 8px; margin-top: 14px; }
+.phase-studio-persona-rail #phaseStudioPersonas article { padding: 10px; border-left: 3px solid var(--blue); background: var(--surface-2); }
+.phase-studio-persona-rail #phaseStudioPersonas article[data-tier="project"] { border-left-color: var(--green); }
+.phase-studio-persona-rail #phaseStudioPersonas article[data-tier="premium"] { border-left-color: #b9862b; background: #fffaf0; }
+.phase-studio-persona-rail #phaseStudioPersonas header { display: flex; justify-content: space-between; gap: 7px; }
+.phase-studio-persona-rail #phaseStudioPersonas header strong { font-size: 9px; }
+.phase-studio-persona-rail #phaseStudioPersonas header span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.phase-studio-persona-rail #phaseStudioPersonas p { margin: 5px 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
+.phase-studio-persona-rail #phaseStudioPersonas small { color: var(--blue); font-size: 8px; }
+.phase-studio-persona-baseline { margin-top: 14px; padding: 11px; border: 1px solid #b8d9ca; background: var(--green-soft); }
+.phase-studio-persona-baseline strong { color: var(--green); font-size: 9px; }
+.phase-studio-persona-baseline p, .phase-studio-persona-baseline small { display: block; margin: 5px 0 0; color: #405763; font-size: 8px; line-height: 1.45; }
+.phase-studio-advisory { margin-top: 13px !important; padding-top: 11px; border-top: 1px solid var(--line); }
+.prototype-review-panel { margin-top: 14px; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface); }
+.prototype-review-panel > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 16px; cursor: pointer; list-style: none; background: var(--surface-2); }
+.prototype-review-panel > summary::-webkit-details-marker { display: none; }
+.prototype-review-panel > summary b, .prototype-review-panel > summary small { display: block; }
+.prototype-review-panel > summary small { margin-top: 3px; color: var(--muted); font-size: 8px; }
+.prototype-review-panel > summary em { padding: 4px 7px; border-radius: 999px; background: var(--green-soft); color: #12573f; font-size: 8px; font-style: normal; font-weight: 800; text-transform: capitalize; }
+.prototype-review-notice { padding: 9px 16px; border-block: 1px solid #d9c99f; background: var(--amber-soft); color: #6f4b19; font-size: 9px; }
+.prototype-review-notice.error { border-color: #e3b6b6; background: var(--red-soft); color: #762828; }
+.prototype-review-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 17px; border-bottom: 1px solid var(--line); }
+.prototype-review-heading h3, .prototype-review-layout h4, .prototype-review-availability h4 { margin: 3px 0 0; }
+.prototype-review-heading p { max-width: 76ch; margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.prototype-review-stage { display: flex; padding: 3px; border: 1px solid var(--line); border-radius: 6px; background: var(--canvas); }
+.prototype-review-stage button { min-height: 32px; padding: 0 10px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); cursor: pointer; font-size: 9px; font-weight: 750; }
+.prototype-review-stage button[aria-pressed="true"] { background: var(--surface); color: var(--ink); box-shadow: 0 1px 3px rgb(20 35 30 / 12%); }
+.prototype-review-availability { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 17px; border-bottom: 1px solid var(--line); }
+.prototype-review-availability > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
+.prototype-review-availability > div:last-child span { display: grid; gap: 2px; min-width: 90px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-2); }
+.prototype-review-availability span[data-available="true"] { border-color: #9ec7b5; background: var(--green-soft); }
+.prototype-review-availability b { font-size: 8px; text-transform: capitalize; }
+.prototype-review-availability small { color: var(--muted); font-size: 8px; }
+.prototype-review-layout { display: grid; grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr); gap: 14px; padding: 17px; }
+.prototype-review-layout > section { min-width: 0; }
+.prototype-review-personas, .prototype-review-findings { display: grid; gap: 8px; margin-top: 10px; }
+.prototype-review-persona { padding: 10px; border: 1px solid var(--line); border-left: 4px solid var(--blue); border-radius: 5px; background: var(--surface-2); }
+.prototype-review-persona[data-tier="project"] { border-left-color: var(--green); }
+.prototype-review-persona[data-tier="premium"] { border-color: #d2b76d; border-left-width: 4px; background: #fffaf0; }
+.prototype-review-persona header, .prototype-review-findings article > header { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
+.prototype-review-persona header strong, .prototype-review-findings article > header strong { font-size: 9px; }
+.prototype-review-persona header span, .prototype-review-findings article > header span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.prototype-review-persona p, .prototype-review-persona small { display: block; margin: 5px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
+.prototype-review-findings article { padding: 10px; border: 1px solid var(--line); border-left: 4px solid var(--blue); border-radius: 5px; }
+.prototype-review-findings article[data-severity="material"], .prototype-review-findings article[data-severity="critical"] { border-left-color: var(--amber); }
+.prototype-review-findings article > p { margin: 6px 0; font-size: 9px; line-height: 1.5; }
+.prototype-review-findings article > small { color: var(--muted); font-size: 8px; }
+.prototype-review-findings article > footer { display: grid; grid-template-columns: auto 1fr; gap: 8px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
+.prototype-review-findings article > footer b { color: var(--green); font-size: 8px; text-transform: uppercase; }
+.prototype-review-findings article > footer span { color: var(--muted); font-size: 8px; line-height: 1.4; }
+.prototype-review-empty { padding: 15px; border: 1px dashed var(--line-strong); color: var(--muted); text-align: center; }
+.prototype-review-empty strong { color: var(--ink); font-size: 9px; }
+.prototype-review-empty p { margin: 5px 0 0; font-size: 8px; line-height: 1.45; }
+.prototype-review-form { border-top: 1px solid var(--line); }
+.prototype-review-form > label { display: grid; gap: 6px; padding: 14px 17px; }
+.prototype-review-form > label > span { color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
+.prototype-review-form textarea { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 5px; background: #f8faf9; color: var(--ink); font: 9px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; resize: vertical; }
+.prototype-review-form textarea:focus { border-color: var(--green); outline: 2px solid rgb(23 107 77 / 11%); }
+.prototype-review-form footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 17px; border-top: 1px solid var(--line); background: var(--surface-2); }
+.prototype-review-form footer p { margin: 0; color: var(--muted); font-size: 8px; }
+.prototype-review-form footer div { display: flex; gap: 6px; }
+
+@media (max-width: 1100px) {
+  .phase-studio-layout { grid-template-columns: 220px minmax(0, 1fr); }
+  .phase-studio-persona-rail { grid-column: 1 / -1; }
+  .phase-studio-persona-rail #phaseStudioPersonas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+
+@media (max-width: 760px) {
+  .phase-studio-heading { grid-template-columns: 1fr; align-items: stretch; }
+  .phase-studio-state { max-width: none; }
+  .phase-studio-context-bridge > div { grid-template-columns: 1fr; }
+  .phase-studio-context-bridge > div > span { transform: rotate(90deg); }
+  .phase-studio-layout { grid-template-columns: minmax(0, 1fr); }
+  .phase-studio-spine { overflow-x: auto; }
+  .phase-studio-spine nav { display: flex; min-width: max-content; }
+  .phase-studio-spine nav button { width: 180px; }
+  .phase-studio-persona-rail { grid-column: auto; }
+  .prototype-review-heading, .prototype-review-availability, .prototype-review-form footer { display: grid; }
+  .prototype-review-availability > div:last-child { justify-content: flex-start; }
+  .prototype-review-layout { grid-template-columns: 1fr; }
+}
+
+@media (max-width: 520px) {
+  .phase-studio-form-grid, .phase-studio-review-grid { grid-template-columns: minmax(0, 1fr); }
+  .phase-studio-form-grid label.wide { grid-column: auto; }
+  .phase-studio-actions > div { display: grid; grid-template-columns: 1fr; }
+  .phase-studio-actions button { width: 100%; }
+  .phase-studio-persona-rail #phaseStudioPersonas { grid-template-columns: 1fr; }
+  .phase-studio-entry header strong { width: 100%; margin-left: 0; }
+  .prototype-review-stage, .prototype-review-form footer div { display: grid; }
+  .prototype-review-form footer button { width: 100%; }
+}
+
+@media (max-width: 390px) {
+  .phase-studio-view { padding: 10px; }
+  .phase-studio-context-bridge, .phase-studio-spine, .phase-studio-content, .phase-studio-persona-rail { padding: 11px; }
+  .phase-studio-spine nav button { width: 155px; }
+  .phase-studio-entry footer { display: grid; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .phase-studio-context-bridge *, .phase-studio-layout * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
+}
+
+/* Context Inspector */
+.context-inspector-view { overflow-x: hidden; overflow-y: auto; padding: 24px; background: var(--canvas); }
+.context-inspector-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
+.context-inspector-heading h2 { margin: 0; font-size: 26px; }
+.context-inspector-heading p { max-width: 720px; margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
+.context-inspector-summary { display: flex; gap: 6px; }
+.context-inspector-summary > span { display: grid; min-width: 92px; gap: 2px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); }
+.context-inspector-summary strong { font-size: 13px; font-variant-numeric: tabular-nums; text-transform: capitalize; }
+.context-inspector-summary small { color: var(--muted); font-size: 8px; }
+.context-manifest-status.status-ready { border-color: #8db8a6; background: var(--green-soft); color: #12573f; }
+.context-manifest-status.status-non-ready { border-color: #d99b93; background: var(--red-soft); color: #8c2f26; }
+.context-inspector-form { display: grid; grid-template-columns: 1fr 1.2fr .8fr .8fr; gap: 9px; margin-top: 14px; padding: 13px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
+.context-inspector-form label { display: grid; align-content: start; gap: 5px; min-width: 0; }
+.context-inspector-form label > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .03em; }
+.context-inspector-form label > span small { font-weight: 600; }
+.context-inspector-form input, .context-inspector-form select { width: 100%; min-width: 0; min-height: 38px; padding: 0 9px; border: 1px solid var(--line-strong); border-radius: 5px; background: var(--surface-2); color: var(--ink); }
+.context-inspector-form label.required > span::after { margin-left: 4px; color: var(--red); content: 'required'; font-size: 7px; text-transform: uppercase; }
+.context-focus-field, .context-digest-field { grid-column: span 2; }
+.context-inspector-form button { align-self: end; justify-self: start; }
+.context-inspector-status, .context-overflow-alert { margin-top: 10px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); font-size: 10px; line-height: 1.5; }
+.context-inspector-status.error, .context-overflow-alert { border-color: #d99b93; border-left: 4px solid var(--red); background: var(--red-soft); color: #7f2929; }
+.context-inspector-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(330px, .75fr); gap: 14px; margin-top: 14px; }
+.context-inspector-side { display: grid; align-content: start; gap: 14px; }
+.context-inspector-panel { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
+.context-inspector-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 14px; border-bottom: 1px solid var(--line); }
+.context-inspector-panel h3 { margin: 0; font-size: 13px; }
+.context-inspector-panel header p { max-width: 430px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.45; text-align: right; }
+.context-budget-runway { display: grid; gap: 7px; padding: 14px; }
+.context-budget-segment { display: grid; grid-template-columns: 8px minmax(0, 1fr); align-items: stretch; gap: 10px; min-height: 48px; padding: 8px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+.context-budget-segment > span { width: 8px; border-radius: 3px; background: var(--blue); }
+.context-budget-segment > div { display: grid; align-content: center; gap: 3px; }
+.context-budget-segment strong { font-size: 10px; }
+.context-budget-segment small { color: var(--muted); font-size: 8px; text-transform: capitalize; }
+.context-budget-segment.mandatory { border-left: 3px solid var(--green); }
+.context-budget-segment.relevant > span { background: var(--blue); }
+.context-budget-segment.reused { border-color: #8db8a6; background: var(--green-soft); }
+.context-budget-segment.deferred { border-style: dashed; opacity: .66; }
+.context-budget-segment.overflow { border-color: #d99b93; background: var(--red-soft); opacity: 1; }
+.context-budget-segment.overflow > span { background: var(--red); }
+.context-evidence-ledger { border-top: 1px solid var(--line); }
+.context-evidence-ledger > header, .context-evidence-ledger > footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 7px; padding: 10px 14px; background: var(--surface-2); font-size: 8px; }
+.context-evidence-ledger > header span { font-weight: 800; text-transform: uppercase; }
+.context-evidence-ledger code { overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
+.context-evidence-ledger > article { display: grid; grid-template-columns: minmax(120px, .7fr) minmax(180px, 1.3fr) minmax(110px, .6fr); gap: 10px; padding: 9px 14px; border-top: 1px solid var(--line); }
+.context-evidence-ledger article div { min-width: 0; }
+.context-evidence-ledger article strong, .context-evidence-ledger article small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.context-evidence-ledger article strong { font-size: 9px; }
+.context-evidence-ledger article small, .context-evidence-ledger article > span { color: var(--muted); font-size: 8px; line-height: 1.4; }
+.context-fidelity-rail { padding: 14px; }
+.context-fidelity-summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px; border-left: 4px solid var(--green); background: var(--green-soft); }
+.context-fidelity-summary.status-fail { border-left-color: var(--red); background: var(--red-soft); }
+.context-fidelity-summary strong { font-size: 10px; text-transform: uppercase; }
+.context-fidelity-summary span { font-size: 8px; }
+.context-fidelity-rail ul { display: grid; gap: 5px; margin: 10px 0; padding: 0; list-style: none; }
+.context-fidelity-rail li { display: flex; align-items: center; gap: 7px; padding: 6px 8px; background: var(--surface-2); color: var(--muted); font-size: 8px; }
+.context-fidelity-rail li b { display: grid; width: 16px; height: 16px; place-items: center; border-radius: 50%; background: var(--green-soft); color: var(--green); }
+.context-fidelity-rail li.status-fail b { background: var(--red-soft); color: var(--red); }
+.context-fidelity-rail p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
+.context-active-personas { display: grid; gap: 7px; padding: 14px; }
+.context-active-personas article { padding: 9px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+.context-active-personas article[data-tier="premium"] { border-color: #d2b76d; background: #fffaf0; }
+.context-active-personas article[data-tier="project"] { border-color: #8db8a6; }
+.context-active-personas header { display: flex; justify-content: space-between; gap: 8px; }
+.context-active-personas header strong { font-size: 9px; }
+.context-active-personas header span { padding: 3px 6px; border-radius: 999px; background: var(--green-soft); color: var(--green); font-size: 7px; font-weight: 800; text-transform: uppercase; }
+.context-active-personas p { margin: 6px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
+.context-active-personas small { display: block; margin-top: 4px; color: var(--muted); font-size: 7px; }
+.context-authority p { margin: 0; padding: 14px; border-left: 4px solid var(--amber); background: var(--amber-soft); color: #604514; font-size: 9px; line-height: 1.5; }
+.context-inspector-empty { padding: 20px; color: var(--muted); text-align: center; }
+.context-inspector-empty strong { color: var(--ink); font-size: 10px; }
+.context-inspector-empty p { margin: 5px 0 0; font-size: 8px; line-height: 1.45; }
+
+@media (max-width: 960px) {
+  .context-inspector-heading { align-items: flex-start; flex-direction: column; }
+  .context-inspector-layout { grid-template-columns: 1fr; }
+  .context-inspector-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+
+@media (max-width: 720px) {
+  .context-inspector-view { padding: 12px; }
+  .context-inspector-form { grid-template-columns: 1fr; }
+  .context-focus-field, .context-digest-field { grid-column: auto; }
+  .context-inspector-form button { width: 100%; }
+  .context-inspector-summary { width: 100%; overflow-x: auto; }
+  .context-inspector-summary > span { flex: 1 0 92px; }
+  .context-inspector-panel > header { align-items: flex-start; flex-direction: column; }
+  .context-inspector-panel header p { text-align: left; }
+  .context-evidence-ledger > article { grid-template-columns: 1fr; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .context-budget-segment, .context-inspector-form button { scroll-behavior: auto; transition: none; }
+}
+
+/* Organisation policy design gates */
+.policy-view { min-width: 0; overflow-x: hidden; overflow-y: auto; padding: 24px; background: var(--canvas); }
+.policy-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
+.policy-heading h2 { margin: 0; font-size: 26px; }
+.policy-heading p { max-width: 700px; margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
+.policy-view-toggle { display: inline-flex; padding: 3px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
+.policy-view-toggle button { min-height: 32px; padding: 0 12px; border: 0; border-radius: 5px; background: transparent; color: var(--muted); font-size: 9px; font-weight: 800; }
+.policy-view-toggle button.active { background: var(--ink); color: var(--surface); }
+.policy-authority-notice { margin-top: 14px; padding: 11px 14px; border: 1px solid #d9bd76; border-left: 4px solid var(--amber); border-radius: 6px; background: var(--amber-soft); color: #604514; font-size: 9px; line-height: 1.55; }
+.policy-intent-form { display: grid; grid-template-columns: minmax(220px, 480px) auto; align-items: end; gap: 9px; margin-top: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
+.policy-intent-form label { display: grid; gap: 5px; min-width: 0; }
+.policy-intent-form label span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.policy-intent-form input { width: 100%; min-width: 0; min-height: 36px; padding: 0 10px; border: 1px solid var(--line-strong); border-radius: 5px; background: var(--surface-2); color: var(--ink); }
+.policy-error, .policy-status { margin-top: 10px; padding: 9px 12px; border-radius: 5px; font-size: 9px; }
+.policy-error { border: 1px solid #d99b93; border-left: 4px solid var(--red); background: var(--red-soft); color: #7f2929; }
+.policy-status:not(:empty) { border: 1px solid var(--line); background: var(--surface); color: var(--muted); }
+.policy-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 320px); align-items: start; gap: 14px; min-width: 0; margin-top: 14px; }
+.policy-main { display: grid; gap: 12px; min-width: 0; }
+.policy-panel { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
+.policy-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 10px; }
+.policy-panel h3 { margin: 0; font-size: 14px; text-transform: capitalize; }
+.policy-panel > header > span { color: var(--muted); font-size: 9px; font-weight: 800; }
+.policy-panel > p, .policy-panel > footer { margin: 7px 0 0; color: var(--muted); font-size: 9px; line-height: 1.5; }
+.policy-outcome-panel { border-left: 4px solid var(--green); }
+.policy-outcome-panel:has(.status-deny), .policy-outcome-panel:has(.status-review-required) { border-left-color: var(--red); }
+.policy-outcome { padding: 5px 8px; border-radius: 999px; background: var(--green-soft); color: var(--green); font-size: 8px; font-weight: 800; white-space: nowrap; }
+.policy-outcome.status-deny, .policy-outcome.status-review-required { background: var(--red-soft); color: var(--red); }
+.policy-digests dl { display: grid; gap: 7px; margin: 0; }
+.policy-digests dl div { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 9px; padding: 8px; background: var(--surface-2); }
+.policy-digests dt { color: var(--muted); font-size: 8px; font-weight: 800; }
+.policy-digests dd { min-width: 0; margin: 0; }
+.policy-digests code { display: block; overflow: hidden; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
+.policy-facts, .policy-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
+.policy-facts article, .policy-rules article { min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+.policy-facts strong, .policy-rules strong { font-size: 9px; }
+.policy-facts p { margin: 5px 0; font-size: 9px; }
+.policy-facts small, .policy-rules small { display: block; margin-top: 5px; color: var(--muted); font-size: 7px; }
+.policy-rules article > header { display: flex; justify-content: space-between; gap: 8px; }
+.policy-rules article > header span { color: var(--blue); font-size: 7px; font-weight: 800; text-transform: uppercase; }
+.policy-rules code { display: block; overflow: hidden; margin-top: 6px; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
+.policy-rules ul, .policy-outcome-panel ul { margin: 8px 0 0; padding-left: 18px; color: var(--muted); font-size: 8px; line-height: 1.5; }
+.policy-panel > .primary-action { margin-top: 11px; }
+.policy-personas { display: grid; gap: 8px; }
+.policy-personas > p { margin: -3px 0 3px; }
+.policy-personas article { padding: 9px; border-left: 3px solid var(--blue); background: var(--surface-2); }
+.policy-personas article[data-tier="premium"] { border-left-color: #b9862b; background: #fffaf0; }
+.policy-personas article[data-tier="project"] { border-left-color: var(--green); }
+.policy-personas article header { display: flex; justify-content: space-between; gap: 8px; }
+.policy-personas article header strong { font-size: 9px; }
+.policy-personas article header span { color: var(--muted); font-size: 7px; font-weight: 800; text-transform: uppercase; }
+.policy-personas article p { margin: 5px 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
+.policy-personas article small { color: var(--blue); font-size: 7px; }
+.policy-reviews form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 11px 0; border-top: 1px solid var(--line); }
+.policy-reviews form > strong, .policy-reviews form > small, .policy-reviews form > button { grid-column: 1 / -1; }
+.policy-reviews form > small { color: var(--muted); font-size: 8px; }
+.policy-reviews label { display: grid; gap: 4px; min-width: 0; }
+.policy-reviews label.wide { grid-column: 1 / -1; }
+.policy-reviews label span { color: var(--muted); font-size: 8px; font-weight: 800; }
+.policy-reviews input, .policy-reviews select, .policy-reviews textarea { width: 100%; min-width: 0; padding: 8px; border: 1px solid var(--line-strong); border-radius: 5px; background: var(--surface-2); color: var(--ink); }
+.policy-reviews textarea { min-height: 76px; resize: vertical; }
+.policy-empty { grid-column: 1 / -1; padding: 22px; border: 1px dashed var(--line-strong); border-radius: 7px; background: var(--surface); text-align: center; }
+.policy-empty strong { font-size: 10px; }
+.policy-empty p { margin: 6px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
+
+@media (max-width: 720px) {
+  .policy-view { padding: 12px; }
+  .policy-heading { align-items: stretch; flex-direction: column; }
+  .policy-view-toggle { align-self: stretch; }
+  .policy-view-toggle button { flex: 1; }
+  .policy-intent-form, .policy-workspace { grid-template-columns: minmax(0, 1fr); }
+  .policy-intent-form button { width: 100%; }
+  .policy-facts, .policy-rules, .policy-reviews form { grid-template-columns: minmax(0, 1fr); }
+  .policy-reviews form > strong, .policy-reviews form > small, .policy-reviews form > button, .policy-reviews label.wide { grid-column: auto; }
+  .policy-panel > header { flex-wrap: wrap; }
+  .policy-outcome { white-space: normal; }
+  .policy-digests dl div { grid-template-columns: minmax(0, 1fr); }
+}
+
+@media (max-width: 390px) {
+  .policy-view, .policy-panel { padding: 10px; }
+  .policy-authority-notice, .policy-intent-form { padding: 10px; }
+}
+
+/* Local Error Reporting */
+.error-reporting-view { min-width: 0; overflow: auto; padding: 24px; background: var(--canvas); }
+.error-reporting-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
+.error-reporting-heading h2 { margin: 0; font-size: 26px; }
+.error-reporting-heading p { max-width: 720px; margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
+.error-report-status { margin-top: 10px; padding: 10px 13px; border: 1px solid var(--line); border-left: 4px solid var(--blue); border-radius: 6px; background: var(--surface); font-size: 9px; }
+.error-report-local-notice { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; margin-top: 14px; padding: 11px 14px; border: 1px solid #9dc9b8; border-left: 4px solid var(--green); border-radius: 7px; background: var(--green-soft); color: #154f3d; }
+.error-report-local-notice strong { font-size: 10px; }
+.error-report-local-notice > span { font-size: 9px; line-height: 1.5; }
+.error-report-local-notice label { display: flex; align-items: center; gap: 6px; font-size: 9px; font-weight: 800; white-space: nowrap; }
+.error-report-create-form { margin-top: 12px; padding: 15px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
+.error-report-create-form > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
+.error-report-create-form h3 { margin: 0; font-size: 14px; }
+.error-report-create-form header p { max-width: 420px; margin: 0; color: var(--muted); font-size: 9px; }
+.error-report-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 13px; }
+.error-report-form-grid label { display: grid; gap: 4px; min-width: 0; }
+.error-report-form-grid label.wide { grid-column: 1 / -1; }
+.error-report-form-grid span, .error-report-provider-select span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.error-report-form-grid input, .error-report-form-grid textarea, .error-report-provider-select select, #errorReportFilter { width: 100%; min-width: 0; padding: 8px; border: 1px solid var(--line-strong); border-radius: 5px; background: var(--surface-2); color: var(--ink); }
+.error-report-form-grid textarea { min-height: 68px; resize: vertical; }
+.error-report-create-form footer { display: flex; gap: 8px; margin-top: 11px; }
+.error-reporting-layout { display: grid; grid-template-columns: minmax(240px, 320px) minmax(0, 1fr); min-height: 560px; margin-top: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); }
+.error-report-ledger { min-width: 0; border-right: 1px solid var(--line); background: var(--surface-2); }
+.error-report-ledger > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; padding: 14px; border-bottom: 1px solid var(--line); }
+.error-report-ledger h3 { margin: 0; font-size: 13px; }
+#errorReportFilter { width: auto; max-width: 120px; font-size: 9px; }
+#errorReportList { display: grid; align-content: start; gap: 6px; max-height: 720px; overflow-y: auto; padding: 9px; }
+.error-report-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 8px; width: 100%; padding: 11px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface); color: var(--ink); cursor: pointer; text-align: left; }
+.error-report-row:hover, .error-report-row.active { border-color: var(--green); box-shadow: 0 0 0 2px rgb(23 107 77 / 8%); }
+.error-report-row span, .error-report-row strong, .error-report-row small, .error-report-row code { min-width: 0; }
+.error-report-row strong, .error-report-row small, .error-report-row code { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.error-report-row strong { font-size: 10px; }
+.error-report-row small, .error-report-row code { margin-top: 3px; color: var(--muted); font-size: 7px; }
+.error-report-row code { grid-column: 1 / -1; }
+.error-report-row b, .error-report-viewer-heading > b { align-self: start; padding: 4px 7px; border-radius: 999px; background: var(--amber-soft); color: #74520f; font-size: 7px; text-transform: uppercase; }
+.error-report-row b[data-state="finalised"], .error-report-viewer-heading > b[data-state="finalised"] { background: var(--green-soft); color: var(--green); }
+.error-report-viewer { min-width: 0; overflow-y: auto; padding: 20px; }
+.error-report-viewer-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
+.error-report-viewer-heading h3 { margin: 0; font-size: 20px; }
+.error-report-viewer-heading p { margin: 5px 0 0; color: var(--muted); font: 8px/1.4 "SFMono-Regular", Consolas, monospace; }
+.error-report-custody { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-top: 16px; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: var(--line); }
+.error-report-custody span { display: flex; align-items: center; gap: 7px; min-height: 42px; padding: 9px; background: var(--surface-2); }
+.error-report-custody i { width: 9px; height: 9px; border: 2px solid var(--line-strong); border-radius: 50%; }
+.error-report-custody span[data-state="complete"] i, .error-report-custody span[data-state="current"] i { border-color: var(--green); background: var(--green); }
+.error-report-custody span[data-state="current"] { background: var(--green-soft); }
+.error-report-custody b { font-size: 8px; }
+.error-report-email-state { margin-top: 12px; padding: 11px; border-left: 4px solid var(--blue); background: var(--blue-soft); }
+.error-report-email-state strong { font-size: 10px; }
+.error-report-email-state p, .error-report-email-state code { display: block; margin: 4px 0 0; color: var(--muted); font-size: 8px; overflow-wrap: anywhere; }
+.error-report-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
+.error-report-detail-grid > section { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-2); }
+.error-report-detail-grid h4 { margin: 0; font-size: 13px; }
+.error-report-detail-grid p, .error-report-detail-grid li, .error-report-detail-grid dd { color: var(--muted); font-size: 8px; line-height: 1.5; }
+.error-report-detail-grid dl { margin: 9px 0; }
+.error-report-detail-grid dl div { margin-top: 8px; }
+.error-report-detail-grid dt { font-size: 8px; font-weight: 800; }
+.error-report-detail-grid dd { margin: 3px 0 0; }
+.error-report-detail-grid ol, .error-report-detail-grid ul { margin: 8px 0 0; padding-left: 18px; }
+.error-report-members { display: grid; gap: 4px; padding: 0 !important; list-style: none; }
+.error-report-members li { padding: 6px 8px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); }
+.error-report-members code, .error-report-digests code, .error-report-attempt code, .error-report-receipt code { font-size: 7px; overflow-wrap: anywhere; }
+.error-report-attempt, .error-report-receipt { display: grid; gap: 4px; margin-top: 7px; padding: 9px; border-left: 3px solid var(--red); background: var(--surface); }
+.error-report-receipt, .error-report-attempt[data-state="accepted"] { border-left-color: var(--green); }
+.error-report-attempt strong, .error-report-receipt strong { font-size: 9px; }
+.error-report-attempt span, .error-report-receipt span { color: var(--muted); font-size: 8px; }
+.error-report-actions { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--line); }
+.error-report-provider-select { display: grid; gap: 4px; min-width: 170px; }
+.error-report-provider-empty { flex-basis: 100%; margin: 0; color: var(--muted); font-size: 8px; }
+.error-report-actions .danger-action { margin-left: auto; min-height: 34px; padding: 0 11px; border: 1px solid #d49a94; border-radius: 5px; background: var(--red-soft); color: #7f2929; cursor: pointer; font-size: 9px; font-weight: 800; }
+.error-report-empty { padding: 24px; color: var(--muted); text-align: center; }
+.error-report-empty strong { color: var(--ink); font-size: 11px; }
+.error-report-empty p { margin: 5px 0 10px; font-size: 8px; line-height: 1.5; }
+
+.team-hub-view { min-width: 0; overflow: auto; padding: 24px; background: var(--canvas); }
+.team-hub-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
+.team-hub-heading h2 { margin: 0; font-size: 26px; }
+.team-hub-heading p { max-width: 720px; margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
+.team-hub-mode { padding: 6px 10px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--surface); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+.team-hub-mode[data-mode="connected"] { border-color: var(--green); background: var(--green-soft); color: var(--green); }
+.team-hub-status { margin-top: 12px; padding: 10px 13px; border-left: 4px solid var(--blue); background: var(--blue-soft); font-size: 9px; }
+.team-hub-status[data-state="error"] { border-left-color: var(--red); background: var(--red-soft); }
+.team-hub-disclosure { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; margin-top: 14px; padding: 12px 14px; border: 1px solid #9dc9b8; border-left: 4px solid var(--green); border-radius: 7px; background: var(--green-soft); color: #154f3d; }
+.team-hub-disclosure strong { font-size: 10px; }
+.team-hub-disclosure span { font-size: 8px; line-height: 1.5; overflow-wrap: anywhere; }
+.team-hub-grid { display: grid; grid-template-columns: minmax(280px, 0.9fr) minmax(320px, 1.1fr); gap: 12px; margin-top: 12px; }
+.team-hub-panel, .team-hub-contract { min-width: 0; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
+.team-hub-panel > header h3, .team-hub-contract > header h3 { margin: 0; font-size: 15px; }
+#teamHubConnection p, #teamHubAuthority { color: var(--muted); font-size: 9px; line-height: 1.55; }
+#teamHubConnection dl { display: grid; gap: 7px; margin: 12px 0; }
+#teamHubConnection dl div { display: grid; gap: 3px; padding: 8px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface-2); }
+#teamHubConnection dt, .team-hub-connect-form span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }
+#teamHubConnection dd { margin: 0; font: 8px/1.5 "SFMono-Regular", Consolas, monospace; overflow-wrap: anywhere; }
+.team-hub-connect-form { display: grid; gap: 9px; margin-top: 12px; }
+.team-hub-connect-form label { display: grid; gap: 4px; }
+.team-hub-connect-form input { width: 100%; min-width: 0; padding: 8px; border: 1px solid var(--line-strong); border-radius: 5px; background: var(--surface-2); color: var(--ink); }
+.team-hub-connect-form .team-hub-acknowledgement { display: flex; align-items: flex-start; gap: 7px; }
+.team-hub-connect-form .team-hub-acknowledgement input { width: auto; margin-top: 2px; }
+.team-hub-connect-form .team-hub-acknowledgement span { text-transform: none; }
+.team-hub-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
+.team-hub-actions .danger-action { min-height: 34px; padding: 0 11px; border: 1px solid #d49a94; border-radius: 5px; background: var(--red-soft); color: #7f2929; cursor: pointer; font-size: 9px; font-weight: 800; }
+.team-hub-evidence { display: grid; gap: 9px; margin-top: 12px; }
+.team-hub-evidence article { min-width: 0; padding: 12px; border-left: 4px solid var(--blue); background: var(--surface-2); }
+.team-hub-evidence strong { font-size: 10px; text-transform: capitalize; }
+.team-hub-evidence p, .team-hub-evidence small { display: block; margin: 5px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; overflow-wrap: anywhere; }
+.team-hub-contract { margin-top: 12px; }
+.team-hub-resource-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+.team-hub-resource-boundary { margin: 10px 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
+.team-hub-release-chain { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 10px 12px; border-left: 4px solid var(--green); background: var(--green-soft); color: #154f3d; font-size: 8px; }
+.team-hub-release-chain span { color: var(--muted); }
+.team-hub-resource-grid { display: grid; grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr); gap: 1px; margin-top: 12px; background: var(--line); border: 1px solid var(--line); }
+.team-hub-resource-list, .team-hub-resource-detail { min-width: 0; background: var(--surface); }
+.team-hub-resource-list > p, .team-hub-resource-detail > p { margin: 0; padding: 16px; color: var(--muted); font-size: 9px; }
+.team-hub-resource-list button { display: grid; width: 100%; gap: 7px; padding: 12px; border: 0; border-bottom: 1px solid var(--line); background: var(--surface); color: var(--ink); text-align: left; white-space: normal; }
+.team-hub-resource-list button:hover { background: var(--surface-2); }
+.team-hub-resource-list button span, .team-hub-resource-list button small { display: block; }
+.team-hub-resource-list button small, .team-hub-resource-list button code { color: var(--muted); font-size: 8px; overflow-wrap: anywhere; }
+.team-hub-resource-detail { padding: 15px; }
+.team-hub-resource-detail h4 { margin: 3px 0; font-size: 16px; }
+.team-hub-resource-detail > header > code { display: block; color: var(--muted); font-size: 8px; overflow-wrap: anywhere; }
+.team-hub-resource-detail dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 12px 0; border: 1px solid var(--line); }
+.team-hub-resource-detail dl div { min-width: 0; padding: 9px; border-bottom: 1px solid var(--line); }
+.team-hub-resource-detail dd { overflow-wrap: anywhere; }
+.team-hub-resource-detail details ul { padding-left: 18px; }
+.team-hub-resource-detail details li span { display: block; color: var(--muted); font-size: 7px; overflow-wrap: anywhere; }
+.team-hub-resource-install-form { display: grid; gap: 9px; margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--line); }
+.team-hub-resource-install-form label { display: grid; gap: 4px; }
+.team-hub-resource-install-form input { min-width: 0; padding: 8px; border: 1px solid var(--line-strong); }
+.team-hub-resource-install-form .team-hub-acknowledgement { display: flex; align-items: flex-start; gap: 7px; }
+.team-hub-resource-install-form .team-hub-acknowledgement input { width: auto; }
+#teamHubContractFields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
+#teamHubContractFields > div { padding: 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); }
+#teamHubContractFields h4 { margin: 0; font-size: 11px; }
+#teamHubContractFields ul { display: flex; flex-wrap: wrap; gap: 5px; margin: 9px 0 0; padding: 0; list-style: none; }
+#teamHubContractFields li { padding: 5px 7px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface); font-size: 7px; }
+
+@media (max-width: 960px) {
+  .error-reporting-layout { grid-template-columns: minmax(0, 1fr); }
+  .error-report-ledger { border-right: 0; border-bottom: 1px solid var(--line); }
+  #errorReportList { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 300px; }
+  .error-report-local-notice { grid-template-columns: auto minmax(0, 1fr); }
+  .error-report-local-notice label { grid-column: 1 / -1; }
+}
+
+@media (max-width: 600px) {
+  .team-hub-view { padding: 12px; }
+  .team-hub-heading, .team-hub-disclosure, .team-hub-grid, #teamHubContractFields { grid-template-columns: minmax(0, 1fr); }
+  .team-hub-resource-grid, .team-hub-resource-detail dl { grid-template-columns: minmax(0, 1fr); }
+  .team-hub-resource-heading { align-items: flex-start; flex-direction: column; }
+  .team-hub-heading { align-items: flex-start; flex-direction: column; }
+  .team-hub-actions { align-items: stretch; flex-direction: column; }
+  .team-hub-actions button { width: 100%; }
+  .error-reporting-view { padding: 12px; }
+  .error-reporting-heading, .error-report-create-form > header { align-items: stretch; flex-direction: column; }
+  .error-reporting-heading > button { width: 100%; }
+  .error-report-local-notice, .error-report-form-grid, .error-report-detail-grid, .error-report-custody { grid-template-columns: minmax(0, 1fr); }
+  .error-report-local-notice label, .error-report-form-grid label.wide { grid-column: auto; }
+  #errorReportList { grid-template-columns: minmax(0, 1fr); }
+  .error-report-actions { align-items: stretch; flex-direction: column; }
+  .error-report-actions > button, .error-report-provider-select { width: 100%; }
+  .error-report-actions .danger-action { margin-left: 0; }
+  .error-report-create-form footer { flex-direction: column; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .error-report-row, .error-report-actions button { scroll-behavior: auto; transition: none; animation: none; }
+}
+
+.app-shell { grid-template-columns: 232px minmax(0, 1fr); grid-template-rows: 64px minmax(0, 1fr); }
+.app-shell > .app-bar { grid-column: 2; grid-row: 1; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: minmax(0, 1fr); padding-bottom: 0; }
+.app-shell > .app-bar .brand-block { grid-row: 1; grid-column: 1; }
+.app-shell > .app-bar .app-actions { grid-row: 1; grid-column: 2; width: auto; }
+.app-shell > .dashboard-view { grid-column: 2; grid-row: 2; min-width: 0; min-height: 0; }
+.dashboard-sidebar { grid-column: 1; grid-row: 1 / span 2; min-width: 0; display: flex; flex-direction: column; overflow-y: auto; padding: 22px 12px 16px; background: var(--surface); border-right: 1px solid var(--line); z-index: 20; }
+.sidebar-brand { display: flex; align-items: center; gap: 10px; padding: 4px 10px 26px; }
+.sidebar-brand strong { font-size: 16px; line-height: 1.3; }
+.sidebar-brand small { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.4; }
+.dashboard-sidebar .view-switcher { display: grid; gap: 4px; padding: 0; overflow: visible; background: transparent; border-radius: 0; }
+.dashboard-sidebar .view-switcher button, .sidebar-bottom button { width: 100%; min-height: 43px; padding: 10px 12px; gap: 12px; display: flex; align-items: center; text-align: left; white-space: normal; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font-size: 13px; font-weight: 500; cursor: pointer; }
+.dashboard-sidebar .view-switcher button:hover, .sidebar-bottom button:hover { background: var(--surface-2); color: var(--ink); }
+.dashboard-sidebar button.active { background: var(--green-soft); color: var(--green); font-weight: 650; box-shadow: none; }
+.sidebar-icon { width: 18px; flex-shrink: 0; text-align: center; font-size: 18px; }
+.sidebar-icon svg { display: block; width: 18px; height: 18px; }
+.sidebar-icon.live-dot { width: 7px; margin: 0 5px; }
+.sidebar-group-label { margin: 24px 12px 6px; color: var(--muted); font-size: 12px; }
+#optionalViewLinks { display: grid; gap: 4px; }
+.sidebar-bottom { margin-top: auto; padding-top: 22px; }
+.sidebar-premium { display: grid; gap: 12px; margin: 20px 10px 8px; }
+.sidebar-premium a { color: var(--green); font-size: 13px; line-height: 1.5; }
+.sidebar-premium .quiet-button { height: auto; min-height: 38px; }
+.sidebar-open, .sidebar-close { display: none; }
+.sidebar-backdrop { position: fixed; inset: 0; z-index: 40; border: 0; background: rgb(23 33 28 / 35%); }
+.sidebar-collapsed { grid-template-columns: 68px minmax(0, 1fr); }
+.sidebar-collapsed .dashboard-sidebar { padding-left: 8px; padding-right: 8px; }
+.sidebar-collapsed .sidebar-label, .sidebar-collapsed .sidebar-brand div, .sidebar-collapsed .sidebar-group-label, .sidebar-collapsed .sidebar-premium, .sidebar-collapsed .nav-count { display: none; }
+.sidebar-collapsed .sidebar-brand { padding-left: 8px; padding-right: 8px; }
+.sidebar-collapsed .view-switcher button, .sidebar-collapsed .sidebar-bottom button { justify-content: center; padding: 12px 8px; }
+.app-shell .summary-strip { top: 70px; left: 248px; }
+.sidebar-collapsed .summary-strip { left: 84px; }
+.dashboard-configuration { overflow: auto; padding: 38px; }
+.dashboard-configuration > * { max-width: 980px; }
+.configuration-heading { margin-bottom: 32px; }
+.configuration-heading h2 { margin: 0 0 12px; font-size: 28px; letter-spacing: -.03em; }
+.configuration-heading p, .configuration-group p, .configuration-assurance { color: var(--muted); line-height: 1.6; }
+.configuration-group { margin-bottom: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; }
+.configuration-group header { padding: 24px; border-bottom: 1px solid var(--line); }
+.configuration-group h3 { margin: 0 0 8px; font-size: 17px; }
+.configuration-group p { margin: 0; }
+.configuration-setting { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 92px; padding: 20px 24px; cursor: pointer; }
+.configuration-setting + .configuration-setting { border-top: 1px solid var(--line); }
+.configuration-setting strong { display: block; margin-bottom: 7px; }
+.configuration-setting span span { display: block; color: var(--muted); line-height: 1.5; max-width: 75ch; }
+.configuration-setting input { appearance: none; flex-shrink: 0; width: 38px; height: 22px; margin: 0; border-radius: 20px; background: var(--line-strong); position: relative; cursor: pointer; }
+.configuration-setting input::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: white; }
+.configuration-setting input:checked { background: var(--green); }
+.configuration-setting input:checked::after { left: 19px; }
+.configuration-save { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; padding: 8px 0 20px; }
+.configuration-save output { flex-basis: 100%; line-height: 1.6; }
+.configuration-assurance { font-size: 13px; max-width: 85ch; margin-bottom: 26px; }
+.configuration-licence, .configuration-shortcuts { padding: 24px; }
+.configuration-licence p { margin: 10px 0 20px; }
+.configuration-shortcuts { display: flex; flex-wrap: wrap; gap: 14px; }
+.dashboard-sidebar button:focus-visible, .dashboard-sidebar a:focus-visible, .dashboard-configuration button:focus-visible, .dashboard-configuration input:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
+@media (max-width: 720px) {
+  .app-shell, .app-shell.sidebar-collapsed { grid-template-columns: minmax(0, 1fr); }
+  .app-shell > .app-bar, .app-shell > .dashboard-view { grid-column: 1; }
+  .app-shell > .app-bar { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; padding: 0 14px; }
+  .app-shell > .app-bar .brand-block { grid-column: 2; }
+  .app-shell > .app-bar .app-actions { grid-column: 3; }
+  .dashboard-sidebar { display: none; position: fixed; left: 0; top: 0; width: 260px; height: 100dvh; z-index: 50; box-shadow: var(--shadow); }
+  .sidebar-drawer-open .dashboard-sidebar { display: flex; }
+  .sidebar-open, .sidebar-close { display: inline-flex; justify-content: center; align-items: center; min-width: 40px; min-height: 40px; }
+  .sidebar-close { position: absolute; right: 12px; top: 12px; }
+  .sidebar-brand, .sidebar-collapsed .sidebar-brand { padding: 6px 48px 26px 10px; }
+  .sidebar-collapsed .sidebar-brand div, .sidebar-collapsed .sidebar-label, .sidebar-collapsed .sidebar-group-label, .sidebar-collapsed .sidebar-premium, .sidebar-collapsed .nav-count { display: revert; }
+  .sidebar-collapsed .view-switcher button, .sidebar-collapsed .sidebar-bottom button { justify-content: flex-start; padding: 10px 12px; }
+  #sidebarCollapse { display: none; }
+  .app-shell .summary-strip, .sidebar-collapsed .summary-strip { left: 14px; }
+  .app-bar .global-search { display: none; }
+  .dashboard-configuration { padding: 28px 18px; }
+  .configuration-heading h2 { font-size: 25px; }
+  .configuration-group header, .configuration-setting, .configuration-licence, .configuration-shortcuts { padding: 19px; }
+}