apps/desktop/src/renderer/styles/deep-research.css

/* Deep research workflow + report/scope/evidence/progress. Relocated from sidebar.css — issue #546 PR3. */
.maka-deep-research-workflow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.maka-deep-research-workflow li {
  min-width: 0;
  border: var(--border-width-hairline) solid var(--border);
  border-radius: var(--radius-surface);
  background: oklch(from var(--focus-ring) l c h / 0.035);
  padding: var(--space-2-5);
}

.maka-deep-research-workflow-title {
  font: var(--maka-text-heading-4);
  display: block;
  margin: 0 0 var(--space-1);
  color: var(--foreground);
}

.maka-deep-research-workflow-body {
  font: var(--maka-text-body);
  display: block;
  color: var(--foreground-secondary);
}

.maka-deep-research-report,
.maka-deep-research-scope,
.maka-deep-research-evidence,
.maka-deep-research-progress {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-3) 0 0;
  border-top: var(--border-width-hairline) solid var(--border);
}

.maka-deep-research-report h2,
.maka-deep-research-scope h2,
.maka-deep-research-evidence h2,
.maka-deep-research-progress h2 {
  font: var(--maka-text-heading-4);
  margin: 0;
  color: var(--foreground);
}

.maka-deep-research-report ul,
.maka-deep-research-scope ul,
.maka-deep-research-evidence ul,
.maka-deep-research-progress ul {
  display: grid;
  gap: var(--space-1-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.maka-deep-research-report li,
.maka-deep-research-scope li,
.maka-deep-research-evidence li,
.maka-deep-research-progress li {
  display: grid;
  grid-template-columns: minmax(72px, max-content) minmax(0, 1fr);
  gap: var(--space-2-5);
  align-items: baseline;
  min-width: 0;
}

.maka-deep-research-report-title,
.maka-deep-research-scope-label,
.maka-deep-research-evidence-title,
.maka-deep-research-progress-title {
  font: var(--maka-text-heading-4);
  color: var(--foreground);
  white-space: nowrap;
}

.maka-deep-research-report-body,
.maka-deep-research-scope-body,
.maka-deep-research-evidence-body,
.maka-deep-research-progress-body {
  font: var(--maka-text-body);
  min-width: 0;
  color: var(--foreground-secondary);
}

.maka-deep-research-run-panel {
  flex: 0 0 auto;
  margin: 0 var(--space-4) var(--space-2-5);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width-hairline) solid var(--border);
  border-radius: var(--radius-surface);
  background: oklch(from var(--focus-ring) l c h / 0.035);
  color: var(--foreground);
}

.maka-deep-research-run-panel[data-status="completed"] {
  background: oklch(from var(--success) l c h / 0.035);
}

.maka-deep-research-run-summary,
.maka-deep-research-run-summary > div {
  display: flex;
  align-items: center;
  gap: var(--space-2-5);
}

.maka-deep-research-run-summary {
  justify-content: space-between;
  margin-bottom: var(--space-3);
}

.maka-deep-research-run-summary strong {
  font: var(--maka-text-heading-4);
}

.maka-deep-research-run-summary span,
.maka-deep-research-run-panel p {
  font: var(--maka-text-supporting);
  color: var(--foreground-secondary);
}

.maka-deep-research-run-actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

/* #1879: a count pill beside an Astryx Button, and the same shape as
   `.maka-session-workbar-count` and `.maka-tool-count`. It declared no type of
   its own — it inherits — which is precisely how it stayed invisible to a chip
   scan that required a rule to name its own role. Measured 24px natural (20px
   line box plus 2 x 2px padding); `--h-control-sm` is 24, so nothing moves. */
.maka-deep-research-run-count {
  height: var(--h-control-sm);
  display: inline-flex;
  align-items: center;
  padding: var(--space-0-5) var(--space-2);
  border-radius: var(--radius-pill);
  background: oklch(from var(--focus-ring) l c h / 0.10);
  font-variant-numeric: tabular-nums;
}

.maka-deep-research-handoff-button {
  font: var(--maka-text-heading-5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1-5);
  min-height: var(--h-control-lg);
  padding: 0 var(--space-3);
  border: var(--border-width-hairline) solid var(--focus-ring);
  border-radius: var(--radius-control);
  background: var(--background);
  color: var(--foreground);
  transition:
    background-color var(--duration-quick) var(--ease-out-strong),
    border-color var(--duration-quick) var(--ease-out-strong);
}

.maka-deep-research-handoff-button:hover {
  background: oklch(from var(--focus-ring) l c h / 0.08);
}

.maka-deep-research-handoff-button:active {
  background: oklch(from var(--focus-ring) l c h / 0.14);
}

.maka-deep-research-handoff-button:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: var(--focus-ring-offset);
}

.maka-deep-research-run-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
  gap: var(--space-3) var(--space-4);
}

.maka-deep-research-run-grid h3 {
  font: var(--maka-text-heading-5);
  margin: 0 0 var(--space-1-5);
  color: var(--foreground-secondary);
}

.maka-deep-research-run-grid ul {
  display: grid;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.maka-deep-research-run-grid li {
  font: var(--maka-text-supporting);
  display: flex;
  gap: var(--space-1-5);
  min-width: 0;
  color: var(--foreground-secondary);
}

.maka-deep-research-run-grid li[data-status="completed"] > span {
  color: var(--success-text);
}

.maka-deep-research-run-grid li[data-status="blocked"],
.maka-deep-research-run-blockers {
  color: var(--destructive-text);
}

.maka-deep-research-run-grid code {
  overflow: hidden;
  min-width: 0;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 620px) {
  .maka-deep-research-run-summary {
    align-items: flex-start;
  }

  .maka-deep-research-run-summary,
  .maka-deep-research-run-actions {
    flex-wrap: wrap;
  }
}