@dsdenes/devboard 0.1.559 → 0.1.562

package/client/app.css

@@ -0,0 +1,3922 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+:root,
+:root[data-theme="dark"] {
+  color-scheme: dark;
+  --background: #0d1117;
+  --surface: #161b22;
+  --surface-raised: #1c2128;
+  --foreground: #e6edf3;
+  --text: var(--foreground);
+  --muted-foreground: #8b949e;
+  --muted: var(--muted-foreground);
+  --border: #30363d;
+  --border-subtle: #21262d;
+  --border-strong: #6e7681;
+  --ring: #58a6ff;
+  --primary: #1f6feb;
+  --primary-hover: #388bfd;
+  --primary-foreground: #ffffff;
+  --secondary: #21262d;
+  --secondary-hover: #30363d;
+  --accent: #58a6ff;
+  --accent-surface: #16233a;
+  --destructive: #da3633;
+  --destructive-foreground: #ffffff;
+  --success: #3fb950;
+  --success-surface: #16251b;
+  --warning: #d29922;
+  --warning-surface: #2b2411;
+  --error: #ff7b72;
+  --error-surface: #2b1513;
+  --row-hover: #1b2129;
+  --terminal-background: #0d1117;
+  --activity-bar: #0a0d12;
+  --badge-pending: #d29922;
+  --badge-stale: #d29922;
+  --font-sans:
+    ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial,
+    sans-serif;
+  --font-mono:
+    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
+  --selection-background: #264f78;
+}
+
+:root[data-theme="light"] {
+  color-scheme: light;
+  --background: #ffffff;
+  --surface: #f6f8fa;
+  --surface-raised: #ffffff;
+  --foreground: #1f2328;
+  --text: var(--foreground);
+  --muted-foreground: #57606a;
+  --muted: var(--muted-foreground);
+  --border: #d0d7de;
+  --border-subtle: #eaeef2;
+  --border-strong: #6e7781;
+  --ring: #0969da;
+  --primary: #0969da;
+  --primary-hover: #0550ae;
+  --primary-foreground: #ffffff;
+  --secondary: #f6f8fa;
+  --secondary-hover: #eaeef2;
+  --accent: #0969da;
+  --accent-surface: #eef4ff;
+  --destructive: #cf222e;
+  --destructive-foreground: #ffffff;
+  --success: #1a7f37;
+  --success-surface: #f0f7f2;
+  --warning: #9a6700;
+  --warning-surface: #fff8e5;
+  --error: #cf222e;
+  --error-surface: #fdf2f1;
+  --row-hover: #f6f8fa;
+  --terminal-background: #ffffff;
+  --activity-bar: #f6f8fa;
+  --badge-pending: #9a6700;
+  --badge-stale: #9a6700;
+  --selection-background: #b6d7ff;
+  --flow-contract-border: #0969da;
+  --flow-contract-surface: #eef4ff;
+  --flow-entity-border: #8250df;
+  --flow-entity-surface: #f6f1ff;
+  --flow-naming-border: #1a7f37;
+  --flow-naming-surface: #eaf6ed;
+  --flow-data-border: #9a6700;
+  --flow-data-surface: #fff8e5;
+  --flow-dependency-border: #1f7a8c;
+  --flow-dependency-surface: #eef8f9;
+  --flow-irreversible-border: #b42318;
+  --flow-irreversible-surface: #fdf2f1;
+  --flow-structure-border: #656d76;
+  --flow-structure-surface: #f0f2f4;
+}
+
+/* Keeps form controls and scrollbars readable when the OS prefers dark while
+   the application theme itself is explicit. */
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) {
+    color-scheme: dark;
+  }
+}
+
+:root[data-theme="dark"] {
+  --flow-contract-border: #58a6ff;
+  --flow-contract-surface: #16233a;
+  --flow-entity-border: #bc8cff;
+  --flow-entity-surface: #241a33;
+  --flow-naming-border: #3fb950;
+  --flow-naming-surface: #16251b;
+  --flow-data-border: #e3b341;
+  --flow-data-surface: #2b2411;
+  --flow-dependency-border: #6cb6c8;
+  --flow-dependency-surface: #13292c;
+  --flow-irreversible-border: #ff7b72;
+  --flow-irreversible-surface: #2b1513;
+  --flow-structure-border: #9aa4ae;
+  --flow-structure-surface: #22272c;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: var(--font-sans);
+  font-size: 13px;
+  line-height: 1.45;
+}
+
+#app {
+  height: 100dvh;
+  overflow: hidden;
+}
+
+::selection {
+  background: var(--selection-background);
+}
+
+:where(button, [role="tab"], a, input, textarea, select, [tabindex]):focus-visible {
+  outline: 2px solid var(--ring);
+  outline-offset: 1px;
+}
+
+.mono,
+code,
+pre,
+kbd {
+  font-family: var(--font-mono);
+  font-size: 12px;
+}
+
+.muted {
+  color: var(--muted-foreground);
+}
+
+.app-shell {
+  display: flex;
+  flex-direction: column;
+  height: 100dvh;
+  overflow: hidden;
+  width: 100%;
+}
+
+.shell-main {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+  width: 100%;
+}
+
+.activity-bar {
+  align-items: center;
+  background: var(--activity-bar);
+  border-right: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+  flex: 0 0 72px;
+  gap: 4px;
+  padding: 8px 0;
+  width: 72px;
+}
+
+.activity-tab {
+  align-items: center;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  color: var(--muted-foreground);
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  height: 52px;
+  justify-content: center;
+  padding: 6px 4px;
+  position: relative;
+  width: 64px;
+}
+
+.activity-tab__label {
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  line-height: 1;
+  text-transform: uppercase;
+}
+
+.activity-tab:hover {
+  background: var(--secondary);
+  color: var(--foreground);
+}
+
+.activity-tab[aria-selected="true"] {
+  background: var(--secondary);
+  border-color: var(--border-strong);
+  color: var(--foreground);
+}
+
+.activity-tab[aria-selected="true"]::before {
+  background: var(--accent);
+  border-radius: 0 2px 2px 0;
+  content: "";
+  height: 24px;
+  left: -5px;
+  position: absolute;
+  top: 14px;
+  width: 2px;
+}
+
+.activity-tab svg {
+  height: 18px;
+  width: 18px;
+}
+
+.activity-bar__modes {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  width: 100%;
+}
+
+.activity-bar__actions {
+  align-items: center;
+  border-top: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin-top: auto;
+  padding-top: 8px;
+  width: 100%;
+}
+
+.activity-bar__action {
+  position: relative;
+}
+
+/* The armed issue action reads as selected: accent surface, border, icon, and
+   a rail bar matching an active mode tab. */
+.activity-bar__action[aria-pressed="true"]::before {
+  background: var(--accent);
+  border-radius: 0 2px 2px 0;
+  content: "";
+  height: 16px;
+  left: -5px;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 2px;
+}
+
+.activity-bar__unread {
+  background: var(--error);
+  border: 1px solid var(--activity-bar);
+  border-radius: 999px;
+  height: 6px;
+  position: absolute;
+  right: 4px;
+  top: 4px;
+  width: 6px;
+}
+
+.activity-tab__state {
+  border: 1px solid var(--activity-bar);
+  border-radius: 999px;
+  height: 6px;
+  position: absolute;
+  right: 6px;
+  top: 6px;
+  width: 6px;
+}
+
+.activity-tab__state[data-state="running"] {
+  background: var(--accent);
+}
+
+.activity-tab__state[data-state="attention"],
+.activity-tab__state[data-state="stale"] {
+  background: var(--warning);
+}
+
+.activity-tab__state[data-state="idle"] {
+  background: var(--border-strong);
+}
+
+.pane-fill {
+  display: flex;
+  height: 100%;
+  min-height: 0;
+  min-width: 0;
+  width: 100%;
+}
+
+.sidebar {
+  background: var(--surface);
+  border-right: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-width: 0;
+  overflow: hidden;
+  width: 100%;
+}
+
+.sidebar__body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 6px;
+}
+
+.sidebar-group {
+  margin-bottom: 10px;
+}
+
+.sidebar-group__title {
+  align-items: center;
+  color: var(--muted-foreground);
+  display: flex;
+  font-size: 10px;
+  font-weight: 700;
+  gap: 6px;
+  justify-content: space-between;
+  letter-spacing: 0.08em;
+  padding: 2px 4px 4px;
+  text-transform: uppercase;
+}
+
+.sidebar-item {
+  align-items: center;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  color: var(--foreground);
+  cursor: pointer;
+  display: flex;
+  font-size: 12px;
+  gap: 6px;
+  min-height: 24px;
+  padding: 2px 6px;
+  text-align: left;
+  width: 100%;
+}
+
+.sidebar-item:hover {
+  background: var(--secondary);
+}
+
+.sidebar-item[aria-current="true"] {
+  background: var(--accent-surface);
+  border-color: var(--border-strong);
+}
+
+.sidebar-item__label {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.sidebar-item__meta {
+  color: var(--muted-foreground);
+  flex: 0 0 auto;
+  font-family: var(--font-mono);
+  font-size: 10px;
+}
+
+.sidebar-item__meta[data-tone="warning"] {
+  color: var(--warning);
+}
+
+.sidebar-item__meta[data-tone="error"] {
+  color: var(--error);
+}
+
+.sidebar-group--separated {
+  border-top: 1px solid var(--border-subtle);
+  margin-top: 10px;
+  padding-top: 6px;
+}
+
+.sidebar-empty {
+  color: var(--muted-foreground);
+  font-size: 11px;
+  padding: 4px 6px;
+}
+
+.badge {
+  border: 1px solid var(--border-strong);
+  border-radius: 999px;
+  color: var(--muted-foreground);
+  display: inline-flex;
+  font-size: 10px;
+  font-weight: 600;
+  gap: 3px;
+  line-height: 1;
+  padding: 2px 6px;
+  white-space: nowrap;
+}
+
+.badge[data-tone="pending"] {
+  border-color: var(--badge-pending);
+  color: var(--badge-pending);
+}
+.badge[data-tone="success"] {
+  border-color: var(--success);
+  color: var(--success);
+}
+.badge[data-tone="stale"],
+.badge[data-tone="warning"] {
+  border-color: var(--badge-stale);
+  color: var(--badge-stale);
+}
+.badge[data-tone="error"] {
+  border-color: var(--error);
+  color: var(--error);
+}
+.badge[data-tone="accent"] {
+  border-color: var(--accent);
+  color: var(--accent);
+}
+
+.workspace-region {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  overflow: hidden;
+  width: 100%;
+}
+
+.workspace {
+  background: var(--background);
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+  overflow: hidden;
+  position: relative;
+}
+
+.mode-workspace {
+  height: 100%;
+  overflow: hidden;
+  width: 100%;
+}
+
+.mode-workspace[hidden] {
+  display: none;
+}
+
+.mode-body {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  padding: 8px;
+}
+
+.split-fill {
+  display: flex;
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+  width: 100%;
+}
+
+.panel {
+  background: var(--surface);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.panel--plain {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+}
+
+.panel__header {
+  align-items: center;
+  border-bottom: 1px solid var(--border);
+  display: flex;
+  flex: 0 0 30px;
+  gap: 8px;
+  height: 30px;
+  justify-content: space-between;
+  padding: 0 8px;
+}
+
+.panel__title {
+  color: var(--foreground);
+  font-size: 12px;
+  font-weight: 600;
+  margin: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.panel__subtitle {
+  color: var(--muted-foreground);
+  font-size: 11px;
+}
+
+.panel__body {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 8px;
+}
+
+.panel__body--flush {
+  padding: 0;
+}
+
+.panel__footer {
+  align-items: center;
+  border-top: 1px solid var(--border);
+  display: flex;
+  flex: 0 0 auto;
+  gap: 6px;
+  justify-content: flex-end;
+  padding: 6px 8px;
+}
+
+.scroll-column {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 8px;
+  min-height: 0;
+  overflow: auto;
+}
+
+.toolbar {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.toolbar--between {
+  justify-content: space-between;
+}
+
+.field {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+
+.field__label {
+  color: var(--muted-foreground);
+  font-size: 11px;
+  font-weight: 600;
+}
+
+.field__hint {
+  color: var(--muted-foreground);
+  font-size: 11px;
+}
+
+.stack-xs {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-height: 0;
+}
+
+.stack-sm {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-height: 0;
+}
+
+.row-sm {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.grow {
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+}
+
+.textarea {
+  background: var(--background);
+  border: 1px solid var(--border-strong);
+  border-radius: 4px;
+  color: var(--foreground);
+  font-family: var(--font-mono);
+  font-size: 12px;
+  min-height: 64px;
+  padding: 6px;
+  resize: vertical;
+  width: 100%;
+}
+
+.textarea:focus-visible {
+  border-color: var(--ring);
+  outline: 2px solid var(--ring);
+}
+
+.kv-grid {
+  display: grid;
+  gap: 2px 10px;
+  grid-template-columns: max-content minmax(0, 1fr);
+  font-size: 12px;
+}
+
+.kv-grid dt {
+  color: var(--muted-foreground);
+}
+
+.kv-grid dd {
+  margin: 0;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.message {
+  border: 1px solid var(--border);
+  border-left: 2px solid var(--accent);
+  border-radius: 4px;
+  padding: 6px 8px;
+}
+
+.message[data-severity="error"] {
+  border-left-color: var(--error);
+  background: var(--error-surface);
+}
+
+.message[data-severity="warning"] {
+  border-left-color: var(--warning);
+  background: var(--warning-surface);
+}
+
+.message[data-severity="notice"] {
+  border-left-color: var(--accent);
+  background: var(--accent-surface);
+}
+
+.message__text {
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.empty {
+  color: var(--muted-foreground);
+  font-size: 12px;
+  margin: 0;
+  padding: 8px;
+}
+
+.status-bar {
+  align-items: center;
+  background: var(--surface-raised);
+  border-top: 1px solid var(--border);
+  display: flex;
+  flex: 0 0 26px;
+  font-size: 11px;
+  gap: 8px;
+  height: 26px;
+  overflow: hidden;
+  padding: 0 6px;
+  white-space: nowrap;
+  z-index: 20;
+}
+
+.status-group {
+  align-items: center;
+  display: flex;
+  gap: 4px;
+  min-width: 0;
+}
+
+.status-group--metrics {
+  flex: 0 1 auto;
+  gap: 6px;
+  justify-content: flex-end;
+  min-width: 0;
+}
+
+.status-item {
+  align-items: center;
+  border-radius: 3px;
+  color: var(--muted-foreground);
+  display: inline-flex;
+  flex: 0 0 auto;
+  gap: 5px;
+  height: 20px;
+  max-width: 320px;
+  overflow: hidden;
+  padding: 0 5px;
+  text-overflow: ellipsis;
+}
+
+.status-item--button {
+  background: transparent;
+  border: 1px solid transparent;
+  cursor: pointer;
+  font: inherit;
+}
+
+.status-item--button:hover {
+  background: var(--secondary);
+  color: var(--foreground);
+}
+
+.status-divider {
+  background: var(--border);
+  flex: 0 0 1px;
+  height: 12px;
+}
+
+.status-metric__label {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.status-metric__value {
+  color: var(--foreground);
+  font-size: 11px;
+}
+
+.status-project {
+  color: var(--foreground);
+}
+
+.status-project svg {
+  color: var(--muted-foreground);
+  flex: 0 0 auto;
+}
+
+.status-project .mono {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.status-dot {
+  border-radius: 999px;
+  display: inline-block;
+  flex: 0 0 auto;
+  height: 7px;
+  width: 7px;
+}
+
+.status-dot[data-state="open"] {
+  background: var(--success);
+}
+.status-dot[data-state="connecting"] {
+  background: var(--warning);
+}
+.status-dot[data-state="closed"] {
+  background: var(--error);
+}
+
+.status-bar__spacer {
+  flex: 1;
+}
+
+.status-versions {
+  gap: 8px;
+}
+
+.status-versions__entry {
+  align-items: baseline;
+  display: inline-flex;
+  gap: 4px;
+}
+
+.status-versions .mono {
+  color: var(--foreground);
+  font-size: 10.5px;
+}
+
+.notification-region {
+  bottom: 34px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  max-height: 50vh;
+  max-width: 380px;
+  overflow: hidden;
+  position: fixed;
+  right: 8px;
+  width: min(380px, calc(100vw - 16px));
+  z-index: 80;
+}
+
+.notification {
+  align-items: flex-start;
+  background: var(--surface-raised);
+  border: 1px solid var(--border-strong);
+  border-left: 3px solid var(--accent);
+  border-radius: 4px;
+  box-shadow: 0 6px 18px rgb(0 0 0 / 0.28);
+  display: flex;
+  gap: 8px;
+  padding: 6px 8px;
+}
+
+.notification[data-severity="error"] {
+  border-left-color: var(--error);
+}
+.notification[data-severity="warning"] {
+  border-left-color: var(--warning);
+}
+.notification[data-severity="success"] {
+  border-left-color: var(--success);
+}
+
+.notification__body {
+  flex: 1;
+  min-width: 0;
+}
+
+.notification__meta {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  text-transform: uppercase;
+}
+
+.notification__text {
+  font-size: 12px;
+  margin: 1px 0 0;
+  overflow-wrap: anywhere;
+}
+
+.notification__error {
+  color: var(--error);
+  font-size: 11px;
+  margin: 2px 0 0;
+  overflow-wrap: anywhere;
+}
+
+.notification__actions {
+  align-items: flex-start;
+  display: flex;
+  flex: none;
+  gap: 2px;
+}
+
+.notification__link {
+  color: var(--accent);
+  font-size: 11px;
+  padding: 3px 2px;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.notification__link:hover {
+  text-decoration: underline;
+}
+
+.dialog-overlay {
+  background: rgb(0 0 0 / 0.55);
+  inset: 0;
+  position: fixed;
+  z-index: 100;
+}
+
+.dialog-content {
+  background: var(--surface-raised);
+  border: 1px solid var(--border-strong);
+  border-radius: 6px;
+  box-shadow: 0 18px 48px rgb(0 0 0 / 0.45);
+  left: 50%;
+  max-height: 80vh;
+  max-width: 640px;
+  overflow: hidden;
+  position: fixed;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: min(640px, calc(100vw - 32px));
+  z-index: 101;
+}
+
+.dialog-header {
+  align-items: center;
+  border-bottom: 1px solid var(--border);
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
+  padding: 8px 10px;
+}
+
+.dialog-title {
+  font-size: 13px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.dialog-body {
+  max-height: calc(80vh - 92px);
+  overflow: auto;
+  padding: 8px;
+}
+
+.dialog-footer {
+  align-items: center;
+  border-top: 1px solid var(--border);
+  display: flex;
+  gap: 6px;
+  justify-content: flex-end;
+  padding: 8px 10px;
+}
+
+.palette {
+  background: var(--surface-raised);
+  border: 1px solid var(--border-strong);
+  border-radius: 6px;
+  box-shadow: 0 18px 48px rgb(0 0 0 / 0.45);
+  left: 50%;
+  max-height: 70vh;
+  overflow: hidden;
+  position: fixed;
+  top: 14%;
+  transform: translateX(-50%);
+  width: min(680px, calc(100vw - 32px));
+  z-index: 101;
+}
+
+.palette__search {
+  border-bottom: 1px solid var(--border);
+  padding: 8px;
+}
+
+.palette__list {
+  max-height: calc(70vh - 52px);
+  overflow: auto;
+  padding: 4px;
+}
+
+.palette__group {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  padding: 6px 8px 2px;
+  text-transform: uppercase;
+}
+
+.palette__item {
+  align-items: center;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  color: var(--foreground);
+  cursor: pointer;
+  display: flex;
+  gap: 8px;
+  padding: 5px 8px;
+  text-align: left;
+  width: 100%;
+}
+
+.palette__item[aria-selected="true"] {
+  background: var(--accent-surface);
+  border-color: var(--border-strong);
+}
+
+.palette__item:disabled {
+  color: var(--muted-foreground);
+  cursor: not-allowed;
+}
+
+.palette__item-title {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.palette__item-reason {
+  color: var(--muted-foreground);
+  font-size: 10px;
+}
+
+.palette__shortcut {
+  color: var(--muted-foreground);
+  font-family: var(--font-mono);
+  font-size: 10px;
+}
+
+.palette__empty {
+  color: var(--muted-foreground);
+  padding: 12px;
+  text-align: center;
+}
+
+.unsupported {
+  align-items: center;
+  background: var(--background);
+  color: var(--foreground);
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  height: 100dvh;
+  justify-content: center;
+  padding: 24px;
+  text-align: center;
+  width: 100%;
+}
+
+.unsupported h1 {
+  font-size: 16px;
+  margin: 0;
+}
+
+.unsupported p {
+  color: var(--muted-foreground);
+  margin: 0;
+  max-width: 46ch;
+}
+
+.diff-html {
+  font-size: 12px;
+  overflow: auto;
+}
+
+.diff-html .d2h-wrapper {
+  background: transparent;
+  color: var(--foreground);
+}
+
+.diff-html .d2h-file-wrapper {
+  border-color: var(--border);
+  margin-bottom: 8px;
+}
+
+.diff-html .d2h-file-header,
+.diff-html .d2h-file-diff .d2h-code-line,
+.diff-html .d2h-code-side-line {
+  background: var(--surface);
+  color: var(--foreground);
+}
+
+.diff-html .d2h-code-line-ctn {
+  color: var(--foreground);
+}
+
+.diff-html .d2h-ins {
+  background: var(--success-surface);
+}
+
+.diff-html .d2h-del {
+  background: var(--error-surface);
+}
+
+.agent-output {
+  font-size: 12px;
+  overflow: auto;
+}
+
+.agent-output > :first-child {
+  margin-top: 0;
+}
+
+.agent-output > :last-child {
+  margin-bottom: 0;
+}
+
+.agent-output pre {
+  background: var(--background);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  overflow: auto;
+  padding: 6px;
+}
+
+.agent-output code {
+  font-family: var(--font-mono);
+}
+
+.agent-output table {
+  border-collapse: collapse;
+}
+
+.agent-output th,
+.agent-output td {
+  border: 1px solid var(--border);
+  padding: 2px 6px;
+}
+
+.choice-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.choice {
+  background: var(--background);
+  border: 1px solid var(--border-strong);
+  border-radius: 4px;
+  color: var(--foreground);
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 6px 8px;
+  text-align: left;
+  width: 100%;
+}
+
+.choice:hover {
+  border-color: var(--ring);
+  background: var(--secondary);
+}
+
+.choice__label {
+  align-items: center;
+  display: flex;
+  font-size: 12px;
+  font-weight: 600;
+  gap: 6px;
+}
+
+.choice__description {
+  color: var(--muted-foreground);
+  font-size: 11px;
+}
+
+.choice__recommended {
+  border: 1px solid var(--success);
+  border-radius: 999px;
+  color: var(--success);
+  font-size: 10px;
+  font-weight: 600;
+  padding: 1px 5px;
+}
+
+.answer-form {
+  align-items: center;
+  display: flex;
+  gap: 6px;
+}
+
+.activity-section {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 4px;
+  min-height: 0;
+}
+
+.activity-history summary {
+  color: var(--muted-foreground);
+  cursor: pointer;
+  font-size: 11px;
+  padding: 2px 0;
+}
+
+.activity-log {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin: 0;
+  max-height: 140px;
+  overflow: auto;
+  padding-left: 16px;
+}
+
+.history-list {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.history-entry {
+  border-bottom: 1px solid var(--border-subtle);
+  display: grid;
+  gap: 2px 10px;
+  grid-template-columns: max-content minmax(0, 1fr) max-content;
+  padding: 4px 6px;
+}
+
+.steering-composer {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.steering-composer__actions {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.steering-state[data-state="waiting"] {
+  color: var(--warning);
+}
+
+.steering-state[data-state="read"] {
+  color: var(--success);
+}
+
+.steering-note {
+  border-left: 2px solid var(--border-strong);
+  padding: 4px 8px;
+}
+
+.steering-note[data-status="new"] {
+  border-left-color: var(--accent);
+}
+
+.steering-meta {
+  color: var(--muted-foreground);
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 10px;
+  gap: 8px;
+}
+
+.term-split {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 4px;
+  min-height: 0;
+}
+
+.term-split > .terminal-host {
+  flex: 1;
+}
+
+.skill-editor {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 6px;
+  min-height: 0;
+}
+
+.verification-output {
+  background: var(--background);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  margin: 0;
+  max-height: 220px;
+  overflow: auto;
+  padding: 6px;
+  white-space: pre-wrap;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    scroll-behavior: auto !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+
+.pane-handle {
+  background: var(--border);
+  flex: 0 0 5px;
+  outline: none;
+  position: relative;
+  z-index: 2;
+}
+
+.pane-handle::after {
+  content: "";
+  inset: -2px;
+  position: absolute;
+}
+
+.pane-handle:hover,
+.pane-handle:focus-visible,
+.pane-handle[data-active] {
+  background: var(--accent);
+}
+
+.pane-handle:focus-visible {
+  box-shadow: 0 0 0 2px var(--ring);
+}
+[data-category="contract"] {
+  --flow-category-border: var(--flow-contract-border);
+  --flow-category-surface: var(--flow-contract-surface);
+}
+[data-category="entity"] {
+  --flow-category-border: var(--flow-entity-border);
+  --flow-category-surface: var(--flow-entity-surface);
+}
+[data-category="naming"] {
+  --flow-category-border: var(--flow-naming-border);
+  --flow-category-surface: var(--flow-naming-surface);
+}
+[data-category="data"] {
+  --flow-category-border: var(--flow-data-border);
+  --flow-category-surface: var(--flow-data-surface);
+}
+[data-category="dependency"] {
+  --flow-category-border: var(--flow-dependency-border);
+  --flow-category-surface: var(--flow-dependency-surface);
+}
+[data-category="irreversible"] {
+  --flow-category-border: var(--flow-irreversible-border);
+  --flow-category-surface: var(--flow-irreversible-surface);
+}
+[data-category="structure"] {
+  --flow-category-border: var(--flow-structure-border);
+  --flow-category-surface: var(--flow-structure-surface);
+}
+
+.badge[data-category] {
+  background: var(--flow-category-surface);
+  border-color: var(--flow-category-border);
+  color: var(--flow-category-border);
+}
+
+.flow-widget {
+  border-left: 2px solid var(--flow-category-border, var(--border));
+}
+
+/* Flow overview: the goal editor and the activity console each own one page,
+   so a long session never shrinks either into a scrolling thumbnail. */
+.flow-overview > * {
+  flex: 0 0 auto;
+}
+
+.flow-goal-panel {
+  flex: 0 0 auto;
+  height: 100%;
+  min-height: 360px;
+}
+
+.flow-goal__header {
+  align-items: center;
+  flex: 0 0 44px;
+  gap: 12px;
+  height: 44px;
+  padding: 0 12px;
+}
+
+.flow-goal__identity {
+  align-items: center;
+  display: flex;
+  gap: 10px;
+  min-width: 0;
+}
+
+.flow-goal__title {
+  font-size: 18px;
+  font-weight: 650;
+  letter-spacing: 0;
+  line-height: 1.2;
+}
+
+.flow-goal__state {
+  flex: 0 0 auto;
+}
+
+.flow-goal__actions {
+  align-items: center;
+  flex: 0 0 auto;
+  flex-wrap: nowrap;
+}
+
+.flow-goal-panel--collapsed {
+  height: auto;
+  min-height: 0;
+}
+
+.flow-goal-editor {
+  display: flex;
+}
+
+.flow-goal-activity {
+  height: 180px;
+}
+
+.flow-activity-panel {
+  flex: 0 0 auto;
+  min-height: 100%;
+}
+
+.flow-activity-body {
+  display: flex;
+  padding: 4px;
+}
+
+/* The decision board is the page's lead editor: one title line, a status badge,
+   and the save action on a 44px row, matching the Flow goal header. */
+.flow-decisions__header {
+  align-items: center;
+  flex: 0 0 44px;
+  gap: 12px;
+  height: 44px;
+  padding: 0 12px;
+}
+
+.flow-decisions__identity {
+  align-items: center;
+  display: flex;
+  gap: 10px;
+  min-width: 0;
+}
+
+.flow-decisions__title {
+  font-size: 18px;
+  font-weight: 650;
+  letter-spacing: 0;
+  line-height: 1.2;
+}
+
+.flow-decisions__state {
+  flex: 0 0 auto;
+}
+
+.flow-decisions__actions {
+  align-items: center;
+  flex: 0 0 auto;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
+}
+
+/* Discover: one page frame, a two-column sheet, and plain rail blocks. */
+.discover-page {
+  gap: 24px;
+  /* The notification region is fixed 34px above the status bar; reserve its
+     height so the last control of a page can scroll clear of it. */
+  padding: 0 2px 56px;
+}
+
+/* The page scrolls as one column; a panel never shrinks below its rows. */
+.discover-page > * {
+  flex: 0 0 auto;
+}
+
+/* A panel body contributes its content height; the page owns the scrolling. */
+.discover-page .panel__body {
+  flex: 0 0 auto;
+  min-height: auto;
+  overflow: visible;
+}
+
+/* Shared by every Discover page. */
+.discover-page__header {
+  align-items: flex-start;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px 16px;
+  justify-content: space-between;
+}
+
+.discover-page__heading {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+
+.discover-page__eyebrow {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  line-height: 1.2;
+  text-transform: uppercase;
+}
+
+.discover-page__title {
+  color: var(--foreground);
+  font-size: 20px;
+  font-weight: 650;
+  letter-spacing: -0.01em;
+  line-height: 1.2;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.discover-page__subtitle {
+  color: var(--muted-foreground);
+  font-size: 12px;
+  line-height: 1.45;
+  margin: 0;
+  max-width: 72ch;
+}
+
+.discover-page__actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  justify-content: flex-end;
+  margin-top: 2px;
+}
+
+.discover-page__header--compact {
+  gap: 4px;
+}
+
+.discover-card {
+  min-width: 0;
+}
+
+.discover-head {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+
+.discover-head__top {
+  align-items: flex-start;
+  display: flex;
+  gap: 12px;
+  justify-content: space-between;
+}
+
+.discover-head__identity {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+
+.discover-head__title {
+  font-size: 20px;
+  font-weight: 650;
+  letter-spacing: -0.01em;
+  line-height: 1.2;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.discover-head__actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  justify-content: flex-end;
+}
+
+.discover-head__definition {
+  font-size: 13px;
+  line-height: 1.45;
+  margin: 0;
+  max-width: 72ch;
+}
+
+.discover-head__meta {
+  align-items: center;
+  color: var(--muted-foreground);
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 11px;
+  gap: 4px 8px;
+}
+
+.discover-sheet {
+  align-items: start;
+  display: grid;
+  gap: 16px 24px;
+  grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
+  max-width: 1440px;
+}
+
+.discover-col,
+.discover-rail {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-width: 0;
+}
+
+.discover-block {
+  border-top: 1px solid var(--border);
+  min-width: 0;
+  padding-top: 10px;
+}
+
+.discover-rail > .discover-block:first-child {
+  border-top: 0;
+  padding-top: 0;
+}
+
+.discover-block__head {
+  align-items: baseline;
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.discover-block__title {
+  font-size: 12px;
+  font-weight: 600;
+  margin: 0;
+  min-width: 0;
+}
+
+.discover-block__meta {
+  color: var(--muted-foreground);
+  font-size: 11px;
+  text-align: right;
+}
+
+.discover-subblock {
+  margin-top: 10px;
+}
+
+.discover-subblock:first-of-type {
+  margin-top: 0;
+}
+
+.discover-subblock__title {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  margin: 0 0 4px;
+  text-transform: uppercase;
+}
+
+/* Discover body and notices: one notice stack above every page. */
+.discover-body {
+  gap: 8px;
+}
+
+.discover-notices {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.discover-notices .message {
+  margin: 0;
+}
+
+/* One run tag above every Discover page: the run's state, age, id, and last line. */
+.discover-run-tag {
+  align-items: center;
+  background: var(--surface-raised);
+  border: 1px solid var(--border-subtle);
+  border-radius: 4px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  min-width: 0;
+  padding: 6px 8px;
+}
+
+.discover-run-tag strong {
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.discover-run-tag .muted {
+  font-size: 11px;
+}
+
+.discover-run-tag__activity {
+  color: var(--muted-foreground);
+  flex: 1 1 160px;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Active run: one state line names the run, its age, its id, and the quiet Stop. */
+.discover-run__header {
+  background: var(--surface-raised);
+  gap: 12px;
+}
+
+.discover-run__heading {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+  min-width: 0;
+}
+
+.discover-run__dot {
+  background: var(--accent);
+  border-radius: 999px;
+  flex: 0 0 6px;
+  height: 6px;
+  width: 6px;
+}
+
+.discover-run__meta {
+  align-items: center;
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+  min-width: 0;
+}
+
+.discover-run__started {
+  font-size: 11px;
+  white-space: nowrap;
+}
+
+.discover-run__stop {
+  align-items: center;
+  background: transparent;
+  border: 1px solid var(--border-subtle);
+  border-radius: 4px;
+  color: var(--muted-foreground);
+  cursor: pointer;
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-family: var(--font-sans);
+  font-size: 11px;
+  font-weight: 500;
+  height: 24px;
+  padding: 0 8px;
+  white-space: nowrap;
+}
+
+.discover-run__stop:hover:not(:disabled),
+.discover-run__stop:focus-visible {
+  background: var(--error-surface);
+  border-color: var(--error);
+  color: var(--error);
+}
+
+.discover-run__stop:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.discover-run__body {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px;
+}
+
+.discover-run__terminal {
+  height: 180px;
+}
+
+/* Queued question. */
+.discover-question__message {
+  font-size: 13px;
+  margin: 0;
+}
+
+.discover-answer {
+  display: flex;
+  gap: 8px;
+}
+
+.discover-answer input {
+  flex: 1;
+}
+
+/* Manual-testing target, source checkout only. */
+.discover-remote__form {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.discover-remote__form input {
+  flex: 1 1 280px;
+  max-width: 520px;
+}
+
+.discover-remote__retained {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.discover-remote__label {
+  color: var(--muted-foreground);
+  font-size: 12px;
+}
+
+.discover-remote__select {
+  background: var(--background);
+  border: 1px solid var(--border-strong);
+  border-radius: 4px;
+  color: var(--foreground);
+  flex: 1 1 280px;
+  font-size: 12px;
+  height: 28px;
+  max-width: 520px;
+  padding: 0 6px;
+}
+
+.discover-remote__select:disabled {
+  opacity: 0.55;
+}
+
+.discover-remote__list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.discover-remote__item {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
+  min-height: 24px;
+}
+
+.discover-remote__url {
+  color: var(--muted-foreground);
+  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.discover-remote__item--active .discover-remote__url {
+  color: var(--foreground);
+}
+
+/* Filtered glossary empty state. */
+.discover-filter-empty__body {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  justify-content: space-between;
+}
+
+.discover-filter-empty .empty {
+  padding: 0;
+}
+
+/* Skill page: the editor owns the remaining pane height. */
+.discover-skill-page {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  height: 100%;
+  min-height: 0;
+}
+
+.discover-skill {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.discover-skill__panel {
+  flex: 1;
+  min-height: 0;
+}
+
+/* The skill header pairs the file identity with a draft-state line and the actions. */
+.discover-skill__header {
+  align-items: flex-start;
+  gap: 12px;
+}
+
+.discover-skill__identity {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.discover-skill__title {
+  line-height: 1.2;
+  max-width: 100%;
+}
+
+.discover-skill__file {
+  color: var(--muted-foreground);
+  font-weight: 400;
+}
+
+.discover-skill__state {
+  color: var(--muted-foreground);
+  font-size: 11px;
+  line-height: 1.2;
+}
+
+.discover-skill__state[data-state="dirty"] {
+  color: var(--warning);
+}
+
+.discover-skill__state[data-state="missing"] {
+  color: var(--error);
+}
+
+.discover-skill__actions {
+  align-self: center;
+  flex: 0 0 auto;
+  justify-content: flex-end;
+}
+
+/* Warnings page. */
+.discover-warning-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.discover-facts {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin: 8px 0 0;
+}
+
+.discover-fact {
+  align-items: baseline;
+  display: grid;
+  gap: 10px;
+  grid-template-columns: 104px minmax(0, 1fr);
+}
+
+.discover-fact dt {
+  color: var(--muted-foreground);
+  font-size: 11px;
+  line-height: 1.45;
+}
+
+.discover-fact dd {
+  font-size: 12px;
+  line-height: 1.45;
+  margin: 0;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.discover-mono {
+  font-family: var(--font-mono);
+  font-size: 11.5px;
+}
+
+.discover-chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin: 8px 0 0;
+}
+
+.code-chip {
+  background: var(--background);
+  border: 1px solid var(--border-subtle);
+  border-radius: 3px;
+  font-family: var(--font-mono);
+  font-size: 11.5px;
+  line-height: 1.4;
+  margin: 0;
+  padding: 2px 6px;
+}
+
+a.code-chip--link {
+  color: var(--accent);
+  text-decoration: none;
+}
+
+a.code-chip--link:hover,
+a.code-chip--link:focus-visible {
+  border-color: var(--border-strong);
+  text-decoration: underline;
+}
+
+.discover-page .panel .table-wrap th {
+  background: var(--surface);
+}
+
+.discover-page .table-wrap th {
+  font-size: 11px;
+  letter-spacing: 0.03em;
+  padding: 4px 8px;
+}
+
+.discover-page .table-wrap td {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
+.discover-page .table-wrap tbody tr:last-child td {
+  border-bottom: 0;
+}
+
+.discover-page .table-wrap td[data-column="line"] {
+  font-family: var(--font-mono);
+  font-size: 11.5px;
+  line-height: 1.5;
+}
+
+.discover-page .table-wrap .discover-command-label {
+  color: var(--muted-foreground);
+  font-size: 12px;
+}
+
+.discover-command-missing {
+  font-size: 11.5px;
+  font-style: italic;
+}
+
+.discover-coverage {
+  background: none;
+  border: 0;
+  color: var(--muted-foreground);
+  cursor: pointer;
+  font: inherit;
+  padding: 0;
+  white-space: nowrap;
+}
+
+.discover-coverage:hover,
+.discover-coverage[aria-expanded="true"] {
+  color: var(--foreground);
+  text-decoration: underline;
+}
+
+.discover-page .table-wrap td.discover-mono {
+  font-family: var(--font-mono);
+  font-size: 10.5px;
+  overflow-wrap: anywhere;
+  white-space: pre-line;
+}
+
+.panel__subtitle {
+  white-space: nowrap;
+}
+
+.discover-page .discover-stats {
+  display: flex;
+  gap: 16px;
+  margin: 2px 0 0;
+}
+
+.discover-page .discover-stat {
+  align-items: baseline;
+  background: none;
+  border: 0;
+  display: flex;
+  gap: 5px;
+  min-width: 0;
+  padding: 0;
+}
+
+.discover-stat__value {
+  font-size: 18px;
+  font-variant-numeric: tabular-nums;
+  font-weight: 650;
+  line-height: 1.2;
+}
+
+.discover-stat__label {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+.discover-page .discover-command-line {
+  margin-top: 8px;
+}
+
+.discover-command-line {
+  align-items: center;
+  display: grid;
+  font-size: 12px;
+  gap: 8px;
+  grid-template-columns: 96px minmax(0, 1fr);
+}
+
+.discover-command-line .code-chip {
+  justify-self: start;
+}
+
+.discover-test-summary {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+
+.discover-card[data-field="testing"] .table-wrap {
+  margin-top: 10px;
+}
+
+.discover-card[data-field="testing"] .table-wrap table {
+  table-layout: fixed;
+}
+
+.discover-card[data-field="testing"] .table-wrap th:nth-child(1) {
+  width: 88px;
+}
+
+.discover-card[data-field="testing"] .table-wrap th:nth-child(2) {
+  width: 104px;
+}
+
+.discover-card[data-field="testing"] .table-wrap th:nth-child(3) {
+  width: 96px;
+}
+
+.discover-quality-gate__name {
+  font-weight: 550;
+}
+
+.discover-quality-gate__checks {
+  color: var(--muted-foreground);
+}
+
+.discover-card[data-field="architecture"] {
+  min-width: 0;
+}
+
+.discover-contexts {
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.discover-context {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+  padding: 8px 0;
+}
+
+.discover-context + .discover-context {
+  border-top: 1px solid var(--border-subtle);
+}
+
+.discover-context:first-child {
+  padding-top: 0;
+}
+
+.discover-context:last-child {
+  padding-bottom: 0;
+}
+
+.discover-context__head {
+  align-items: baseline;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2px 8px;
+  min-width: 0;
+}
+
+.discover-context__name {
+  flex: 1 1 auto;
+  font-size: 13px;
+  font-weight: 600;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.discover-context__responsibility {
+  color: var(--muted-foreground);
+  font-size: 12px;
+  line-height: 1.45;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.discover-context__entries {
+  align-items: baseline;
+  display: grid;
+  gap: 4px 12px;
+  grid-template-columns: 160px minmax(0, 1fr);
+  min-width: 0;
+}
+
+.discover-context__label {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.discover-context__entries .discover-chips {
+  margin: 0;
+}
+
+.discover-boundaries {
+  border-top: 1px solid var(--border-subtle);
+  display: flex;
+  flex-direction: column;
+  margin: 10px 0 0;
+  padding: 0;
+}
+
+.discover-boundary {
+  align-items: baseline;
+  display: grid;
+  gap: 4px 12px;
+  grid-template-columns: 160px minmax(0, 1fr);
+  padding: 8px 0;
+}
+
+.discover-boundary + .discover-boundary {
+  border-top: 1px solid var(--border-subtle);
+}
+
+.discover-boundary:last-child {
+  padding-bottom: 0;
+}
+
+.discover-boundary dt {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.discover-boundary dd {
+  font-size: 12px;
+  line-height: 1.45;
+  margin: 0;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.discover-boundary .discover-chips {
+  margin: 0;
+}
+
+.discover-boundary-note {
+  color: var(--muted-foreground);
+  font-size: 12px;
+  line-height: 1.45;
+  margin: 10px 0 0;
+}
+
+.discover-diagram {
+  min-height: 96px;
+  overflow: visible;
+  width: 100%;
+}
+
+.discover-diagram svg {
+  display: block;
+  height: auto;
+  margin: 0 auto;
+  max-width: 100%;
+}
+
+.discover-diagram .node rect,
+.discover-diagram .node polygon,
+.discover-diagram .node circle {
+  stroke-width: 1px;
+}
+
+.discover-diagram .edgePath .path {
+  stroke-width: 1.25px;
+}
+
+.discover-diagram text {
+  fill: var(--foreground);
+}
+
+.discover-search {
+  flex: 1 1 200px;
+  max-width: 240px;
+  width: 100%;
+}
+
+/* One filter toolbar: a search field, a state switch, and a valued floor. */
+.discover-page__actions.discover-glossary-controls {
+  background: var(--surface-raised);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  flex-basis: 100%;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 4px;
+}
+
+.discover-glossary-filters {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.discover-glossary-divider {
+  background: var(--border);
+  flex: 0 0 1px;
+  height: 18px;
+}
+
+.discover-toggle {
+  align-items: center;
+  color: var(--muted-foreground);
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 11px;
+  gap: 6px;
+  white-space: nowrap;
+}
+
+.discover-toggle input {
+  height: 1px;
+  opacity: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.discover-toggle__track {
+  background: var(--background);
+  border: 1px solid var(--border-strong);
+  border-radius: 999px;
+  flex: 0 0 auto;
+  height: 14px;
+  position: relative;
+  width: 26px;
+}
+
+.discover-toggle__track::after {
+  background: var(--muted-foreground);
+  border-radius: 999px;
+  content: "";
+  height: 8px;
+  left: 2px;
+  position: absolute;
+  top: 2px;
+  transition: left 120ms ease, background 120ms ease;
+  width: 8px;
+}
+
+.discover-toggle input:checked + .discover-toggle__track {
+  background: var(--accent-surface);
+  border-color: var(--accent);
+}
+
+.discover-toggle input:checked + .discover-toggle__track::after {
+  background: var(--accent);
+  left: 14px;
+}
+
+.discover-toggle input:focus-visible + .discover-toggle__track {
+  outline: 2px solid var(--ring);
+  outline-offset: 2px;
+}
+
+.discover-toggle input:disabled + .discover-toggle__track,
+.discover-toggle input:disabled ~ .discover-toggle__label {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.discover-floor {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+}
+
+.discover-floor__label {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.discover-floor__input {
+  accent-color: var(--accent);
+  width: 120px;
+}
+
+.discover-floor__value {
+  background: var(--background);
+  border: 1px solid var(--border-subtle);
+  border-radius: 3px;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  min-width: 46px;
+  padding: 2px 6px;
+  text-align: center;
+}
+
+.discover-uses {
+  font-variant-numeric: tabular-nums;
+  font-weight: 600;
+}
+
+.discover-examples {
+  display: inline-flex;
+  flex-wrap: wrap;
+  font-family: var(--font-mono);
+  font-size: 11px;
+  gap: 2px 4px;
+}
+
+.discover-examples__item {
+  align-items: baseline;
+  display: inline-flex;
+}
+
+.discover-skill {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.discover-warning {
+  border-bottom: 1px solid var(--border-subtle);
+  font-size: 12px;
+  line-height: 1.5;
+  margin: 0;
+  padding: 8px 10px;
+}
+
+.discover-warning:last-child {
+  border-bottom: 0;
+}
+
+@media (max-width: 1240px) {
+  .discover-sheet {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .discover-col,
+  .discover-rail {
+    display: contents;
+  }
+}
+
+/* Sidebar: a disclosure row that opens a nested skill submenu. */
+.sidebar-tab-row {
+  align-items: center;
+  display: flex;
+  gap: 2px;
+}
+
+.sidebar-tab-row .sidebar-item {
+  flex: 1;
+  min-width: 0;
+}
+
+.sidebar-disclosure {
+  align-items: center;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  color: var(--muted-foreground);
+  cursor: pointer;
+  display: flex;
+  flex: 0 0 20px;
+  height: 24px;
+  justify-content: center;
+  padding: 0;
+}
+
+.sidebar-disclosure:hover {
+  background: var(--secondary);
+  color: var(--foreground);
+}
+
+.sidebar-disclosure__icon {
+  transition: transform 120ms ease;
+}
+
+.sidebar-disclosure__icon--open {
+  transform: rotate(90deg);
+}
+
+.sidebar-submenu {
+  border-left: 1px solid var(--border);
+  margin: 2px 0 6px 10px;
+  padding-left: 6px;
+}
+
+.sidebar-submenu__context {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  padding: 6px 6px 2px;
+  text-transform: uppercase;
+}
+
+.sidebar-item--nested {
+  padding-left: 8px;
+}
+.goal-page {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 8px;
+  min-height: 0;
+}
+
+.goal-page--console {
+  overflow: auto;
+}
+
+.goal-page--fill {
+  overflow: auto;
+  padding-bottom: 56px;
+}
+
+.goal-notices {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.goal-empty-state {
+  gap: 8px;
+}
+
+.goal-empty-state__title {
+  font-size: 16px;
+  font-weight: 650;
+  margin: 0;
+}
+
+.goal-filters {
+  flex: 0 0 auto;
+}
+
+.goal-filters__body {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 6px 8px;
+}
+
+.goal-filters__body > input {
+  flex: 1 1 220px;
+  max-width: 360px;
+}
+
+.filter-chips {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.filter-chip {
+  background: transparent;
+  border: 1px solid var(--border-strong);
+  border-radius: 999px;
+  color: var(--muted-foreground);
+  cursor: pointer;
+  font-size: 11px;
+  height: 24px;
+  padding: 0 8px;
+}
+
+.filter-chip:hover {
+  background: var(--secondary);
+  color: var(--foreground);
+}
+
+.filter-chip[aria-pressed="true"] {
+  background: var(--accent-surface);
+  border-color: var(--accent);
+  color: var(--foreground);
+}
+
+.goal-adrs-panel,
+.goal-skills {
+  flex: 1;
+  min-height: 0;
+}
+
+.goal-activity {
+  flex: 1 0 220px;
+  min-height: 220px;
+}
+
+.goal-activity--idle {
+  flex: 0 0 auto;
+  min-height: 0;
+}
+
+.goal-activity .panel__body {
+  overflow: hidden;
+}
+
+.goal-answer-input {
+  background: var(--background);
+  border: 1px solid var(--border-strong);
+  border-radius: 4px;
+  color: var(--foreground);
+  flex: 1;
+  font-family: var(--font-mono);
+  font-size: 12px;
+  min-width: 0;
+}
+
+.goal-answer-input:focus-visible {
+  border-color: var(--ring);
+  outline: 2px solid var(--ring);
+}
+
+.goal-contradictions .message {
+  font-size: 12px;
+}
+
+.sidebar-progress {
+  background: var(--border-subtle);
+  border-radius: 999px;
+  height: 4px;
+  margin: 2px 4px 6px;
+  overflow: hidden;
+}
+
+.sidebar-progress > span {
+  background: var(--success);
+  display: block;
+  height: 100%;
+}
+
+.goal-document {
+  flex: 1;
+  min-height: 0;
+}
+
+.goal-document .goal-details {
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  padding: 0;
+}
+
+.goal-revision {
+  align-items: stretch;
+  flex: 0 0 auto;
+  flex-direction: column;
+  gap: 6px;
+  padding: 8px;
+}
+
+.goal-revision__heading {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
+}
+
+.goal-revision__input {
+  min-height: 88px;
+  padding: 6px 8px;
+  resize: none;
+}
+
+.goal-revision__hint {
+  color: var(--muted-foreground);
+  font-size: 11px;
+  margin: 0;
+}
+
+.goal-revision__actions {
+  display: flex;
+  gap: 6px;
+}
+
+.skill {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.skill__row {
+  align-items: flex-start;
+  display: flex;
+  gap: 4px;
+}
+
+.skill__button {
+  align-items: center;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  color: var(--foreground);
+  cursor: pointer;
+  display: flex;
+  flex: 1;
+  gap: 8px;
+  justify-content: space-between;
+  min-width: 0;
+  padding: 4px 6px;
+  text-align: left;
+}
+
+.skill__text {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.skill__chevron {
+  color: var(--muted-foreground);
+  flex: 0 0 auto;
+  transition: transform 120ms ease;
+}
+
+.skill__chevron--open {
+  transform: rotate(90deg);
+}
+
+.skill__delete {
+  align-items: center;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  color: var(--muted-foreground);
+  cursor: pointer;
+  display: inline-flex;
+  flex: 0 0 auto;
+  height: 28px;
+  justify-content: center;
+  padding: 0;
+  width: 28px;
+}
+
+.skill__delete:hover:not(:disabled),
+.skill__delete:focus-visible {
+  background: var(--error-surface);
+  border-color: var(--error);
+  color: var(--error);
+}
+
+.skill__delete:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.skill__button:hover {
+  background: var(--secondary);
+}
+
+.skill__button[data-selected="true"] {
+  background: var(--accent-surface);
+  border-color: var(--border-strong);
+}
+
+.skill__description {
+  font-size: 11px;
+}
+
+.skill__detail {
+  border-left: 2px solid var(--border-strong);
+  margin: 0 0 4px 8px;
+  padding: 4px 0 4px 8px;
+}
+
+.skill__path {
+  color: var(--muted-foreground);
+  display: block;
+  font-family: var(--font-mono);
+  font-size: 11.5px;
+  line-height: 1.4;
+  margin: 0 0 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.skill__document {
+  color: var(--foreground);
+  font-size: 13px;
+  line-height: 1.55;
+  max-width: 940px;
+  overflow-wrap: anywhere;
+}
+
+.skill__document > :first-child {
+  margin-top: 0;
+}
+
+.skill__document > :last-child {
+  margin-bottom: 0;
+}
+
+.skill__document h1 {
+  font-size: 18px;
+  font-weight: 650;
+  letter-spacing: 0;
+  line-height: 1.2;
+  margin: 0 0 12px;
+}
+
+.skill__document h2 {
+  font-size: 13px;
+  font-weight: 650;
+  line-height: 1.45;
+  margin: 16px 0 6px;
+}
+
+.skill__document h3,
+.skill__document h4,
+.skill__document h5,
+.skill__document h6 {
+  font-size: 12px;
+  font-weight: 650;
+  line-height: 1.45;
+  margin: 12px 0 4px;
+}
+
+.skill__document p {
+  margin: 0 0 8px;
+}
+
+.skill__document ul,
+.skill__document ol {
+  margin: 0 0 8px;
+  padding-left: 16px;
+}
+
+.skill__document li + li {
+  margin-top: 4px;
+}
+
+.skill__document li > p {
+  margin: 0;
+}
+
+.skill__document strong {
+  font-weight: 650;
+}
+
+.skill__document a {
+  color: var(--accent);
+  text-decoration: none;
+}
+
+.skill__document a:hover,
+.skill__document a:focus-visible {
+  text-decoration: underline;
+}
+
+.skill__document code {
+  background: var(--background);
+  border: 1px solid var(--border-subtle);
+  border-radius: 3px;
+  font-size: 11.5px;
+  line-height: 1.4;
+  padding: 2px 6px;
+}
+
+.skill__document pre {
+  background: var(--background);
+  border: 1px solid var(--border-subtle);
+  border-radius: 4px;
+  margin: 0 0 8px;
+  overflow: auto;
+  padding: 8px;
+}
+
+.skill__document pre code {
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  font-size: 12px;
+  padding: 0;
+}
+
+.skill__document blockquote {
+  border-left: 2px solid var(--border-strong);
+  color: var(--muted-foreground);
+  margin: 0 0 8px;
+  padding-left: 10px;
+}
+
+.skill__document hr {
+  border: 0;
+  border-top: 1px solid var(--border-subtle);
+  margin: 12px 0;
+}
+
+.skill__document table {
+  border-collapse: collapse;
+  margin: 0 0 8px;
+}
+
+.skill__document th,
+.skill__document td {
+  border: 1px solid var(--border-subtle);
+  padding: 4px 8px;
+  text-align: left;
+}
+
+.skill__document th {
+  background: var(--surface-raised);
+  font-weight: 600;
+}
+/* Issues mode */
+.issues-overview,
+.issues-queue-page,
+.issues-runs-page,
+.issues-drafts-page,
+.issues-agents-page,
+.issues-agent-focus {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 16px;
+  overflow: auto;
+  height: 100%;
+}
+
+.issues-overview {
+  min-height: 0;
+  overflow: hidden;
+}
+
+.issues-overview__header {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.issues-overview__title {
+  font-size: 18px;
+  font-weight: 600;
+  margin: 2px 0;
+}
+
+.issues-overview__repo {
+  font-size: 11.5px;
+  color: var(--muted);
+}
+
+.issues-overview__body {
+  display: grid;
+  grid-template-columns: minmax(320px, 1fr) minmax(360px, 1.2fr);
+  grid-auto-rows: minmax(0, 1fr);
+  gap: 12px;
+  align-items: stretch;
+  flex: 1;
+  min-height: 0;
+}
+
+.issues-overview__side {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-height: 0;
+  overflow: auto;
+}
+
+.issues-overview__side > .panel {
+  flex: 0 0 auto;
+}
+
+@media (max-width: 1100px) {
+  .issues-overview__body {
+    grid-template-columns: 1fr;
+  }
+}
+
+.issues-facts {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(120px, 1fr));
+  gap: 8px;
+  margin: 0;
+}
+
+.issues-poll {
+  align-items: center;
+  display: inline-flex;
+  flex: 0 1 auto;
+  gap: 6px;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.issues-poll__dot {
+  background: var(--border-strong);
+  border-radius: 999px;
+  flex: 0 0 auto;
+  height: 6px;
+  width: 6px;
+}
+
+.issues-poll[data-tone="active"] .issues-poll__dot {
+  background: var(--success);
+}
+
+.issues-poll[data-tone="stale"] .issues-poll__dot,
+.issues-poll[data-tone="limited"] .issues-poll__dot {
+  background: var(--warning);
+}
+
+.issues-poll[data-tone="failed"] .issues-poll__dot {
+  background: var(--error);
+}
+
+.issues-poll__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.issues-facts dt {
+  font-size: 10.5px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--muted);
+}
+
+.issues-facts dd {
+  margin: 2px 0 0;
+  font-size: 12px;
+  overflow-wrap: anywhere;
+}
+
+.issues-notice {
+  margin: 0;
+  padding: 6px 8px;
+  border: 1px solid var(--warning);
+  background: var(--warning-surface);
+  border-radius: 4px;
+  font-size: 11.5px;
+}
+
+.issues-error {
+  margin: 0;
+  padding: 6px 8px;
+  border: 1px solid var(--error);
+  background: var(--error-surface);
+  border-radius: 4px;
+  font-size: 11.5px;
+}
+
+.issues-activity {
+  margin: 0;
+  padding: 8px 10px;
+  overflow: auto;
+  background: var(--background);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  font-size: 12px;
+  line-height: 1.45;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  tab-size: 2;
+  overscroll-behavior: contain;
+}
+
+.issues-activity__line[data-kind="command"] {
+  padding: 0 4px;
+  border-radius: 3px;
+  background: var(--accent-surface);
+  color: var(--foreground);
+  font-weight: 500;
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
+}
+
+.issues-activity__prompt {
+  color: var(--accent);
+  font-weight: 600;
+}
+
+.issues-activity__empty {
+  color: var(--muted-foreground);
+}
+
+.panel > .issues-activity {
+  border: 0;
+  border-radius: 0;
+}
+
+.issues-activity-panel {
+  min-height: 0;
+}
+
+.issues-activity-panel > .issues-activity {
+  flex: 1;
+  min-height: 0;
+}
+
+.issues-run-detail .issues-activity {
+  flex: 0 0 auto;
+  min-height: 180px;
+  max-height: 440px;
+}
+
+.issues-question {
+  border-top: 1px solid var(--border);
+  padding: 10px 12px;
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.issues-answer {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+
+.issues-queue,
+.issues-runs {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.issues-queue__item,
+.issues-run {
+  display: grid;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 7px 12px;
+  border-bottom: 1px solid var(--border);
+  font-size: 12px;
+  text-align: left;
+}
+
+.issues-queue__item {
+  grid-template-columns: 44px minmax(0, 1fr) auto;
+  border-bottom-color: var(--border-subtle);
+  padding: 6px 10px;
+}
+
+.issues-queue__item:hover {
+  background: var(--row-hover);
+}
+
+.issues-run {
+  grid-template-columns: minmax(0, 1fr) auto auto;
+  background: transparent;
+  color: var(--foreground);
+}
+
+.issues-run:hover,
+.issues-run[aria-current="true"] {
+  background: var(--secondary);
+}
+
+.issues-queue__number {
+  color: var(--muted-foreground);
+  font-size: 11.5px;
+  font-variant-numeric: tabular-nums;
+  line-height: 1.3;
+  overflow: hidden;
+  text-decoration: none;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.issues-queue__number:hover,
+.issues-queue__number:focus-visible {
+  color: var(--foreground);
+  text-decoration: underline;
+}
+
+.issues-queue__title {
+  line-height: 1.3;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.issues-queue__meta {
+  align-items: center;
+  display: inline-flex;
+  gap: 6px;
+  white-space: nowrap;
+}
+
+.issues-queue__empty {
+  padding: 10px;
+}
+
+.issues-run-detail {
+  border-top: 1px solid var(--border-strong);
+  padding: 10px 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.issues-drafts__body {
+  display: grid;
+  grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
+  gap: 12px;
+  flex: 1;
+  min-height: 0;
+}
+
+.issues-drafts__body > .panel {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+
+@media (max-width: 1100px) {
+  .issues-drafts__body {
+    grid-template-columns: 1fr;
+  }
+}
+
+.issues-drafts {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.issues-draft {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  width: 100%;
+  padding: 7px 12px;
+  border-bottom: 1px solid var(--border);
+  border-radius: 0;
+  background: transparent;
+  color: var(--foreground);
+  font-size: 12px;
+  text-align: left;
+}
+
+.issues-draft:hover,
+.issues-draft[aria-current="true"] {
+  background: var(--secondary);
+}
+
+.issues-draft__heading {
+  color: var(--muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.issues-draft__blocked {
+  color: var(--warning);
+  font-size: 11px;
+}
+
+.issues-drafts__empty {
+  padding: 10px 12px;
+}
+
+.issues-activity-panel {
+  display: flex;
+  flex-direction: column;
+}
+
+.issues-agent {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+  padding: 10px;
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  background: var(--surface);
+  overflow: hidden;
+}
+
+.issues-agent[data-asked="true"] {
+  border-color: var(--warning);
+}
+
+.issues-agent__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  min-height: 28px;
+}
+
+.issues-agent__issue {
+  color: var(--accent);
+  font-weight: 600;
+  text-decoration: none;
+}
+
+.issues-agent__issue:hover {
+  text-decoration: underline;
+}
+
+.issues-agent__activity {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: 4px;
+  min-height: 80px;
+}
+
+.issues-agent__activity-label {
+  margin: 0;
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  line-height: 1.2;
+  text-transform: uppercase;
+}
+
+.issues-agent__activity .issues-activity {
+  flex: 1;
+  min-height: 56px;
+  max-height: none;
+}
+
+/* A waiting card keeps its log compact, so a long option list never inflates
+   the neighbouring cards' activity area. */
+.issues-agent[data-asked="true"] .issues-agent__activity {
+  flex: 0 0 auto;
+}
+
+.issues-agent[data-asked="true"] .issues-agent__activity .issues-activity {
+  flex: 0 0 64px;
+  min-height: 64px;
+  max-height: 64px;
+}
+
+.issues-agent > .issues-question {
+  border: 0;
+  border-left: 2px solid var(--warning);
+  border-radius: 0 4px 4px 0;
+  background: var(--warning-surface);
+  padding: 8px 10px;
+}
+
+.issues-agents-page {
+  min-height: 0;
+  overflow: hidden;
+}
+
+.issues-agent-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
+  grid-auto-rows: max-content;
+  align-content: start;
+  align-items: stretch;
+  gap: 12px;
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+
+.issues-agent__title {
+  display: -webkit-box;
+  min-height: calc(2 * 1.45em);
+  margin: 0;
+  overflow: hidden;
+  overflow-wrap: anywhere;
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 1.45;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.issues-agent__meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2px 6px;
+  margin: 0;
+  color: var(--muted-foreground);
+  font-size: 11.5px;
+  font-variant-numeric: tabular-nums;
+}
+
+.issues-agents-empty {
+  max-width: 560px;
+}
+
+.issues-agents-empty__title {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.issues-agent-summary {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.issues-agent-summary > li + li {
+  border-top: 1px solid var(--border-subtle);
+}
+
+.issues-agent-summary__empty {
+  color: var(--muted-foreground);
+  padding: 12px 10px;
+}
+
+.issues-agent-row {
+  display: grid;
+  grid-template-columns: 44px minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  border-left: 2px solid transparent;
+  padding: 6px 10px 6px 8px;
+  background: transparent;
+  color: var(--foreground);
+  font-size: 12px;
+  text-align: left;
+}
+
+.issues-agent-row:hover {
+  background: var(--row-hover);
+}
+
+.issues-agent-row[aria-current="true"],
+.issues-agent-row[aria-current="true"]:hover {
+  background: var(--accent-surface);
+  border-left-color: var(--accent);
+}
+
+.issues-agent-row__open {
+  display: grid;
+  grid-column: 2 / 4;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  border: none;
+  border-radius: 3px;
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.issues-agent-row__issue {
+  color: var(--muted-foreground);
+  font-variant-numeric: tabular-nums;
+  line-height: 1.3;
+  text-decoration: none;
+}
+
+.issues-agent-row__issue:hover,
+.issues-agent-row__issue:focus-visible {
+  color: var(--accent);
+  text-decoration: underline;
+}
+
+.issues-agent-row[aria-current="true"] .issues-agent-row__issue {
+  color: var(--accent);
+}
+
+.issues-agent-row__title {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 1.3;
+}
+
+.issues-agent-row__meta {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.issues-agent-row__elapsed {
+  color: var(--muted-foreground);
+  font-size: 11.5px;
+  font-variant-numeric: tabular-nums;
+  line-height: 1.3;
+  min-width: 40px;
+  text-align: right;
+}
+
+.issues-agent-row__close {
+  align-items: center;
+  background: transparent;
+  border: 1px solid var(--border-subtle);
+  border-radius: 4px;
+  color: var(--muted-foreground);
+  cursor: pointer;
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-family: var(--font-sans);
+  font-size: 11px;
+  font-weight: 500;
+  height: 24px;
+  padding: 0 8px;
+  white-space: nowrap;
+}
+
+.issues-agent-summary__item:hover .issues-agent-row__close {
+  border-color: var(--border);
+  color: var(--foreground);
+}
+
+.issues-agent-row__close:hover:not(:disabled),
+.issues-agent-row__close:focus-visible {
+  background: var(--error-surface);
+  border-color: var(--error);
+  color: var(--error);
+}
+
+.issues-agent-row__close:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.issues-agent-output > .panel__body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.issues-agent-output .issues-activity {
+  flex: 1;
+  min-height: 120px;
+}
+
+.issues-agent-summary > .issues-agent-summary__item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding-right: 8px;
+}
+
+.issues-agent-summary__item > .issues-agent-row {
+  flex: 1;
+  min-width: 0;
+}
+
+.issues-agent-focus {
+  min-height: 0;
+  overflow: hidden;
+}
+
+.issues-agent-focus > .panel {
+  flex: 1;
+  min-height: 0;
+}
+
+.issues-agent-focus > .panel > .panel__body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+}
+
+.issues-agent-focus .issues-activity {
+  flex: 1;
+  min-height: 200px;
+}
+
+.issues-run-identity {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+  min-width: 0;
+}
+
+.issues-run-identity__label {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  line-height: 1.2;
+  text-transform: uppercase;
+}
+
+.issues-run-identity__id {
+  max-width: 220px;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.issues-run-identity__started {
+  color: var(--muted-foreground);
+  font-size: 11px;
+  white-space: nowrap;
+}
+
+.issues-draft-detail {
+  min-height: 0;
+  overflow: hidden;
+}
+
+.issues-draft-detail__header {
+  align-items: center;
+  border-bottom: 1px solid var(--border);
+  display: flex;
+  flex: 0 0 44px;
+  gap: 12px;
+  height: 44px;
+  justify-content: space-between;
+  padding: 0 10px;
+}
+
+.issues-draft-detail__identity {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.issues-draft-detail__path {
+  color: var(--muted-foreground);
+  font-size: 11px;
+  line-height: 1.3;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.issues-draft-detail__actions {
+  align-items: center;
+  display: flex;
+  flex: 0 0 auto;
+  gap: 6px;
+}
+
+.issues-draft-detail__stop {
+  background: transparent;
+  border-color: var(--border-subtle);
+  color: var(--muted-foreground);
+  font-size: 11px;
+  height: 24px;
+  padding: 0 8px;
+}
+
+.issues-draft-detail__stop:hover:not(:disabled),
+.issues-draft-detail__stop:focus-visible {
+  background: var(--error-surface);
+  border-color: var(--error);
+  color: var(--error);
+}
+
+.issues-draft-detail__body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 16px;
+  min-height: 0;
+  overflow: auto;
+  padding: 12px;
+}
+
+.issues-draft-detail__section {
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+}
+
+.issues-draft-detail__section + .issues-draft-detail__section {
+  border-top: 1px solid var(--border-subtle);
+  padding-top: 16px;
+}
+
+.issues-draft-detail__section--activity {
+  flex: 1 1 220px;
+  min-height: 180px;
+}
+
+.issues-draft-detail__section--activity .issues-activity {
+  flex: 1;
+  min-height: 160px;
+}
+
+.issues-draft-detail__label {
+  color: var(--muted-foreground);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  line-height: 1.2;
+  margin: 0;
+  text-transform: uppercase;
+}
+
+.issues-draft-detail__label--warning {
+  color: var(--warning);
+}
+
+.issues-draft-detail__question {
+  background: var(--warning-surface);
+  border: 1px solid var(--warning);
+  border-radius: 4px;
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: column;
+  gap: 8px;
+  padding: 10px 12px;
+}
+
+.issues-draft-detail__question .issues-question {
+  background: transparent;
+  border-top: 0;
+  padding: 0;
+}
+
+.issues-draft-detail__question .choice {
+  background: var(--surface);
+}
+
+.issues-draft-detail__prose {
+  color: var(--foreground);
+  font-size: 12px;
+  line-height: 1.5;
+  margin: 0;
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+.issues-draft-detail__empty {
+  color: var(--muted-foreground);
+  font-size: 12px;
+  margin: 0;
+}
+
+.status-issues {
+  border: 1px solid transparent;
+  max-width: 260px;
+}
+
+.status-issues__dot {
+  background: var(--border-strong);
+  border-radius: 999px;
+  flex: 0 0 auto;
+  height: 6px;
+  width: 6px;
+}
+
+.status-issues[data-tone="accent"] .status-issues__dot {
+  background: var(--accent);
+}
+
+.status-issues[data-tone="error"] .status-issues__dot {
+  background: var(--error);
+}
+
+.status-issues__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+/* Auto Scout */
+.issues-scout {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  padding: 16px;
+}
+
+.issues-scout__alerts {
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.issues-scout__body {
+  display: grid;
+  flex: 1;
+  gap: 12px;
+  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
+  min-height: 0;
+}
+
+.issues-scout__side {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-height: 0;
+  overflow: auto;
+}
+
+.issues-scout__side > .panel {
+  flex: 0 0 auto;
+}
+
+.issues-scout__main {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-height: 0;
+  min-width: 0;
+}
+
+.issues-scout__main > .panel:first-child {
+  flex: 1 1 auto;
+  min-height: 160px;
+}
+
+.issues-scout__main > .issues-activity-panel {
+  flex: 0 0 210px;
+  min-height: 150px;
+}
+
+.scout-sync-at {
+  font-size: 11px;
+}
+
+.scout-limits {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.scout-limits__field {
+  color: var(--muted);
+  display: flex;
+  flex-direction: column;
+  font-size: 10.5px;
+  gap: 4px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
+
+.scout-limits__actions {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.scout-limits__hint {
+  font-size: 11px;
+  line-height: 1.45;
+  margin: 0;
+}
+
+@media (max-width: 1100px) {
+  .issues-scout {
+    overflow: auto;
+  }
+
+  .issues-scout__body {
+    grid-template-columns: 1fr;
+    grid-template-rows: max-content max-content;
+  }
+
+  .issues-scout__side {
+    overflow: visible;
+  }
+
+  .issues-scout__main > .panel:first-child {
+    flex: 0 1 auto;
+    max-height: 320px;
+  }
+}