apps/desktop/src/renderer/styles/task-ledger.css

.maka-task-ledger-panel {
  height: 100%;
  min-height: 0;
  overflow-y: auto;
  padding: var(--space-2);
}

.maka-task-ledger-tree {
  display: grid;
  gap: var(--border-width-hairline);
}

.maka-task-ledger-row {
  font: var(--maka-text-supporting);
  display: grid;
  grid-template-columns: 14px minmax(34px, auto) minmax(100px, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  min-height: 30px;
  padding: var(--space-1) var(--space-2) var(--space-1) calc(var(--space-2) + var(--task-depth) * var(--space-5));
  border-radius: var(--radius-control);
  color: var(--foreground-secondary);
}

.maka-task-ledger-group {
  display: grid;
  grid-column: 1 / -1;
  gap: var(--border-width-hairline);
}

.maka-task-ledger-row:hover { background: var(--state-hover-bg); }

.maka-task-ledger-row:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--focus-ring-width) var(--focus-ring);
}
.maka-task-ledger-row[data-status="in_progress"] > svg { color: var(--status-running); }
.maka-task-ledger-row[data-status="blocked"] > svg { color: var(--warning); }
.maka-task-ledger-row[data-status="completed"] > svg { color: var(--success); }
.maka-task-ledger-row[data-status="failed"] > svg { color: var(--destructive); }

.maka-task-ledger-key {
  font: var(--maka-text-supporting);
  color: var(--foreground-secondary);
  white-space: nowrap;
}

.maka-task-ledger-subject,
.maka-task-ledger-detail {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.maka-task-ledger-subject {
  font: var(--maka-text-body);
 color: var(--foreground); }
.maka-task-ledger-meta { display: inline-flex; justify-content: flex-end; gap: var(--space-1-5); white-space: nowrap; }
.maka-task-ledger-meta > span + span::before { content: "·"; margin-right: var(--space-1-5); }
.maka-task-ledger-detail {
  font: var(--maka-text-supporting);
 grid-column: 3 / -1; color: var(--foreground-secondary); }

.maka-task-ledger-terminal {
  margin-top: var(--space-1);
  border-top: var(--border-width-hairline) solid color-mix(in srgb, var(--border) 60%, transparent);
}

.maka-task-ledger-terminal-trigger {
  font: var(--maka-text-supporting);
  display: flex;
  align-items: center;
  gap: var(--space-1-5);
  width: 100%;
  min-height: 30px;
  justify-content: space-between;
  padding: var(--space-1) var(--space-2);
  color: var(--foreground-secondary);
}

.maka-task-ledger-terminal-trigger > span { display: inline-flex; align-items: center; gap: var(--space-1-5); }

.maka-task-ledger-message {
  font: var(--maka-text-supporting);
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: var(--space-1) var(--space-2);
  color: var(--foreground-secondary);
}

.maka-task-ledger-retry {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 0;
  border-radius: var(--radius-control);
  background: transparent;
  color: inherit;
}

.maka-task-ledger-retry:hover { background: var(--state-hover-bg); }

.maka-task-ledger-retry:focus-visible {
  outline: var(--focus-ring-width) solid var(--focus-ring);
  outline-offset: 1px;
}

@media (max-width: 620px) {
  .maka-task-ledger-row { grid-template-columns: 14px minmax(32px, auto) minmax(0, 1fr); }
  .maka-task-ledger-meta { grid-column: 3; justify-content: flex-start; }
  .maka-task-ledger-detail { grid-column: 3; white-space: normal; overflow-wrap: anywhere; }
}