/* ── 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(--fs-text-tertiary);
  background: var(--fs-surface-raised);
  border: 1px solid var(--fs-border-color);
  text-decoration: none;
}
.ctx-crumb-parent:hover {
  color: var(--fs-accent);
  border-color: var(--fs-accent);
}
.ctx-crumb-project {
  color: var(--fs-accent);
  background: color-mix(in srgb, var(--fs-accent) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--fs-accent) 30%, transparent);
  text-decoration: none;
  font-weight: 500;
}
.ctx-crumb-project:hover {
  background: color-mix(in srgb, var(--fs-accent) 18%, transparent);
}
.ctx-crumb-milestone {
  color: var(--fs-text-secondary);
  background: var(--fs-surface-raised);
  border: 1px solid var(--fs-border-color);
}