/* ── Context breadcrumb (shared by NoteViewerView and TaskViewerView) ── */
.context-bar {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
  margin-bottom: 0.6rem;
}
.ctx-crumb {
  display: inline-flex;
  align-items: center;
  font-size: 0.8rem;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  white-space: nowrap;
}
.ctx-crumb-parent {
  color: var(--color-text-muted);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  text-decoration: none;
}
.ctx-crumb-parent:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.ctx-crumb-project {
  color: var(--color-primary);
  background: color-mix(in srgb, var(--color-primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
  text-decoration: none;
  font-weight: 500;
}
.ctx-crumb-project:hover {
  background: color-mix(in srgb, var(--color-primary) 18%, transparent);
}
.ctx-crumb-milestone {
  color: var(--color-text-secondary);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
}